@media screen and (max-width:767px){
body,th,td,input,select,textarea,button {font-size:12px; line-height:1.5;  font-family:'Poppins', 'Noto Sans KR'; color:#555;}
.inner {width:100%; padding:0 3%;}
.pc_img {display:none;}
.tab_img {display:none;}
.mob_img {display:inline-block;}
.pc {display:none;}
.tab {display:none;}
.mob {display:block;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:767px; overflow:hidden; margin:0 auto;}
#header {position:absolute; width:100%; height:70px; z-index:1000;}
#header .inner {position:relative;}
#header h1 {position:absolute; top:15px; left:3%;}
#header h1 img {height:44px;}
.gnb {display:none;}

.h_menu {position:absolute; right:3%; top:18px; font-size:0;}
.h_menu > div {display:inline-block; vertical-align:top; margin-left:5px; width:35px; height:35px;}
.h_menu .lang {background:url("/corporate-mirror/mtc/images/main/lang_bg.png") center no-repeat; text-align:center; line-height:35px; background-size:35px 35px;}
.h_menu .lang a {display:block; width:100%; height:100%; font-size:11px; color:#fff;}

.menu_btn {display:none !important;}
.navi_btn {display:inline-block !important; background:url("/corporate-mirror/mtc/images/main/navi_btn_mob.png") top center no-repeat; background-size:35px 35px; cursor:pointer;}
.navi_btn.on {background:url("/corporate-mirror/mtc/images/main/navi_close_tab.png") top center no-repeat; background-size:35px 35px;}

.navigation {display:none; position:absolute; top:70px; left:0; width:100%; height:100%; background:#82b14e; overflow:hidden; border-top:1px solid rgba(255,255,255,0.3);
z-index:1000; font-family: 'Noto Sans KR';}
.navigation .lnb {display:block;}
.navigation h3 {width:100%; height:51px; border-bottom:1px solid rgba(255,255,255,0.3); background:#82b14e url("/corporate-mirror/mtc/images/main/menu.png") 96% center no-repeat;
background-size:10px 7px;}
.navigation h3 a {display:block; width:100%; height:100%; padding-left:30px; font-size:15px; color:#fff; line-height:50px; font-weight:500;}
.navigation h3.on {background:#fff url("/corporate-mirror/mtc/images/main/menu_on.png") 96% center no-repeat; background-size:10px 7px;}
.navigation h3.on a {color:#111;}
.navigation h3.active {background:#fff url("/corporate-mirror/mtc/images/main/menu_on.png") 96% center no-repeat; background-size:10px 7px;}
.navigation h3.active a {color:#111;}
.navigation ul {width:100%; padding:20px 0; background:#a8c983;}
.navigation ul li a {display:block; width:100%; height:100%; padding-left:30px; font-size:13px; color:#fff; line-height:30px;}

#visual_wrap {position:relative; width:100%; height:auto; overflow:hidden; padding-bottom:0;}
.visual_icon {display:none;}

#section1 {width:100%; background:url("/corporate-mirror/mtc/images/main/sec1_bg_mob.jpg?v=clarity-20260714") bottom center repeat-x; padding:35px 0 50px; background-size:100% 320px; }
h2.h2_tit {font-size:26px; color:#111; line-height:1; font-weight:800;}
h2.h2_tit span {font-weight:300;}

.slider_wrap {position:relative; width:100%; height:215px; margin-top:30px; font-size:0;}

.big_img_wrap {position:absolute; bottom:0; left:0;}
.big_img {position:relative; display:inline-block !important; width:180px; margin-right:0; z-index:3;}
.big_img li {width:180px; height:215px;}
.big_img li a {position:relative; display:block; width:100%; height:100%;}
.big_img li a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/corporate-mirror/mtc/images/main/img_border_tab.png") top center no-repeat; background-size:cover;}
.big_img li .img {display:table-cell; width:180px; height:215px;vertical-align:middle; text-align:center;}
.big_img li .img img {display:inline-block; max-width:180px; max-height:215px; width:100%;}

.txt_slider_wrap {position:absolute; bottom:0; left:0; width:180px; height:78px; z-index:5;}
.txt_slider {background:#82b14e;}
.txt_slider li {width:180px; height:auto;}
.txt_slider li a {display:block; width:100%; height:100%; padding:20px;}
.txt_slider li h3 {font-size:13px; color:#fff; line-height:18px; height:36px}
.txt_slider li .desc {display:none;}
.txt_slider li .more {position:relative; width:100%; font-size:12px; color:#fff; line-height:1; margin-top:14px;}
.txt_slider li .more:before {content:''; position:absolute; bottom:3px; right:0; width:65px; height:1px; background:#fff;}

.sec1_slider_wrap {position:relative; padding-left:195px; width:1520px; z-index:1; padding-top:0;}
.sec1_slider {position:relative; display:inline-block !important;  margin-top:42px;}
.sec1_slider li {position:relative; float:left; width:145px; margin-right:15px; -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%);}
.sec1_slider li a {position:relative; display:block; width:100%; height:100%;}
.sec1_slider li a:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.sec1_slider li .img {display:table-cell; width:145px; height:173px; vertical-align:middle; text-align:center;}
.sec1_slider li .img img {display:inline-block; max-width:145px; max-height:173px;}
.sec1_slider li .txt {position:absolute; bottom:0; left:0; width:100%; padding:10px;}
.sec1_slider li .txt h3 {font-size:11px; color:#fff; line-height: 17px; height: 34px;}
.sec1_slider li .txt .desc {display:none;}
.sec1_slider .slick-arrow {position:absolute; top:-42px; width:30px; height:30px; font-size:0; background-size:cover !important;}
.sec1_slider .slick-prev {left:0; background:url("/corporate-mirror/mtc/images/main/prev_mob.jpg?v=clarity-20260714") top center no-repeat;}
.sec1_slider .slick-next {left:35px; background:url("/corporate-mirror/mtc/images/main/next_mob.jpg?v=clarity-20260714") top center no-repeat;}

#section2 {width:100%; padding:50px 0; background:#fff;}
#section2 .tit {width:100%; text-align:center;}
#section2 .tit p {font-size:12px; color:#36a536; line-height:18px; margin-top:20px; font-weight:500; word-break:keep-all;}
.sec2_con {width:100%; margin-top:40px; padding:0;}
.sec2_con li {float:none; display: inline-block; width:49%; text-align:center; padding:0 3%; margin-top:40px;}
.sec2_con li:nth-child(-n+2) {margin-top:0;}
.sec2_con li .img_wrap {position:relative; width:100%; height:130px; z-index:1; text-align:center;}
.sec2_con li .img_wrap img:first-child {padding-top:10px; max-width:100%;}
.sec2_con li .img_wrap .icon01 {height:120px;}
.sec2_con li .img_wrap .icon02 {height:125px;}
.sec2_con li .img_wrap .icon03 {height:116px;}
.sec2_con li .img_wrap .icon04 {height:96px;}
.sec2_con li:nth-child(2) .img_wrap img:first-child {padding-top:0;}
.sec2_con li .img_wrap .img {position:absolute; top:0; left:50%; z-index:-1;  max-width:100%;}
.sec2_con li .img_wrap .img.img01 {width:120px; margin-left:-60px;}
.sec2_con li .img_wrap .img.img02 {width:114px; margin-left:-57px;}
.sec2_con li .txt {width:100%; margin-top:20px;}
.sec2_con li .txt h3 {font-size:14px; color:#111; line-height:1; font-weight:500;}
.sec2_con li .txt p {font-size:12px; color:#555; line-height:18px; margin-top:10px;}
.sec2_con li .txt .btn {display:inline-block; width:130px; height:40px; text-align:center; font-size:12px; color:#fff; line-height:40px; margin-top:30px;
background-size:100% !important; border-radius:40px;}
.sec2_con li .txt .btn.btn01 {background:url("/corporate-mirror/mtc/images/main/btn01.png") center repeat-x;}
.sec2_con li .txt .btn.btn02 {background:url("/corporate-mirror/mtc/images/main/btn02.png") center repeat-x;}
.sec2_con li .txt .btn.btn03 {background:url("/corporate-mirror/mtc/images/main/btn03.png") center repeat-x;}
.sec2_con li .txt .btn.btn04 {background:url("/corporate-mirror/mtc/images/main/btn04.png") center repeat-x;}

#section3 {width:100%;}
.sec3_con {float:left; width:100%; background-size:320px !important;}
.sec3_con a {display:block; width:100%; height:100%; padding:40px 0;}
.sec3_con.con01 {background:#6ba37c url("/corporate-mirror/mtc/images/main/sec3_bg01_mob.jpg?v=clarity-20260714") right center no-repeat;}
.sec3_con.con01 a {padding-left:3%;}
.sec3_con.con02 {background:#558496 url("/corporate-mirror/mtc/images/main/sec3_bg02_mob.jpg?v=clarity-20260714") right center no-repeat;}
.sec3_con.con02 a {padding-left:3%;}
.sec3_con span {font-size:14px; color:#fff; line-height:1;}
.sec3_con h2 {font-size:20px; color:#fff; line-height:1; margin-top:8px;}
.sec3_con p {font-size:12px; color:#fff; margin-top:18px;}
.sec3_con .more {font-size:12px; color:#fff; margin-top:20px;}
.sec3_con .more img {vertical-align:0px; margin-left:19px; transition:0.3s ease-in-out;}
.sec3_con:hover .more img {transition:0.3s ease-in-out; margin-left:19px;}

#footer{width:100%; font-family: 'Noto Sans KR';}
#footer .inner {position:relative;}
.f_top {height:auto; background:#303030; padding:30px 0;}
.foot_logo {position:static; top:auto; left:auto;}
.foot_logo img {height:30px;}
.f_menu_wrap {width:100%; text-align:left; font-size:0; margin-top:18px;}
.f_menu {position:relative; display:block; margin-left:0; vertical-align:top; text-align:left; padding-left:100px; min-height:25px; margin-top:16px;}
.f_menu_wrap .f_menu:first-child {margin-left:0; margin-top:0;}
.f_menu strong {position:absolute; display:block; top:0; left:0; font-size:14px; line-height:18px; font-weight:400;}
.f_menu strong a {font-weight:500; color:#fff;}
.f_menu ul {display:inline-block; margin-top:0;}
.f_menu ul li {display:block; line-height:23px; margin-right:20px;}
.f_menu ul li:last-child {margin-left:0;}
.f_menu ul li a {display:block; width:100%; height:100%; font-size:11px; color:#aaa;}
.f_menu.f_menu02 ul {margin-right:0}
.f_menu.f_menu02 ul:last-child {margin-right:0;}
.f_menu ul.menu01 {display:none;}
.f_menu ul.menu02 {display:inline-block;}
.f_btm {height:auto; background:#1c1c1c; text-align:center; padding:30px 0;}
.f_btm address {font-size:12px; color:#fff; line-height:18px;}
.f_btm address a {color:#fff;}
.top_btn {position:absolute; top:0; right:3%; width:35px; height:35px; background:url("/corporate-mirror/mtc/images/main/top_mob.jpg?v=clarity-20260714") top center no-repeat; cursor:pointer;
background-size:35px 35px;}

/* === Sub === */
#header.sub .h_menu {top:18px;}
#header.sub .h_menu > div {width:35px; height:35px; margin-left:5px;}
#header.sub .lang {background:#fff; line-height:35px;}
#header.sub .navi_btn {background:url("/corporate-mirror/mtc/images/sub/navi_btn_tab.png") top center no-repeat; cursor:pointer; background-size:35px 35px;}
#header.sub .navi_btn.on {background:url("/corporate-mirror/mtc/images/main/navi_close_tab.png") top center no-repeat; cursor:pointer; background-size:35px 35px;}

#sub_contents {width:100%; padding:30px 0 70px; min-height:600px;}
.tab_menu {width:100%; height:auto; border:1px solid #ddd; background:#f6f6f6; padding-left:0;}
.tab_menu .tab_home {display:none;}
.tab_menu .menu {width:100%;}
.tab_menu .menu > li {position:relative; float:left; width:50%; height:auto; border-left:1px solid #ddd; background:#fff url("/corporate-mirror/mtc/images/sub/location_mob.jpg?v=clarity-20260714") 95% center no-repeat;
background-size:7px 9px;}
.tab_menu .menu > li:first-child {border-left:0;}
.tab_menu .menu > li:last-child {width:50%; border-right:0;}
.tab_menu .menu > li > a {display:flex; width:100%; height:100%; line-height:20px; padding:10px 15px 10px 10px; font-size:12px; color:#aaa; word-break: keep-all;}
.tab_menu .menu > li.on {background:#82b14e url("/corporate-mirror/mtc/images/sub/location_mob_on.png") 95% center no-repeat; border-left:1px solid #82b14e; background-size:9px 7px;}
.tab_menu .menu > li.on a {color:#fff;}
.tab_menu .menu > li ul {display:none; position:absolute; top:100%; left:-1px; box-sizing:content-box; width:calc(100% + 1px ); padding:19px 0; background:#82b14e; border-top:1px solid rgba(255,255,255,0.2)}
.tab_menu .menu > li ul li {margin-top: 10px;}
.tab_menu .menu > li ul li:first-child{margin-top: 0;}
.tab_menu .menu > li ul li a {display:block; width:auto; height:100%; line-height:16px; padding-left:10px; padding-right: 10px;font-size:12px; color:#fff; word-break: keep-all;}
.tab_menu .menu > li > a span{align-self: center}

.contop {width:100%; text-align:center; padding-top:30px;}
.contop h3 {font-size:22px; color:#111; line-height:1; font-weight:400;}
.conbody {width:100%; padding-top:40px;}

.h4_tit02 {font-size: 23px; margin-bottom: 30px; }
/*sub0101*/
.sub0101_wrap{width:100%;background-image:url('/corporate-mirror/mtc/images/sub/sub0101_img01_mob.png'),url('/corporate-mirror/mtc/images/sub/sub0101_img02_mob.png');box-shadow: 0px 0px 25px rgba(0,0,0,0.15); background-repeat:no-repeat;background-position:102% -6%, -1% 64%;padding: 30px 20px;position:relative; z-index:1;background-size:20%;}
.text_box{width:100%;float:none;}
.text_box h4{font-size:22px;}
.text_box h5{font-size:15px;}
.text_box h5:after{width:20px; height:2px;}
.img_box{position: static;margin: 0px auto;margin-top: 30px;max-width: 70%; z-index:0;width:100%;top:0%; transform: translateY(0%);}
.sub_pc_img{display:none;}
.sub_mob_img{display:block;}
/*sub0102*/

.history_list .year{font-size:20px;padding-left: 70px;}
.history_list .p_dot li{font-size:15px;position:relative;padding-left: 70px;}

.history:before{display: block;content: '';  width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left:28px;z-index: 1;}
.history_list{position: relative; z-index: 2; background: url("/corporate-mirror/mtc/images/sub/top_dot.jpg?v=clarity-20260714")0% 0 no-repeat;     padding-top: 100px; word-break:keep-all;}
.history_txt {width: 100%; margin-left: 28px;float:none;}
.history_list .left_his .history_txt{width: 100%; margin-left: 28px;text-align:left;}
.history_list .p_dot{margin-bottom:10px;margin-top:15px;}
.history_list .left_his .year, .history_list .left_his .p_dot li{padding-right:0px;padding-left:70px;}
.history_list .right_his .year:after { display: block; content: '';width: 70px;height: 19px;position: absolute;  top: 4px; left: -9px;background: url("/corporate-mirror/mtc/images/sub/year_dot1_mob.png") no-repeat 0 0; z-index:1;}
.history_list .right_his .p_dot li:after { display: block; content: '';width: 9px;height: 10px;position: absolute;  top: 7px;left: -5px;background: url("/corporate-mirror/mtc/images/sub/day_dot_mob.png") no-repeat 0 0; z-index:1;}
.history_list .left_his .year:after{ display: block; content: '';width: 70px;height: 19px;position: absolute;top: 4px; left: -9px;background: url("/corporate-mirror/mtc/images/sub/year_dot1_mob.png") no-repeat 0 0; z-index:1;}
.history_list .left_his .p_dot li:after{ display: block; content: '';width: 9px;height: 10px;position: absolute;  top: 7px; left: -5px;background: url("/corporate-mirror/mtc/images/sub/day_dot_mob.png") no-repeat 0 0; z-index:1;}
.history_list .right_his .history_img { width: 100%; margin-left:97px;float:none;margin-right:0px;}
.history_list .left_his .history_img {margin-left: 97px;width:100%;}
.history_list .history_img img{position: static; top: 50%; left: 0%;  transform: translate(0%,0%); width:50%;height:auto;}
.history_list .left_his .p_dot li{position: relative;  padding-left: 110px;;}
.history_list .left_his .p_dot li span{position: absolute; left: 70px;}
.history_list .right_his .p_dot li{position: relative;  padding-left: 110px;;}
.history_list .right_his .p_dot li span{position: absolute; left: 70px;}
.history_list > li { overflow: hidden;  margin-top: 50px;}
/*sub0104*/
.tbl thead tr th{font-size:15px;}
.tbl tr td p:nth-child(2){margin-top:5px;}
.tbl tr th,.tbl tr td{padding:10px 15px;font-size: 12px;}
.tbl tr td p:after{ top:8px;}


/*sub_0201========S*/
.sub0101_at_box_wrap{margin-top: 40px;}
.sub0101_at_inner h4{font-size: 15px;}
.sub0101_at_inner ul li p{font-size: 12px;padding-left:10px;}
.sub0101_at_inner ul li p:after {top:8px;}
.sub0101_pup_box{ margin-top: 40px;}
.sub0101_ind_box{display: block; }
.sub0101_ind_box>div{width: 80%; display: block; float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.sub0101_ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.sub0101_ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.sub0101_pup_box_inner{padding-top: 5%;}
.sub0101_pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0101_pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0101_pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0101_pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0101_pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0101_pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0101_wrap_tb{margin-top: 40px;}.tb{display: none; }
.sub0101_tb_bot{display: none;}
.sub0101_mrt_20{ margin-top: 20px;}
.sub0101_t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.sub0101_tb{display:none;}
.sub0101_tb_box_m{display: block;}
.sub0101_tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.sub0101_tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
.sub0101_tb_box_m>ul>li {overflow:hidden;}
.sub0101_tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.sub0101_tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.sub0101_tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.sub0101_tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%; top: 7px;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #82b14e;}
.sub0101_tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.sub0101_tb_box_m>ul li.tb_box_last p:after {display:none;}
.sub0101_pd_box{margin-top: 40px;}
.sub0101_pd_box_info{padding-top: 10px;}
.sub0101_pd_box_info>h5{font-weight: 500; margin-top:10px;}
.sub0101_pd_box_info>ul>li{padding-left: 10px;}

.sub0101_pd_box>div{float: none;width: 100%;}
.sub0101_pd_box>div:nth-child(2){float:none; margin-left: 0;}

.sub0133_pd_box > div:nth-child(1){float: none;width: 100%;}
.sub0133_pd_box > div:nth-child(2){float:none; width: 100%; margin-left: 0;}
/*sub_0201========E*/



/*sub_0202*/
.at_box_wrap{margin-top: 40px;}
.at_inner h4{font-size: 15px;}
.at_inner ul li p{font-size: 12px;padding-left:10px;}
.at_inner ul li p:after {top:8px;}
.pup_box{margin-top: 40px;}
.ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.pup_box_inner{padding-top: 5%;}
.pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.pup_box_inner li:nth-child(3n) {margin-right:6%;}
.pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.pup_box_inner li:nth-child(2n) {margin-right:0;}
.pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.wrap_tb{margin-top: 40px;}.tb{display: none; }
.tb_bot{display: none;}
.mrt_20{ margin-top: 20px;}
.t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.tb_box_m{display: block;}
.tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
#top_b_n{border-top:none;}


.tb_box_m>ul>li {overflow:hidden;}
.tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.tb_box_m>ul>li>h5.hei50{height:50px;}



.sub0101_tb_box_m>ul>li>h5.hei50{height:70px;}
.sub0101_tb_box_m>ul>li>h5.hei100{height:110px;}
.tb_box_m>ul>li>h5.hei50{height:40px;}
.tb_box_m>ul>li>h5.hei100{height:100px;}



.tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%;transform: translateY(-50%); top: 50%;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #82b14e;}
.tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; }
.tb_box_m>ul li.tb_box_last p:nth-child(1){border-top: 1px solid #ddd;}
.tb_box_m>ul li.tb_box_last p:after {display:none;}
.pd_box{margin-top: 40px;}
.pd_box_info{padding-top: 0;}
.pd_box_info>h5{font-weight: 500;}
.pd_box_info>ul>li{padding-left: 10px;}
.pd_box>div{float: none;width: 100%;}
.pd_box>div:nth-child(2){float:none; margin-left: 0;}


/*sub_0203========S*/
.sub0103_pd_box{margin-top: 40px;}
.sub0103_pd_box_info{padding-top: 0;}
.sub0103_pd_box_info>h5{font-weight: 500;}
.sub0103_pd_box_info>ul>li{padding-left: 10px;}
.sub0103_pd_box>div{float: none;width: 100%;}
.sub0103_pd_box>div:nth-child(2){float:none; margin-left: 0;}
/*sub_0203========E*/


/*sub_0204========S*/
.sub0104_at_box_wrap{margin-top: 40px;}
.sub0104_at_inner h4{font-size: 15px;}
.sub0104_at_inner ul li p{font-size: 12px;padding-left:10px;}
.sub0104_at_inner ul li p:after {top:8px;}
.sub0104_pup_box{margin-top: 40px;}
.sub0104_ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.sub0104_ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.sub0104_ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.sub0104_pup_box_inner{padding-top: 5%;}
.sub0104_pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0104_pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0104_pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0104_pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0104_pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0104_pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0104_wrap_tb{margin-top: 40px;}.tb{display: none; }
.sub0104_tb_bot{display: none;}
.sub0104_mrt_20{ margin-top: 20px;}
.sub0104_t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.sub0104_tb{display:none;}
.sub0104_tb_box_m{display: block;}
.sub0104_tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.sub0104_tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
.sub0104_tb_box_m>ul>li {overflow:hidden;}
.sub0104_tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.sub0104_tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.sub0104_tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.sub0104_tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%; top: 7px;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #82b14e;}
.sub0104_tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.sub0104_tb_box_m>ul li.tb_box_last p:after {display:none;}
.sub0104_pd_box{margin-top: 40px;}
.sub0104_pd_box_info{padding-top: 10;}
.sub0104_pd_box_info>h5{font-weight: 500;}
.sub0104_pd_box_info>ul>li{padding-left: 10px;}
.sub0104_pd_box>div{float: none;width: 100%;}
.sub0104_pd_box>div:nth-child(2){float:none; margin-left: 0;}
.sub0101_pd_box > div{float: none !important;width: 100% !important;}
/*sub_0204========E*/

/*sub_0205========S*/
.sub0105_at_box_wrap{margin-top: 40px;}
.sub0105_at_inner h4{font-size: 15px;}
.sub0105_at_inner ul li p{font-size: 12px;padding-left:10px;}
.sub0105_at_inner ul li p:after {top:8px;}
.sub0105_pup_box{margin-top: 40px;}
.ind_box{display: block; }
.sub0105_ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.sub0105_ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.sub0105_ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.sub0105_pup_box_inner{padding-top: 5%;}
.sub0105_pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0105_pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0105_pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0105_pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0105_pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0105_pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0105_wrap_tb{margin-top: 40px;}.tb{display: none; }
.sub0105_tb_bot{display: none;}
.sub0105_mrt_20{ margin-top: 20px;}
.sub0105_t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.sub0105_tb{display:none;}
.sub0105_tb_box_m{display: block;}
.sub0105_tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.sub0105_tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
.sub0105_tb_box_m>ul>li {overflow:hidden;}
.sub0105_tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.sub0105_tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.sub0105_tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.sub0105_tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%; top: 7px;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #82b14e;}
.sub0105_tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.sub0105_tb_box_m>ul li.tb_box_last p:after {display:none;}


.sub_0205_pd_box_info ul div{float: none;width: 45%;}
.sub_0205_pd_box_info ul div.f_r{float: none;}
.sub_0205_pd_box_info ul div:nth-child(3){margin:20px 0px;}
.sub_0205_pd_box_info ul div:nth-child(4){margin:20px 0px; width: 48%;}
.sub_0205_pd_box_info ul p{position: relative; padding-left: 17px; padding-top:15px;}
.sub_0205_pd_box_info ul p:after{position: absolute;border-radius: 50%;top: 50%;left: 0;transform: translateX(50%);display: block;content: '';width: 3px;height: 3px;background-color: #82b14e;}
#sub_0205_pd_box>p{text-align: center;}


#sub_0205_pd_box>div:first-of-type{float: none;width: 100%;}
#sub_0205_pd_box>div:last-of-type{float: none;width: 100%;}

/*sub_0206========*/
.sub0206_at_box_wrap{margin-top: 40px;}
.sub0206_at_inner h4{font-size: 15px;}
.sub0206_at_inner ul li p{font-size: 12px;padding-left:10px;}
.sub0206_at_inner ul li p:after {top:8px;}
.sub0206_pup_box{margin-top: 40px;}
.sub0206_ind_box>div{width: 80%;float: none;right: none;top: none; transform: none; position:inherit;margin: 0 auto;}
.sub0206_ind_box>article{width: 80%;float: none;right: none;top: none;transform: none;position: inherit;margin: 0 auto;margin-top: 20px;}
.sub0206_ind_box>article>p{font-size: 12px;word-break: keep-all; line-height: 20px;text-align: center;}
.sub0206_pup_box_inner{padding-top: 5%;}
.sub0206_pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0206_pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0206_pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0206_pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0206_pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0206_pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0206_pup_box_inner li p {position:absolute; bottom:-17px; left:50%; transform:translate(-50%,-50%); background-color: #fff; width: 100%; text-align: center; height: 33px; line-height: 33px; color: #222; font-weight: 500; border: 1px solid #ddd; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; font-size: 11px;}
.sub0206_wrap_tb{margin-top: 40px;}
.dwl_p {word-break: keep-all;}
.tb{display: none; }
.sub0206_tb_bot{display: none;}
.sub0206_mrt_20{ margin-top: 20px;}
.sub0206_t_center_t{text-align: center;width: 100%;font-size: 11px;word-break: keep-all;color: #676767;margin-top: 20px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;}
.sub0206_tb{display:none;}
.sub0206_tb_box_m{display: block;}
.sub0206_tb_box_m>ul{border-top: 1px solid #dbdbdb; padding:10px 0;}
.sub0206_tb_box_m>ul:first-of-type{border-top: 2px solid #82b14e;}
.sub0206_tb_box_m>ul>li {overflow:hidden;}
.sub0206_tb_box_m>ul>li:nth-of-type(n+2){padding-top: 10px;}
.sub0206_tb_box_m>ul>li>h5{ font-size: 12px; font-weight: 500;float: left;width: 35%;}
.sub0206_tb_box_m>ul>li>p{position: relative;padding-left: 17px;font-size: 12px;float: left;width: 62%;margin-left: 3%;}
.sub0206_tb_box_m>ul>li>p:after{position: absolute;border-radius: 50%; top: 7px;left: 0; display: block;content: ''; width: 3px;height: 3px; background-color: #82b14e;}

.sub0206_tb_box_m>ul li.tb_box_last p {width:100%; margin-left:0; padding-left:0; margin-top:0; padding-top:10px; border-top: 1px solid #dbdbdb;}
.sub0206_tb_box_m>ul li.tb_box_last p:after {display:none;}
.sub0206_pd_box{margin-top: 40px;}
.sub0206_pd_box_info{padding-top: 10px;}
.sub0206_pd_box_info>h5{font-weight: 500; margin-top:10px;}
.sub0206_pd_box_info>ul>li{padding-left: 10px;}

.sub0206_pd_box>div{float: none;width: 100%;}
.sub0206_pd_box>div:nth-child(2){float:none; margin-left: 0;}

.sub0206_tb_box_m h5 {word-break: keep-all;}
.sub0206_tb_box_m .hei50 {height: 60px}
.sub0206_tb_box_m .hei100 {height: 110px}

/* sub0207 */
.sub0207_wrap .t_center_t {width: 100%; text-align: center; margin-left: 0; padding-left: 0; margin-top: 10px; padding-bottom: 17px;}
.sub0207_wrap .t_center_t:after {display: none;}

.sub0207_wrap .pup_box_inner{padding-top: 5%;}
.sub0207_wrap .pup_box_inner li {position:relative; float:left; width:47%; height:0; padding-bottom:39.65%; margin-top:5%; margin-right:6%;}
.sub0207_wrap .pup_box_inner li:nth-child(3n) {margin-right:6%;}
.sub0207_wrap .pup_box_inner li:nth-child(-n+3) {margin-top:5%;}
.sub0207_wrap .pup_box_inner li:nth-child(2n) {margin-right:0;}
.sub0207_wrap .pup_box_inner li:nth-child(-n+2) {margin-top:0;}
.sub0207_wrap .pup_box_inner li img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:100%; max-height:100%;}
.sub0207_wrap .pup_box_inner li p {position:absolute; bottom:-17px; left:50%; transform:translate(-50%,-50%); background-color: #fff; width: 100%; text-align: center; height: 33px; line-height: 33px; color: #222; font-weight: 500; border: 1px solid #ddd; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; font-size: 11px;}

/* sub0301 */
.sub0301_top {padding:20px 10px;  padding-bottom:0;}
.sub0301_top > div {width:100%;}

.top_img { float:none; width:100%;  height:auto;background:url(/corporate-mirror/mtc/images/sub/sub0301_mob_img01.jpg?v=clarity-20260714) cover cover no-repeat;background-size:100%;  padding:40px 0; margin:0 auto; text-align:center;}
.top_img:after {content:''; width:90%; height:80%; position:absolute; top:10%; left:5%; border:2px solid #fff;}
.top_img h5:after {display:none;}
.top_img p {font-size:16px; display:block; margin-right:0;}
.top_img h5 {font-size:20px; display:inline;}
.top_txt {width:100%; padding:20px 20px;}
.top_txt em {font-size:15px; display:inline-block; width:85px;}
.top_txt p {font-size:12px; display:inline; width:auto;}
.top_txt span {display:none;}

.top_txt dt { width:85px; font-size:15px;}
.sub_list li {position:relative; padding-left:8px; font-size:12px; margin-bottom:10px;}
.sub_list li:before {content:''; width:3px; height:3px; background-color:#014099; position:absolute; top:8px; left:0; border-radius:50%;}
.top_txt > ul > li:nth-child(2) {margin-top:15px; margin-bottom:15px;}
.sub0301_middle {margin-top:0;}
.sub0301_middle > li {float:none; width:100%; padding:20px 10px; }

.middle_img { float:none; width:100%;  height:auto;background:url(/corporate-mirror/mtc/images/sub/sub0301_mob_img01.jpg?v=clarity-20260714) cover cover no-repeat;background-size:100%;  padding:40px 0; margin:0 auto; text-align:center;}
.middle_img:after {content:''; width:90%; height:80%; position:absolute; top:10%; left:5%; border:2px solid #fff;}
.middle_img h5:after {display:none;}
.middle_img p {font-size:16px; display:block; margin-right:0;}
.middle_img h5 {font-size:20px; display:inline;}
.middle_txt {width:100%; padding:20px 0 0 20px;}
.middle_txt em {font-size:15px; display:inline-block; width:75px;}
.middle_txt p {font-size:12px; display:inline; width:auto;}
.middle_txt span {display:none;}
.middle_txt dt {font-size:15px; width:75px;}
.middle_txt > ul > li:nth-child(2) {margin-top:15px; margin-bottom:15px;}
.sub0301_middle > li:nth-child(2), .sub0301_middle > li:nth-child(3) {background-color:#fff;}
.sub0301_middle > li:nth-child(even) {background-color:#f9f9f9;}
.middle_img h5 i{display: none;}
.middle_img h5 b{display:none;}



/* sub0401 */
h4.h4_tit {font-size:18px; margin-top:40px; margin-bottom:20px; background-size:15px; padding-left:20px;}
.sub04_sec01 {padding:0;}
.sub04_sec01 .sec01_txt {margin-top:0; float:none; text-align:center;}
.sub04_sec01 .sec01_txt h3 {font-size:18px;}
.sub04_sec01 .sec01_txt h5 {margin-top:20px; margin-bottom:15px; font-size:12px;}
.sub04_sec01 .sec01_img {width:100%;}
.sub04_sec01 .sec01_img img {width:100%;}
.sub04_sec01 .sec01_txt > div {padding:30px 20px; width:90%; margin:-130px auto 0 auto;}
.sub04_sec01 .sec01_txt > div:before {width:105%; height:95%; top:-4%; left:-2.5%;}
.sec02_mob {display:block; background-color:#f9f9f9; position:relative;  box-shadow:5px 5px 5px  rgb(23, 43, 2, 0.2); font-size:12px; width:80%;}
.sub04_sec02 {padding:0;}
.sub04_sec02 .sec02_txt {float:none; margin:-130px auto 0 auto;}
.sub04_sec02 .sec02_img {width:100%; float:none;}
.sub04_sec02 .sec02_img img {width:100%;}
.sec02_mob {padding:30px 20px; width:90%; margin:0px auto 0px auto;}
.sec02_mob:before { content:''; position:absolute; width:105%; height:95%; top:-4%; left:-2.5%; border:2px solid #014099;z-index:-2;}
.sub04_sec01 .sec01_img:before, .sub04_sec01 .sec01_txt:before, .sub04_sec02 .sec02_img:before, .sub04_sec02 .sec02_txt:before   {display:none;}
.sec02_pctab {display:none;}
.sec02_mob ul li { line-height:25px; font-size:14px; padding-left:15px; position:relative;}
.sec02_mob ul li:before {content:''; position:absolute; top:11px; left:5px;width:3px; height:3px; background-color:#014099; border-radius:50%;}
.sec03_img li {background-size:90px; height:90px;}
.sec03_img li div img {height:32px; margin-bottom:10px;}
.sec03_img li:first-child:after {display:none;}
.sec03_img li:nth-child(2):after {display:none;}



.partner_wrap > div:first-child {margin-bottom:30px;}

.partner_wrap .clfix .img {float:none; width:100%;}
.partner_wrap .clfix .txt {float:none; width:100%; padding-left:0; margin-top:20px;}
.partner_wrap .clfix .txt h4 {font-size:20px; padding-bottom:15px; margin-bottom:15px;}
.partner_wrap .clfix .txt ul li {font-size:13px; padding-left:12px;}
.partner_wrap .clfix .txt ul li::before {width:3px; height:3px; top:8px;}
.partner_wrap .clfix .txt ul li span {width:80px; margin-right:15px;}
.partner_wrap .clfix .txt ul li p {width:calc(100% - 95px); word-break:keep-all;}
}


/*sub_2020*/
@media screen and (max-width:520px){.tb tr th, .tb tr td{padding: 0;}
.tb_bot{bottom: -80px;height: 79px;}
.tb_bot>li>p:after{transform: translateY(-50%);top: 50%;}
.pup_box_inner>div>div{height: 120px;}