@charset "utf-8";

/* Font */

@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/* Guide 
----------------------------------------------------------------------------------------------------------------------------------------------------------

▶사이즈
pc : 1200px
tablet : 980px ~
mobile : 767px ~ 320px

▶미디어쿼리는 (주석으로 구분 되어있는)파트마다 각각 작성함.

*/


/* Reset 
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin: 0; padding: 0;}
body,th,td,input,select,textarea,button {font-size: 16px; color: #333;}
dl,ul,ol,menu,li {list-style: none;}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.2;
    letter-spacing: -0.2px;
}
:focus {outline: 0 !important;}
iframe {border: none; width: 100%;}

a {
    color: inherit;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

a:hover,
a:focus,
a:active,
a:link {text-decoration: none; color: inherit;}
img {max-width: 100%;}
textarea {max-width: 100%; resize: none;}
body {overflow-x: hidden;}
@media only screen and (min-width: 320px) {
    body {overflow-x: hidden;}
}

.hidden {font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden;}

/* Parallax
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.parallax {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
}


/* Preloader
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.animationload {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999999;}
.loader {width: 200px; height: 200px; font-size: 24px; text-align: center; position: absolute; left: 50%; top: 50%; background-image: url(/images/basic_resp/img/preloader.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px;}

/* Back to top (탑 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.back-to-top {width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; display: none; text-align: center; z-index: 10000; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #ce112d;}
.back-to-top i {color: #fff; font-size: 15px; display: block; line-height: 33px;}


/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#wrapper {position: relative; width: 100%; min-width: 340px; height: 100%;}
.login-bar {padding: 21px 0; text-align: center; z-index: 999; position: relative;}
.login-bar li {display: inline-block; position: relative; margin-left: 10px; border-left: 1px solid #ddd; height:23px; border: 1px solid #525353; border-radius: 11px; margin-bottom: 10px;}
.login-bar li a {font-size: 12px; line-height: 23px; padding: 0 14px; color: #525353; font-weight: 500;}
.login-bar .material-icons {display: block; position: absolute; right: 6px; top: 2px; font-size: 18px; color: #fff;}
.login-bar li:first-child {padding-right: 12px; background-color: #0b7c02; border: 1px solid #1c9e75;}
.login-bar li:first-child a {display: block; width: 55px; color: #fff;}
.login-bar li ul {position: absolute; left: -11px; top: 31px;}
.login-bar li ul li {padding-right: 12px;}
.login-bar li ul li a {display: block; margin-bottom: 38px; width: 55px;}
.login-bar .lang_list {display: none; position: absolute; background-color: #000; width: 71px; left: -3px; border-radius: 10px; padding: 5px 0; top: -1px;}
.login-bar .lang_list dd a {color: #fff; font-weight: 400; position: relative; line-height: 26px;}
.login-bar .lang_list dd a i {color: #fff !important; right: -8px !important; top: 5px !important;}


/* Header
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1200px) {
	#header {z-index: 999; width: 100%; padding: 0px 100px; position: fixed; transition:all 0.5s; background: rgb(255, 255, 255, 0.8);} 
	#header:after {display:block; content:""; clear:both;}
	#header.scroll_on {background: #fff; transition:all 0.5s; border-bottom:1px solid #eaeaea;}
	#header.sub_page:after {content:''; display:block; width:100%; height:1px; background:#eaeaea; position:absolute; left:0;}
	#header > div {position: relative; margin: 0 auto; width: 100%; height: 80px; text-align: center;}
	#L_SITE_LOGO {float: left;}
	#header h1 {float: left; padding-top:23px; position: absolute;}
	#header h1 a {display: block;}
	#header h1 a > img {vertical-align: baseline;}
	.gnb {float: right; right: 0; top: 31px; position: absolute;}
	.all_menu {display: inline-block; width: 17px; height: 17px;}
	.all_menu > span {display: inline-block; width: 8px; height: 8px; background: #1e1e1e; float: left;}
	.all_menu > span:first-child {margin:0px 1px 1px 0px;}
	.all_menu > span:nth-child(3) {margin:0px 1px 0px 0px;}

	.lang_select {font-size:14px; float: right; position: absolute; right: 50px; top: 32px;}
	.lang_select > li {float:left;line-height: 1; padding-right:12px; margin-left:12px; border-right:1px solid #b6b6b6;}
	.lang_select > li:last-child {padding-right:0px; border-right:none;}
	.lang_select > li a {color:#b6b6b6; line-height: 1;}
	.lang_select > li a.active {color:#ce112d;}
	.nav-btn {z-index: 999; position: absolute; top: 20px; right: 32px; width: 35px; height: 29px; cursor: pointer; display: none;}
    .nav-btn span {position: absolute; left: 50%; display: inline-block; margin-left: -17.5px; width: 35px; height: 3px; background: #0b7c02; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
    .nav-btn span:nth-child(1) {top: 0;}
    .nav-btn span:nth-child(2) {top: 10px;}
    .nav-btn span:nth-child(3) {top: 21px;}
    .nav-btn.nav-close span:nth-child(1) {top: 50%; transform: rotate(45deg);}
    .nav-btn.nav-close span:nth-child(2) {margin-left: 0; width: 0;}
    .nav-btn.nav-close span:nth-child(3) {top: 50%; transform: rotate(-45deg);}
    .all-btn {z-index: 999; display: block; position: absolute; top: 0px; right: 0px; width: 75px; height: 65px; background: #0b7c02; cursor: pointer;}
    .all-btn span {position: absolute; left: 50%; display: block; margin-left: -15px; width: 30px; height: 3px; background: #fff; transition: .2s all linear;}
    .all-btn span:nth-child(1) {top: 20px;}
    .all-btn span:nth-child(2) {top: 30px;}
    .all-btn span:nth-child(3) {top: 40px;}
    .all-btn.all-close span:nth-child(1) {top: 50%; transform: rotate(45deg);}
    .all-btn.all-close span:nth-child(2) {margin-left: 0; width: 0;}
    .all-btn.all-close span:nth-child(3) {top: 50%; transform: rotate(-45deg);}
    .nav-bg {z-index:-1; display: none; position: absolute; top: 0px; left: -500%; width: 1000%; height: 300px; background: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
    #nav {display:inline-block; vertical-align: top; z-index: 999;}
	.navigation {margin:0}     
    .navigation:after {content: ""; display: block; clear: both;}
    .navigation > li {position: relative; float: left; width: 200px; text-align: center;}
    .navigation .main-menu {display: block; width: 100%; font-weight: 400; font-size: 18px; color: #1e1e1e; line-height: 80px;}
	.navigation > li:hover:before {content:''; display:block; width:100%; height:2px; background:#ce112d; position: absolute; bottom: 0;}
    .navigation .sub-menu {display: none; z-index: 999; position: absolute; top: 80px; left: 0; padding: 20px 0; width: 200px; height: 150px;}
    .navigation .sub-menu a {display: block; text-align: center; line-height: 35px; letter-spacing: -1px; font-size: 16px; color: #666;}
    .navigation .sub-menu .intro-menu {display: none;}
    .navigation .sub-menu a:hover {color:#ce112d;}
	
	/* 서브상단메뉴 */
	#L_SITE_LOGO.sub_page a {display: inline-block; background: url('/images/mtl01r-20-0043/common/logo_on.png') no-repeat center center/contain; width: 262px; height:45px;}
	#L_SITE_LOGO.sub_page a > img {display:none;}	
	.navigation.sub_page .main-menu {color: #fff;}
	.all_menu.sub_page > span {background: #fff;}
	.lang_select.sub_page > li {border-right: 1px solid #fff;}
	.lang_select.sub_page > li:last-child {border-right:none;}
	.lang_select.sub_page > li a.active {color: #fff;}
}

@media only screen and (max-width: 1620px) {
    .navigation > li {width: 160px;}
    .navigation .sub-menu {width: 120px;}
}

@media only screen and (max-width: 1520px) {
    #header {padding: 0px 30px;}
    #L_SITE_LOGO.sub_page a {width:230px;}
}
@media only screen and (max-width: 1300px) {
    .navigation {margin:0 110px 0 0}  
    .lang_select > li {padding-right:8px; margin-left:8px;}
}

@media only screen and (max-width: 1200px) {
    #header {z-index: 666; width: 100%; height: 65px; background: #fff; position: fixed; padding: 0px; border-bottom:1px solid #eaeaea;}
    #header > div {padding: 0;}
    #header h1 {float: left; padding: 13px 20px; height: 65px;}
    #header h1 a {display: block;}
    #header h1 img {width: auto; max-height: 35px; vertical-align: baseline }
    .login-bar {float: none; padding-top: 10px;}
    .login-bar li {border: 1px solid #ffffff; margin-left: 28px;}
	.login-bar li:first-child {border: 1px solid #fff;}
    .login-bar li a {color: #fff;}
    .login-bar .material-icons {color: #fff;}
    .nav-btn {z-index: 999; display: block; position: absolute; top: 20px; right: 20px; width: 30px; height: 23px; cursor: pointer;}
    .nav-btn span {position: absolute; left: 50%; display: block; margin-left: -15px; width: 30px; height: 3px; background: #ce112d; transition: .2s all linear;}
    .nav-btn span:nth-child(1) {top: 0;}
    .nav-btn span:nth-child(2) {top: 10px;}
    .nav-btn span:nth-child(3) {top: 20px;}
    .nav-btn.nav-close {position: fixed;}
    .nav-btn.nav-close span:nth-child(1) {top: 50%; transform: rotate(45deg);}
    .nav-btn.nav-close span:nth-child(2) {margin-left: 0; width: 0;}
    .nav-btn.nav-close span:nth-child(3) {top: 50%; transform: rotate(-45deg);}
    .nav-bg {z-index: 777; display: none; position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
    #nav {z-index: 888; position: fixed; right: -100%; display: block; padding: 65px 0 20px; width: 70%; height: 100%; background: #fff;}
	.navigation {margin:auto;} 
	.navigation > li {width: 100%;}
	.navigation .sub-menu {width: 100%;} 
    .navigation .main-menu {display: block; padding: 0 30px; width: 100%; line-height: 45px; font-weight: 400; font-size: 18px; color: #000; transition: none;}
    .navigation li.active .main-menu {background: #ce112d; color: #fff;}
    .navigation .sub-menu {display: none; padding: 10px 0; background: #f1f1f1;}
    .navigation .sub-menu a {display: block; padding: 0 30px; line-height: 38px; font-size: 16px; color: #555;}
    .navigation .sub-menu a:before {content: ""; display: inline-block; margin: 0 5px 0 0; width: 4px; height: 1px;
    vertical-align: middle; background: #888;}
    .navigation .sub-menu a:hover {color: #ce112d;}
    .navigation .sub-menu a:hover:before {background: #ce112d;}
	.lang_select {font-size:14px; display:inline-block; padding-left:20px; margin-top: 30px;}
    .lang_select > li {float:left;line-height: 1; padding-right:12px; margin-left:12px; border-right:1px solid #b6b6b6; margin-bottom:10px;}
    .lang_select > li:last-child {padding-right:0px; border-right:none;}
    .lang_select > li a {color:#b6b6b6; line-height: 1;}
    .lang_select > li a.active {color:#ce112d;}
}

@media only screen and (max-width: 768px) {
    #header h1 {padding: 15px 10px;}    
	.nav-btn {right: 20px;}
}


/* Button (공통 버튼)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn {text-transform: uppercase; border-radius: 0; line-height: 24px;}
.btn:focus, .btn:active {outline: none; color: #fff;}
.btn-custom {border-radius: 3px; padding: 0.8em 1.8em; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; text-transform: uppercase; background-color: #509591; border-color: #509591;
color: #fff;}
.btn-custom:hover, .btn-custom:focus {background-color: #447774; border-color: #447774; color: #fff;}
.btn-custom-outline {border-radius: 3px; padding: 0.8em 1.8em; color: #fff; -webkit-transition: all .2s ease-out;transition: all .2s ease-out; text-transform: uppercase; background-color: transparent; border-color: #fff;}
.btn-custom-outline:hover, .btn-custom-outline:focus {color: #fff; background-color: rgba(255, 255, 255, .5);}
.btn-bar a {margin-right: 10px;}
.form-control {box-shadow: none; -webkit-box-shadow: none; border-radius: 3px; height: 38px;}
.form-control:focus {outline: none; box-shadow: none; -webkit-box-shadow: none; border-color: #333;}

/* Footer (하단메시지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {padding: 35px 0px; width: 100%; background: #1e1b1b; color: #999;}
.footer-area {width:1200px; margin:0 auto;}
.footer_top_inner:after {content: '';    display: block; clear: both; margin-bottom:50px;}
.footer_top_inner .foot-logo {float: left;}
.footer_top_inner > ul {float: right;}
.footer_top_inner > ul:after {content: ''; display: block; clear: both;}
.footer_top_inner > ul li {float: left; margin-right: 8px;}
.footer_top_inner > ul li:last-child {margin-right: 0px;}
.foot-info > ul li h4 {font-size:16px; color:#fff; font-weight:400; margin-bottom:15px;}
.foot-info > ul li p {font-weight:300;}
.foot-info {margin-bottom:50px;}
.foot-info > ul:after {content:''; display:block; clear:both;}
.foot-info > ul li {float: left; width: calc(100%/3);}
.foot-info > ul li p {line-height: 26px;}
.footer-menu li {float: left; color: #fff; padding-right:15px; margin-right:15px; border-right:1px solid #fff; line-height: 1;}
.footer-menu li > a {line-height: 1;}
.footer-menu li:last-child {padding-right:0px; margin-right:0px; border-right:none;}
.foot-bottom:after {content:''; display:block; clear:both;} 
.foot-bottom .copy {float: left;}
.foot-bottom .footer-menu {float: right;}

@media only screen and (max-width: 1200px) {
    #footer {padding: 30px 20px 35px 20px;}
	.footer-area {width:100%;}
	.footer-menu li {font-size: 15px;}
}

@media only screen and (max-width: 980px) {
    .footer_top_inner {text-align: center;}    
	.footer_top {padding-bottom: 0px; border-bottom: none;}
    .footer_top_inner .foot-logo {float: none; display: block;}
	.footer_top_inner > ul {float: none; display: inline-block; margin-top: 20px;}
	.foot-bottom {text-align: center;}	
	.foot-bottom .copy {float:none; margin-top: 20px;}
	.foot-bottom .footer-menu {float:none; display: inline-block;}
}
@media only screen and (max-width: 768px) {
	.foot-info {text-align:center; margin-bottom: 30px;}
	.foot-info > ul li {float: none; width: 100%; margin-bottom: 20px;}
	.foot-info > ul li:last-child {margin-bottom: 0px;}
	.footer_top_inner:after {margin-bottom: 30px;}
}

@media only screen and (max-width: 480px) {
    .foot-logo > img {width: 200px;}    
	.footer-info {font-size: 14px; line-height: 22px; margin-top: 20px;}
	.foot-info > ul li p {line-height: 24px; font-size: 15px;}
	.footer-menu li {float: none; padding-right:0px; margin-right: 0px; border-right: none;  margin-bottom: 10px;}
	.footer-menu li:last-child {margin-bottom: 0px;}
	.footer-menu li > a {font-size: 14px;}
    .foot-bottom .copy  {font-size: 14px; line-height: 20px;}
}

@media only screen and (max-width: 353px) {
    #footer {padding: 30px 10px 35px 10px;}
}


/* Main Visual (메인이미지)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.main-visual {position: relative; overflow: hidden;}
.carousel-caption {position: absolute; width: 1200px; top: 16%; left: 53%; margin-left: -600px; z-index: 99;}
.carousel-caption .slogan {font-size: 60px; color: #1e1e1e; font-weight: normal;}
.carousel-caption .slogan > span {color: #ce112d;}
.carousel-caption p:before {content:''; display:block; width:80px; height:3px; background:#ce112d; margin:40px 0px;}
.carousel-caption p {font-size:20px; color:#111; font-weight:400;}
.carousel-caption p > span {color:#ce112d; font-weight: 500;}

#main_slide.owl-carousel {display: block; height: 880px;}
#main_slide.owl-carousel .owl-item .item {height: 880px;}
#main_slide.owl-carousel .owl-item .main-img01 {background: url('/images/mtl01r-20-0043/main/main_visual01.jpg') no-repeat 70% center/cover;}
#main_slide.owl-carousel .owl-item .main-img02 {background: url('/images/mtl01r-20-0043/main/main_visual02.jpg') no-repeat 70% center/cover;}
#main_slide.owl-carousel .owl-item .main-img03 {background: url('/images/mtl01r-20-0043/main/main_visual03.jpg') no-repeat 70% center/cover;}
#main_slide.owl-carousel .owl-dots {position: absolute; bottom: 30px; right: 0px; width: 100%; text-align: center;}
#main_slide.owl-carousel .owl-dots .owl-dot {background: none; border: none; display: inline-block;}
#main_slide.owl-carousel .owl-dots .owl-dot span {display:inline-block; width:6px; height:18px; border-radius:3px; background:#1e1e1e; margin:0px 5px;}
#main_slide.owl-carousel .owl-dots .owl-dot.active span {display:inline-block; width:6px; height:28px; border-radius:3px; background:#ce112d;}

@media only screen and (max-width: 1200px) {
    .carousel-caption {width: 100%; left: 0%; margin-left: 0px; padding:0px 20px;}
}

@media only screen and (max-width: 980px) {
    #main_slide.owl-carousel {height: 600px;}
    #main_slide.owl-carousel .owl-item .item {height: 600px; background-position: 40%;}
    .carousel-caption .slogan {font-size: 40px; line-height: 50px;}
	.carousel-caption p {font-size: 18px;}
	.carousel-caption p:before {width: 60px; margin: 20px 0px;}
}

@media only screen and (max-width: 768px) {
	.carousel-caption{left: 5%; top:20%;}
    .carousel-caption .slogan {font-size: 36px; line-height: 40px;}
    .carousel-caption .slogan > span:after {width: 25px;}
	#main_slide.owl-carousel .owl-dots {bottom:20px;}
}
/* Main Contents (메인 컨텐츠)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#mainContainer {z-index: 555;}

/* main_section01 */
.main_section01 {padding: 80px 0px; width: 1200px; margin: 0 auto;}

.main_section_title {font-size: 42px; color: #ce112d; font-weight: 500; text-align: center; margin-bottom: 50px;}
.main_section_title:after {}
.main_section_title p {font-size:18px; color:#333; font-weight:400;}
.main_section_title p:before {content:''; display:block; margin:0 auto; margin-top:20px; margin-bottom:20px; width:35px; height:1px; background:#ce112d;}

.section01_list {line-height: 1;}
.section01_list:after {content:''; display:block; clear:both;}
.section01_list > li {float:left; width:calc(100%/4); border-right:1px solid #ddd; padding:30px 0px; text-align:center;}
.section01_list > li:last-child {border-right:none;}
.section01_list > li p {font-size:18px; color:#333;}
.section01_list > li p:before {content:''; display:block; width:15px; height:2px; background:#ce112d; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; transform: rotate(-45deg);}


@media only screen and (max-width: 1200px) {
    .main_section01 {width: 100%; padding: 60px 20px;}
	.main_section_title {font-size: 35px;}
}

@media only screen and (max-width: 980px) {
	.section01_list > li {width: calc(100%/2); margin-bottom: 30px;}
	.section01_list > li:last-child {border-right: 1px solid #ddd;  margin-bottom: 0px;}
	.section01_list > li:nth-child(2n) {border-right:none;}	
}


@media only screen and (max-width: 480px) {
	.main_section01 {padding:50px 20px;}
	.main_section_title {font-size: 30px; margin-bottom: 30px;}
	.main_section_title p {font-size:16px;}
	.section01_list > li p {font-size:16px;}
}


/* main_section02 */
.main_section02 {width: 100%;}
.main_section02 .main_section_title {color:#fff;}
.main_section02 .main_section_title p:before {background:#fff;}
.main_section02_inner {
    padding: 80px 0px;
	background-color:#ce112d;
    background-image: url('/images/mtl01r-20-0043/main/media_bg01.jpg'), url('/images/mtl01r-20-0043/main/media_bg02.jpg');
	background-repeat: no-repeat, no-repeat;
  	background-position: right top, left bottom;
}
.section02_inner {width: 1200px; margin: 0 auto;}
.section02_inner ul{display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; text-align: center; margin-top: -90px;}
.section02_inner ul li{}
.section02_inner ul li p{font-size: 20px; margin: 15px 0; font-weight:bold;}
.section02_inner ul li span{line-height: 23px; font-weight: 400; font-size:14px; letter-spacing: -1px;}

@media only screen and (max-width: 1450px) {
    .section02_inner {width: 100%; padding: 0px 20px;}
}

@media only screen and (max-width: 1200px) {
    .main_section02 {padding: 0px}
	.main_section02_inner {padding: 60px 0px;}
}

@media only screen and (max-width: 980px) {
    .main_section02 {padding: 0px}
	.main_section02_inner  {background-size: 80%;}
	.section02_inner ul{grid-template-columns: repeat(2, 1fr); gap: 50px;}
}

@media only screen and (max-width: 500px) {
    .main_section02_inner {padding: 50px 0px;}
	.section02_inner ul{display: block;}
	.section02_inner ul li {margin-bottom: 50px;}
	.section02_inner ul li span > br{display: none;}
}


/* main_section03 */
.main_section03 {padding: 80px 0px 80px 0px; width: 100%;}
.main_section03_inner {width: 1200px; margin: 0 auto; position:relative; padding-right: 340px;}
.main_section03_inner .main_section_title {position: absolute; right: 0; display: inline-block; width: 250px;margin-bottom:0px;}
.main_section03_inner .main_section_title:before {content:''; display:inline-block; width:100%; height:60px; border-top:6px solid #ce112d; border-right:6px solid #ce112d; border-left:6px solid #ce112d;}
.main_section03_inner .main_section_title:after {content:''; display:inline-block; width:100%; height:60px; border-bottom:6px solid #ce112d; border-right:6px solid #ce112d; border-left:6px solid #ce112d;}
.main_section03_inner .main_section_title p > a:hover {color:#ce112d;}

@media only screen and (max-width: 1200px) {
	.main_section03 {padding:60px 20px 60px 20px;}
	.main_section03_inner {width: 100%;}
}

@media only screen and (max-width: 980px) {
	.main_section03_inner {padding-right: 300px;}
}

@media only screen and (max-width: 768px) {
    .main_section03_inner .main_section_title {position: relative; right: 0; display: block; width: 100%; margin-bottom:30px;}
	.main_section03_inner .main_section_title br {display:none;}
	.main_section03_inner .main_section_title:before {display:none;}
    .main_section03_inner .main_section_title:after {display:none;}
	.main_section03_inner {padding-right: 0px;} 
}

@media only screen and (max-width: 480px) {
	.main_section03 {padding:50px 20px 50px 20px;}
}

/* main_section04 */
.main_section04 {padding: 80px 0px; background:url('/images/mtl01r-20-0043/main/partner_bg.jpg') no-repeat center center/cover;}
.main_section04_inner {width:1200px; margin:0 auto;}

@media only screen and (max-width: 1200px) {
    .main_section04  {padding: 60px 0px;}
	.main_section04_inner {width:100%; padding:0px 20px;}
}

@media only screen and (max-width: 480px) {
	.main_section04 {padding:50px 0px;}
}