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

/* === Main === */
#wrap {position:relative; width:100%; max-width:1024px; overflow:hidden; margin:0 auto;}
#header {position:absolute; width:100%; height:137px; z-index:1000;}
#header .inner {position:relative;}
#header h1 {position:absolute; top:30px; left:2.6%;}
#header h1 img {height:76px;}
#header h1 img.off {display:none;}
.gnb {display:none;}

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

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

#header.on {background:none;}
#header.on .lang {background:url("/corporate-mirror/mtc/images/main/lang_bg.png") center no-repeat;}
#header.on .lang a {color:#fff;}
#header.navi {background:#82b14e;}
#header.navi .lang {background:#fff;}
#header.navi .lang a {color:#82b14e;}
.navigation {display:none; position:absolute; top:137px; 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:71px; 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:14px 9px;}
.navigation h3 a {display:block; width:100%; height:100%; padding-left:30px; font-size:22px; color:#fff; line-height:70px; font-weight:500;}
.navigation h3.on {background:#fff url("/corporate-mirror/mtc/images/main/menu_on.png") 96% center no-repeat; background-size:14px 9px;}
.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:14px 9px;}
.navigation h3.active a {color:#111;}
.navigation ul {width:100%; padding:30px 0; background:#a8c983;}
.navigation ul li a {display:block; width:100%; height:100%; padding-left:30px; font-size:16px; color:#fff; line-height:38px;}

#visual_wrap {position:relative; width:100%; height:auto; overflow:hidden; padding-bottom:32px;}
.visual_icon {position:absolute; bottom:0; right:2.6%; width:54.55%; height:0; padding-bottom:54.04%; transition:none;}
.visual_icon img {position:absolute;}
.visual_icon .icon01 {top:0; right:0; width:55.60%;}
.visual_icon .icon02 {bottom:0; left:0; width:73.74%;}

#section1 {width:100%; background:url("/corporate-mirror/mtc/images/main/sec1_bg_tab.jpg?v=clarity-20260714") bottom right no-repeat; padding:48px 0 116px; background-size:cover; }
h2.h2_tit {font-size:50px; color:#111; line-height:1; font-weight:800;}
h2.h2_tit span {font-weight:300;}

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

.big_img_wrap {position:absolute; bottom:0; left:30px;}
.big_img {position:relative; display:inline-block !important; width:360px; margin-right:0; z-index:3;}
.big_img li {width:360px; height:430px;}
.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:360px; height:430px;vertical-align:middle; text-align:center;}
.big_img li .img img {display:inline-block; max-width:360px; max-height:430px; width:100%;}

.txt_slider_wrap {position:absolute; bottom:-30px; left:0; width:330px; height:184px; z-index:5;}
.txt_slider {background:#82b14e;}
.txt_slider li {width:330px; height:auto;}
.txt_slider li a {display:block; width:100%; height:100%; padding:29px 30px;}
.txt_slider li h3 {font-size:26px; color:#fff; line-height:32px; height: 64px;}
.txt_slider li .desc {font-size:15px; color:#fff; line-height:22px; margin-top:18px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
overflow:hidden; text-overflow:ellipsis;}
.txt_slider li .more {position:relative; width:100%; font-size:16px; color:#fff; line-height:1; margin-top:15px;}
.txt_slider li .more:before {content:''; position:absolute; bottom:3px; right:0; width:153px; height:1px; background:#fff;}

.sec1_slider_wrap {position:relative; padding-left: 420px; width:1520px; z-index:1; padding-top:6px;}
.sec1_slider {position:relative; display:inline-block !important;  margin-top:79px;}
.sec1_slider li {position:relative; float:left; width:289px; margin-right:30px; -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:289px; height:345px; vertical-align:middle; text-align:center;}
.sec1_slider li .img img {display:inline-block; max-width:289px; max-height:345px;}
.sec1_slider li .txt {position:absolute; bottom:0; left:0; width:100%; padding:26px 30px;}
.sec1_slider li .txt h3 {font-size:22px; color:#fff; line-height:30px; height: 60px;}
.sec1_slider li .txt .desc {font-size:15px; color:#fff; line-height:22px; margin-top:5px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
overflow:hidden; text-overflow:ellipsis; font-weight:300;}
.sec1_slider .slick-arrow {position:absolute; top:-96px; width:60px; height:60px; font-size:0;}
.sec1_slider .slick-prev {left:0; background:url("/corporate-mirror/mtc/images/main/prev.jpg?v=clarity-20260714") top center no-repeat;}
.sec1_slider .slick-next {left:70px; background:url("/corporate-mirror/mtc/images/main/next.jpg?v=clarity-20260714") top center no-repeat;}

#section2 {width:100%; padding:80px 0; background:#fff;}
#section2 .tit {width:100%; text-align:center;}
#section2 .tit p {font-size:14px; color:#36a536; line-height:20px; margin-top:28px; font-weight:500;}
.sec2_con {width:100%; margin-top:55px; padding:0 1.9%;}
.sec2_con ul{text-align: center; font-size: 0;}
.sec2_con li {float:none; display: inline-block; width:49.7%; text-align:center; padding:0 54px; margin-top:60px;}
.sec2_con li:nth-child(-n+2) {margin-top:0;}
.sec2_con li .img_wrap {position:relative; width:100%; height:258px; z-index:1; text-align:center;}
.sec2_con li .img_wrap img:first-child {padding-top:20px; max-width:100%;}
.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 {margin-left:-120px;}
.sec2_con li .img_wrap .img.img02 {margin-left:-112px;}
.sec2_con li .txt {width:100%; margin-top:30px;}
.sec2_con li .txt h3 {font-size:22px; color:#111; line-height:1; font-weight:500;}
.sec2_con li .txt p {font-size:15px; color:#555; line-height:27px; margin-top:10px; word-break: keep-all;}
.sec2_con li .txt .btn {display:inline-block; width:230px; height:60px; text-align:center; font-size:16px; color:#fff; line-height:60px; margin-top:46px;
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:50%; background-size:384px !important;}
.sec3_con a {display:block; width:100%; height:100%; padding:60px 0;}
.sec3_con.con01 {background:#6ba37c url("/corporate-mirror/mtc/images/main/sec3_bg01_tab.jpg?v=clarity-20260714") right center no-repeat;}
.sec3_con.con01 a {padding-left:7.55%;}
.sec3_con.con02 {background:#558496 url("/corporate-mirror/mtc/images/main/sec3_bg02_tab.jpg?v=clarity-20260714") right center no-repeat;}
.sec3_con.con02 a {padding-left:7.8%;}
.sec3_con span {font-size:22px; color:#fff; line-height:1;}
.sec3_con h2 {font-size:30px; color:#fff; line-height:1; margin-top:10px;}
.sec3_con p {font-size:15px; color:#fff; margin-top:29px;}
.sec3_con .more {font-size:16px; color:#fff; margin-top:26px;}
.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:40px 0;}
.foot_logo {position:static; top:auto; left:auto;}
.foot_logo img {height:45px;}
.f_menu_wrap {width:100%; text-align:left; font-size:0; margin-top:30px;}
.f_menu {position:relative; display:block; margin-left:0; vertical-align:top; text-align:left; padding-left:112px; min-height:34px; margin-top:14px;}
.f_menu_wrap .f_menu:first-child {margin-left:0; margin-top:0;}
.f_menu_wrap .f_menu:last-child{margin-top: 30px;}
.f_menu strong {position:absolute; display:block; top:0; left:0; font-size:16px; line-height:22px; 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:inline-block; line-height:22px; margin-right:29px;}
.f_menu ul li:last-child {margin-left:0;}
.f_menu ul li a {display:block; width:100%; height:100%; font-size:12px; color:#aaa;}
.f_menu.f_menu02 ul {margin-right:0}
.f_menu.f_menu02 ul:last-child {margin-right:0;}
.f_menu ul.menu02 {display:none;}
.f_menu i{display: block;}
.f_btm {height:auto; background:#1c1c1c; text-align:center; padding:34px 0; }
.f_btm address {font-size:15px; color:#fff; line-height:22px;}
.f_btm address a {color:#fff;}
.top_btn {position:absolute; top:1px; right:2.6%; width:45px; height:45px; background:url("/corporate-mirror/mtc/images/main/top.jpg?v=clarity-20260714") top center no-repeat; cursor:pointer;}

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

#sub_contents {width:100%; padding:70px 0 100px; min-height:700px;}
.tab_menu {width:100%; height:60px; border:1px solid #ddd; background:#f6f6f6; padding-left:58px;}
.tab_menu .tab_home {position:absolute; top:0; left:0; width:58px; height:58px; background:#fff;}
.tab_menu .tab_home a {display:table-cell; width:58px; height:58px; vertical-align:middle; text-align:center;}
.tab_menu .tab_home a img {vertical-align:-4px;}
.tab_menu .menu {width:100%;}
.tab_menu .menu > li {position:relative; float:left; width:50%; height:58px; border-left:1px solid #ddd; background:#fff url("/corporate-mirror/mtc/images/sub/location_tab.jpg?v=clarity-20260714") 95% center no-repeat;
background-size:7px 11px;}
.tab_menu .menu > li:last-child {width:50%; border-right:0;}
.tab_menu .menu > li > a {display:block; width:100%; height:100%; line-height:57px; padding-left:30px; font-size:16px; color:#aaa;}
.tab_menu .menu > li.on {background:#82b14e url("/corporate-mirror/mtc/images/sub/location_tab_on.png") 95% center no-repeat; border-left:1px solid #82b14e; background-size:11px 8px;}
.tab_menu .menu > li.on a {color:#fff;}
.tab_menu .menu > li ul {display:none; position:absolute; top:58px; left:-1px; box-sizing:content-box; width:calc(100% + 1px ); padding:17px 0 19px; background:#82b14e; border-top:1px solid rgba(255,255,255,0.2)}
.tab_menu .menu > li ul li a {display:block; width:100%; height:100%; line-height:40px; padding-left:31px; font-size:16px; color:#fff;}

.contop {width:100%; text-align:center; padding-top:50px;}
.contop h3 {font-size:40px; color:#111; line-height:1; font-weight:400;}
.conbody {width:100%; padding-top:70px;}
/*sub0101*/
.sub0101_wrap{width:100%;background-image:url('/corporate-mirror/mtc/images/sub/sub0101_img01_1.png'),url('/corporate-mirror/mtc/images/sub/sub0101_img02.png'),url('/corporate-mirror/mtc/images/sub/sub0101_img03.png');box-shadow: 0px 0px 25px rgba(0,0,0,0.15);background-repeat:no-repeat;background-position:-54px 124px, 87% -25%, 108% 135%;padding:60px 50px;position:relative; z-index:1;}
.text_box h4{font-size:30px;}
.text_box h5{font-size:18px;margin: 20px 0 15px;padding-bottom: 15px;}
.text_box h5:after{top: 15px;}
/*sub0102*/
.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;}
.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;}
.history_list .left_his .year, .history_list .left_his .p_dot li{padding-right:0px;padding-left:100px;}
.history_list .left_his .year:after{ display: block; content: '';width: 88px;height: 39px;position: absolute;  top: 7px; left: -17px;background: url("/corporate-mirror/mtc/images/sub/year_dot1.png") no-repeat 0 0; z-index:1;}
.history_list .left_his .p_dot li:after{ display: block; content: '';width: 15px;height: 17px;position: absolute;  top: 8px; left: -8px;background: url("/corporate-mirror/mtc/images/sub/day_dot.png") no-repeat 0 0; z-index:1;}
.history_list .history_img{position: relative;width: 100%;height:auto;}
.history_list .right_his .history_img { width: 100%; margin-left: 130px;float:none;margin-right:0px;}
.history_list .left_his .history_img {margin-left: 130px;width:100%;}
.history_list .history_img img{position: static; top: 50%; left: 0%;  transform: translate(0%,0%); width:50%;height:auto;}
/*sub0103*/


/*sub_0201====S*/
.sub0101_ind_box{ position: relative;}
.sub0101_ind_box>div{float: none; width: 50%;}
.sub0101_ind_box>div>img{width: 100%;}
.sub0101_ind_box>article{right: 0;top: 50%; float: none;width: 45%;word-break: keep-all;}
.sub0101_ind_box>article>p{font-size: 16px;}
.sub0101_pup_box{margin-top: 80px;}
.sub0101_pup_box_inner{border-top: 2px solid #82b14e;padding-top: 3.5%;}
.sub0101_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0101_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0101_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0101_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0101_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0101_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0101_tb_box_m{display: none;}
.sub0101_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0101_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0101_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0101_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #82b14e;}

.sub0101_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0101_pd_box_info>ul{margin-top: 15px;}
.sub0101_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}

/*sub_0201===E*/

/*sub_0202*/
.ind_box{ position: relative;}
.ind_box>div{float: none; width: 50%;}
.ind_box>div>img{width: 100%;}
.ind_box>article{right: 0;top: 50%; float: none;width: 45%;word-break: keep-all;}
.ind_box>article>p{font-size: 16px;}
.pup_box{margin-top: 80px;}
.pup_box_inner{border-top: 2px solid #82b14e;padding-top: 3.5%;}
.pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.tb_box_m{display: none;}
.tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.tb_bot>li{height: 100%;padding: 10px 15px}
.tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #82b14e;}

.pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.pd_box_info>ul{margin-top: 15px;}
.pd_box_info>h5>a {font-size: 10px;font-weight: 400;}

/*sub_0202===E*/




/*sub_0203===S*/
.sub0103_ind_box{ position: relative;}
.sub0103_ind_box>div{float: left; width: 50%;}
.sub0103_ind_box>div>img{width: 100%;}
.sub0103_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.sub0103_ind_box>article>p{font-size: 16px;}
.sub0103_pup_box{margin-top: 80px;}
.sub0103_pup_box_inner{border-top: 2px solid #82b14e;padding-top: 3.5%;}
.sub0103_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0103_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0103_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0103_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0103_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0103_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0103_tb_box_m{display: none;}
.sub0103_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0103_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0103_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0103_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #82b14e;}

.sub0103_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0103_pd_box_info>ul{margin-top: 15px;}
.sub0103_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}
/*sub_0203===E*/


/*sub_0204===S*/
.sub0104_ind_box{ position: relative;}
.sub0104_ind_box>div{float: left; width: 50%;}
.sub0104_ind_box>div>img{width: 100%;}
.sub0104_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.sub0104_ind_box>article>p{font-size: 16px;}
.sub0104_pup_box{margin-top: 80px;}
.sub0104_pup_box_inner{border-top: 2px solid #82b14e;padding-top: 3.5%;}
.sub0104_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0104_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0104_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0104_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0104_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0104_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0104_tb_box_m{display: none;}
.sub0104_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0104_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0104_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0104_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #82b14e;}

.sub0104_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0104_pd_box_info>ul{margin-top: 15px;}
.sub0104_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}
/*sub_0204===E*/

/*sub_0205===S*/
.sub0105_ind_box{ position: relative;}
.sub0105_ind_box>div{float: left; width: 50%;}
.sub0105_ind_box>div>img{width: 100%;}
.sub0105_ind_box>article{right: 0;top: 50%;transform: translateY(-50%);position: absolute;float: right;width: 45%;word-break: keep-all;}
.sub0105_ind_box>article>p{font-size: 16px;}
.sub0105_pup_box{margin-top: 80px;}
.sub0105_pup_box_inner{border-top: 2px solid #82b14e;padding-top: 3.5%;}
.sub0105_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0105_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0105_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0105_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0105_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0105_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}

.sub0105_tb_box_m{display: none;}
.sub0105_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0105_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0105_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0105_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #82b14e;}

.sub0105_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0105_pd_box_info>ul{margin-top: 15px;}
.sub0105_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}
/*sub_0205===E*/

.tbl tr td p{display:block;}
.tbl tr td p:nth-child(2){margin-left:0px;}

/*sub_0206*/
.sub0206_ind_box{ position: relative;}
.sub0206_ind_box>div{float: left; width: 50%;}
.sub0206_ind_box>div>img{width: 100%;}
.sub0206_ind_box>article{/* right: 0;top: 50%;transform: translateY(-50%);position: absolute; */float: right;width: 45%;word-break: keep-all;}
.sub0206_ind_box>article>p{font-size: 16px;}
.sub0206_pup_box{margin-top: 80px;}
.sub0206_pup_box_inner{border-top: 2px solid #82b14e;padding-top: 3.5%;}
.sub0206_pup_box_inner>div>div{float: left;width: 31%;height: 200px;}
.sub0206_pup_box_inner>div>div:nth-of-type(2){margin: 0 3%;}
.sub0206_pup_box_inner>div>div:nth-of-type(5){margin: 0 3%;}
.sub0206_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(1){margin-bottom: 3.5%;}
.sub0206_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(2){margin-bottom: 3.5%;}
.sub0206_pup_box_inner>div:nth-of-type(1)>div:nth-of-type(3){margin-bottom: 3.5%;}
.sub0206_pup_box_inner li p.fz {font-size: 11px;}

.sub0206_tb_box_m{display: none;}
.sub0206_tb_bot{width: 100%;position: absolute;bottom: -53px;height: 52px;width: 100%;border-bottom: 1px solid #ddd;}
.sub0206_tb_bot>li{height: 100%;padding: 10px 15px}
.sub0206_tb_bot>li>p{font-size: 13px;padding-left: 10px;position: relative;text-align: center;}
.sub0206_tb_bot>li>p:after{position: absolute;border-radius: 50%;top: 10px;left: 0;display: block;content: '';width: 3px;height: 3px;background-color: #82b14e;}

.sub0206_pd_box_info>h5{margin-top: 20px;font-size: 16px;line-height: 1;}
.sub0206_pd_box_info>ul{margin-top: 15px;}
.sub0206_pd_box_info>h5>a {font-size: 10px;font-weight: 400;}



.sub0207_wrap .pup_box_inner li p {font-size: 12px;}




/* sub0301 */
.top_img {background:url(/corporate-mirror/mtc/images/sub/sub0301_tab_img01.jpg?v=clarity-20260714) center center no-repeat; background-size:100%;}
.sub0301_top {width:100%;}
.middle_img:after { content:'';width:120px; height:160px;}
.sub0301_middle > li {float:left; width:50%; padding:40px 0px 40px 20px;}
.sub0301_middle > li:nth-child(2),.sub0301_middle > li:nth-child(3) {background-color:#f9f9f9;}
.sub0302_img02 {background:url(/corporate-mirror/mtc/images/sub/sub0301_tab_img02.jpg?v=clarity-20260714) center center no-repeat;background-size:100%;}
.sub0302_img03 {background:url(/corporate-mirror/mtc/images/sub/sub0301_tab_img03.jpg?v=clarity-20260714) center center no-repeat;background-size:100%;}
.middle_img {width:140px; height:180px;  margin-right:0;}
.middle_txt {padding-top:20px; min-width:195px; width:55%; float:right; padding-right:10px;}
.middle_txt em {display:block; margin-bottom:5px;}
.middle_txt p { font-size:15px; margin-top:10px;}
.middle_txt span {}
.middle_txt > ul > li {margin-bottom:;}
.middle_txt dt {margin-bottom:10px;}
.middle_txt dd { width:auto;}

.middle_img p {font-size:12px; color:#fff;  text-align:center; }
.middle_img h5 {font-size:15px; font-weight:500; color:#fff;text-align:center; position:relative;}
.middle_img h5 b{display: block; }

/* sub0401 */
.sub04_sec01 .sec01_img {width:70%;}
.sub04_sec01 .sec01_img img {width:100%;}
.sub04_sec01 .sec01_txt {margin-top:-294px;}
.sub04_sec01 .sec01_txt > div {padding:40px 30px;}
.sub04_sec02 .sec02_img {width:70%;}
.sub04_sec02 .sec02_img img {width:100%;}
.sec02_pctab {padding:70px 50px;}
.sec03_img li:first-child {float:left;}
.sec03_img li:nth-child(2) {margin:0 auto;}
.sec03_img li:last-child {float:right;}
.sec03_img li:first-child:after {background-size:18px;}
.sec03_img li:nth-child(2):after {background-size:18px;}




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

.partner_wrap .clfix .img {width:30%;}
.partner_wrap .clfix .img img {width:100%;}
.partner_wrap .clfix .txt {width:70%; padding-left:5%; margin-top:0;}
.partner_wrap .clfix .txt h4 {font-size:25px; padding-bottom:20px; margin-bottom:20px;}
.partner_wrap .clfix .txt ul li {font-size:15px; margin-bottom:3px;}
.partner_wrap .clfix .txt ul li span {width:90px; margin-right:25px;}
.partner_wrap .clfix .txt ul li p {width:calc(100% - 115px);}


/* .sub0133_pd_box > div:nth-child(1){float: left;width:48%;}
.sub0133_pd_box > div:nth-child(2){float: right;width:48%;} */

.sub0101_sub_tit > div:nth-child(1){float: left;width:30%;}
.sub0101_pd_box > div:nth-child(2){float: left;width:48%;margin:0 4% 0 0;}
.sub0101_pd_box > div:nth-child(3){float:left; width:48%;}

.sub0133_pd_box > div:nth-child(1){float: left;width:48%;}
.sub0133_pd_box > div:nth-child(2){float: right;width:48%;}



}