<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* 공통 */
@import url("https://use.typekit.net/yns6ijs.css");

.wrap_common .sec {color:#fff; letter-spacing:-0.5px; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.wrap_common .eng_txt {font-family:"Noto Sans KR"; font-weight:300;}
.wrap_common .fm_condor {font-family: "condor", sans-serif;}
.wrap_common .wrap_para01 {width:1522px; margin:0 auto;}
.wrap_common .wrap_para02 {width:1500px; margin:0 auto;}
.wrap_common .wrap_para03 {width:1560px; margin:0 auto;}
.wrap_common .dp_tablet,
.wrap_common .dp_mo {display:none;}

.wrap_common .scroll_down {position:absolute; z-index:1; left:50%; bottom:40px; transform:translateX(-50%);}
.wrap_common .scroll_down span {display:block; font-size:11px;}
.wrap_common .scroll_down p {margin:12px auto 0; height:56px; background:url(../images/marth/marthfilm_artin_con01_scrolldown.png) no-repeat top center; animation:arrowDown 1s ease infinite;}

.wrap_common .scroll_up {position:absolute; z-index:1; bottom:143px; left:50%; transform:translateX(-50%);}
.wrap_common .scroll_up a {display:block;}
.wrap_common .scroll_up a p {margin:0 auto 20px; height:56px; background:url(../images/marth/marthfilm_artin_con01_scrollup.png) no-repeat top 10px center; animation:arrowUp 1s ease infinite;}
.wrap_common .scroll_up a span {display:block; font-size:24px; color:#584e4b; font-family: "condor", sans-serif;}

@keyframes arrowDown {
	0% {background-position:top center;}
	50% {background-position:top 10px center;}
	100% {background-position:top center;}
}

@keyframes arrowUp {
	0% {background-position:top 10px center;}
	50% {background-position:top center;}
	100% {background-position:top 10px center;}
}

.wrap_common .wrap_cm_backtotop {position:relative; text-align:center; padding-top:430px; padding-bottom:145px; background:url(../images/marth/marthfilm_artin_con05_bg.jpg) no-repeat center; background-size:cover;}
.wrap_common .wrap_cm_backtotop .logo img {display:inline-block;}
.wrap_common .wrap_cm_backtotop .line_txtbtn {display:inline-block; color:#584e4b; font-weight:600; letter-spacing:.5px; text-decoration:underline; text-underline-position:under; margin-top:45px;}
.wrap_common .wrap_cm_backtotop .scroll_up {position:relative; bottom:auto; margin-top:250px;}

/* art in */
.marthartin-wrap .sec01 {position:relative; text-align:center; padding:305px 0 480px; background-image:url(../images/marth/marthfilm_artin_con01_bg.jpg);}
.marthartin-wrap .sec01 .kor_txt {margin:39px 0 17px; line-height:1.8; font-weight:300; font-family:"Noto Sans KR"; opacity:0.7;}
.marthartin-wrap .sec01 .kor_txt strong {display:block; color:#ca9f7b; font-weight:400;}
.marthartin-wrap .sec01 .eng_txt {opacity:0.3 !important; font-size:14px; font-weight:400; line-height:1.7;}
.marthartin-wrap .sec01 .eng_txt span {font-weight:200;}

.marthartin-wrap .sec02 {padding:150px 0 185px; background-color:#29221c; background-image:url(../images/marth/marthfilm_artin_con02_bg.jpg); background-repeat:repeat; background-size:auto;}
.marthartin-wrap .sec02 .wrap_para01 &gt; img {display:none;}
.marthartin-wrap .sec02 ul {margin-top:-18px;}
.marthartin-wrap .sec02 ul li {display:flex; justify-content:space-between; gap:50px;}
.marthartin-wrap .sec02 ul li strong {display:block; font-weight:300; opacity:0.8; font-family:"Noto Sans KR";}
.marthartin-wrap .sec02 ul li &gt; div {flex-grow:0;}
.marthartin-wrap .sec02 ul li &gt; div .eng_txt {color:#747474; opacity:0.8;}
.marthartin-wrap .sec02 ul li &gt; p {flex-shrink:0;}
.marthartin-wrap .sec02 .left {text-align:left;}
.marthartin-wrap .sec02 .left strong {margin-top:70px;}
.marthartin-wrap .sec02 .left &gt; div {order:0; padding-top:80px; padding-bottom:460px;}
.marthartin-wrap .sec02 .left &gt; p {order:1; width:780px;}
.marthartin-wrap .sec02 .right {text-align:right;}
.marthartin-wrap .sec02 .right &gt; div {order:1; width:calc(100% - 760px); padding-top:135px; padding-bottom:109px; text-align:left;}
.marthartin-wrap .sec02 .right &gt; p {order:0; width:670px; margin-top:-275px;}

.marthartin-wrap .sec03 {position:relative; padding-top:85px; padding-bottom:160px; background-color:#29221c; background-image:url(../images/marth/marthfilm_artin_con03_bg.png); background-repeat:repeat; background-size:auto;}
.marthartin-wrap .sec03 .artin_slide01 .slick-slide {width:1281px;}
.marthartin-wrap .sec03 .artin_slide01 .slick-slide img {display:block; width:100%; filter: grayscale(100%); opacity:0.4; transform:scale(.85); transition:all .3s ease;}
.marthartin-wrap .sec03 .artin_slide01 .slick-slide.slick-active img {filter: grayscale(0); opacity:1; transform:scale(1);}
.marthartin-wrap .sec03 .artin_slide01 .slick-arrow {position:absolute; z-index:1; top:50%; left:50%; transform:translateY(-50%); width:53px; height:53px; background-repeat:no-repeat; background-position:0 0; background-size:100%;}
.marthartin-wrap .sec03 .artin_slide01 .slick-arrow:before {display:none;}
.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-prev {margin-left:-712px; background-image:url(../images/marth/marthfilm_artin_con03_slide_arrow01.png);}
.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-next {margin-left:662px; background-image:url(../images/marth/marthfilm_artin_con03_slide_arrow02.png);}
.marthartin-wrap .sec03 .artin_slide01 .slick-dots {position:static; margin-top:30px;}
.marthartin-wrap .sec03 .artin_slide01 .slick-dots li {width:14px; height:14px; margin:0 10px; border-radius:14px; background:#b7b2ae; border:1px solid #b7b2ae;}
.marthartin-wrap .sec03 .artin_slide01 .slick-dots li.slick-active {background:#524943;}
.marthartin-wrap .sec03 .artin_slide01 .slick-dots li button {display:block; width:100%; height:100%; opacity:0;}
.marthartin-wrap .sec03 .artin_slide01 .slick-dots li button:before {display:none;}
.marthartin-wrap .sec03 .artin_list {margin-top:140px; padding-left:23px;}
.marthartin-wrap .sec03 .artin_list &gt; p {margin-bottom:55px;}
.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li {display:flex; align-items:center; padding:45px 63px; border-top:1.5px solid rgba(99,92,87,0.8);}
.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li:last-child{border-bottom:1.5px solid rgba(99,92,87,0.8);}
.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li &gt; strong {line-height:1.2; font-weight:500; width:110px; font-size:23px;}
.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li &gt; p {width:calc(100% - 110px); line-height:1.6; font-weight:300;}
.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li &gt; p em { color:#747474; font-weight:300;}

.marthartin-wrap .sec04 {padding-bottom:7.8em;background-color:#372e27; background-image:url(../images/marth/marthfilm_artin_con04_bg.jpg); background-repeat:repeat; background-position:top center; background-size:auto;}
.marthartin-wrap .sec04 .logo_wrap {text-align:center; padding:310px 0 270px; margin-bottom:99px; background:url(../images/marth/marthfilm_artin_con04_img01.jpg) no-repeat center; background-size:cover;}
.marthartin-wrap .sec04 .logo_wrap &gt; img {display:inline-block;}
.marthartin-wrap .sec04 .info_wrap &gt; strong {display:block; margin-right:-18px; font-size:33px; padding-left:18px; padding-bottom:14px; border-bottom:1.5px solid rgba(162,157,154,.4); border-bottom:1.5px solid rgba(162,157,154,.4);}
.marthartin-wrap .sec04 .info_wrap &gt; ul {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:47px; padding:0 18px; opacity:0.8;}
.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li {width:calc(50% - 25px);}
.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li.full {width:100%; margin-top:24px; text-align:right;}
.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li &gt; strong {display:block; font-size:17px; line-height:1.68; font-weight:300; font-family:"Noto Sans KR";}
.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li .eng_txt {color:#747474;}

/* tu edition */
.marthtu-wrap .sec01 {text-align:center; padding-top:215px; padding-bottom:210px; background-image:url(../images/marth/marthfilm_tuedition_con01_bg.jpg);}
.marthtu-wrap .sec01 &gt; em {font-size:45px; font-weight:300;}
.marthtu-wrap .sec01 &gt; p {margin-top:20px; font-weight:300;}

.marthtu-wrap .sec02 {padding:162px 0 205px; background-color:#29221c; background-image:url(../images/marth/marthfilm_artin_con02_bg.jpg); background-repeat:repeat; background-size:auto;}
.marthtu-wrap .sec02 .wrap_para01 &gt; img {display:none;}
.marthtu-wrap .sec02 ul {padding-right:28px;}
.marthtu-wrap .sec02 ul li {display:flex; justify-content:space-between; gap:90px;}
.marthtu-wrap .sec02 ul li strong {display:block; font-weight:300; opacity:0.8;}
.marthtu-wrap .sec02 ul li &gt; div {flex-grow:0;}
.marthtu-wrap .sec02 ul li &gt; div .eng_txt {color:#747474; opacity:0.8;}
.marthtu-wrap .sec02 ul li &gt; p {flex-shrink:0;}

.marthtu-wrap .sec02 .brand_txt {line-height:1;}
.marthtu-wrap .sec02 .brand_txt span {display:block; margin-top:44px; margin-bottom:21px; font-weight:300; font-size:28px; opacity:0.2;}
.marthtu-wrap .sec02 .brand_txt em {font-size:50px; font-weight:300;}

.marthtu-wrap .sec02 .left {text-align:left;}
.marthtu-wrap .sec02 .left strong {margin-top:68px;}
.marthtu-wrap .sec02 .left &gt; div {order:0; padding-top:48px; padding-bottom:0;}
.marthtu-wrap .sec02 .left &gt; p {order:1; width:682px; margin-right:-46px;}
.marthtu-wrap .sec02 .right {margin-top:180px;}
.marthtu-wrap .sec02 .right &gt; div {order:1; text-align:left; padding-top:266px;}
.marthtu-wrap .sec02 .right &gt; p {order:0; width:1022px; margin-left:-55px;}

.marthtu-wrap .sec03 {padding:420px 0 410px; background-color:#000; background-image:url(../images/marth/marthfilm_tuedition_con03_bg.jpg);}
.marthtu-wrap .sec03 .logo {text-align:center;}
.marthtu-wrap .sec03 .logo  img {display:inline-block;}

.marthtu-wrap .sec04 {padding:200px 0 185px; background-color:#29221c; background-image:url(../images/marth/marthfilm_artin_con02_bg.jpg); background-repeat:repeat; background-size:auto;}
.marthtu-wrap .sec04 &gt; div &gt; p {width:calc(100% + 6px); margin:0 11px 0 6px;}
.marthtu-wrap .sec04 &gt; div &gt; p img {display:block; width:100%;}
.marthtu-wrap .sec04 &gt; div &gt; ul {display:flex; width:calc(100% + 6px); margin-left:6px; justify-content:space-between; margin-top:70px; line-height:2; letter-spacing:-0.8px; padding:90px 60px 85px; border:1px solid rgba(149,143,139,.9);}
.marthtu-wrap .sec04 &gt; div &gt; ul li:first-child {width:680px; padding-right:60px;}
.marthtu-wrap .sec04 &gt; div &gt; ul li:last-child {width:calc(100% - 680px);}
.marthtu-wrap .sec04 &gt; div &gt; ul li strong {display:block; font-weight:300; font-family:"Noto Sans KR";}
.marthtu-wrap .sec04 &gt; div &gt; ul li .eng_txt {color:#747474; font-weight:300; letter-spacing:-0.5px;}

.marthtu-wrap .sec05 {position:relative; padding-top:56.45%; background-image:url(../images/marth/marthfilm_tuedition_con05_bg.jpg);}
.marthtu-wrap .sec05 .playbtn {position:absolute; z-index:5; top:0; left:0; text-indent:-9999px; width:100%; height:100%; background:url(../images/marth/marthfilm_tuedition_con05_playbtn.png) no-repeat center; background-size:65px;}
.marthtu-wrap .sec05 iframe {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; opacity:0;}
.marthtu-wrap .sec05 iframe.show {opacity:1;}

.marthtu-wrap .sec06 {padding-top:170px; padding-bottom:208px; background-color:#29221c; background-image:url(../images/marth/marthfilm_artin_con02_bg.jpg); background-repeat:repeat; background-size:auto;}
.marthtu-wrap .sec06 .tittxt {margin-bottom:45px; line-height:1;}
.marthtu-wrap .sec06 .tittxt &gt; em {display:block; font-size:53px; font-weight:300;}
.marthtu-wrap .sec06 .tittxt &gt; span {display:block; margin-top:24px; font-size:32px; font-weight:300; opacity:0.4;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li {display:flex; justify-content:space-between; gap:80px}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; p {flex-shrink:0; border:50px solid #40362e}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; div:not(.tittxt) {letter-spacing:-0.7px;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; div {flex-grow:1;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; div &gt; strong {display:block; font-weight:300; opacity:0.9; font-family:"Noto Sans KR";}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .eng_txt {color:#747474; opacity:0.9;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow {display:block; margin-top:95px; width:100%; font-weight:300; color:#fff; font-size:20px; opacity:0.6;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow span {display:inline-block; line-height:59px; padding-right:92px; background:url(../images/marth/marthfilm_tuedition_con06_arrow.png) no-repeat right center; transition:all .3s ease;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow span:hover {padding-right:112px;}

.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; p {order:0; width:679px;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; div {order:1; padding-top:110px;}

.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; p {order:1; width:726px; margin-top:-386px; margin-right:-18px;}
.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; div {order:1; padding-top:150px;}

.marthtu-wrap .sec07.wrap_cm_backtotop .line_txtbtn {margin-top:25px;}

/* marthfilm */
.marthfilm-wrap .sec01 {padding-top:145px; padding-bottom:200px; background-color:#29221c; background-image:url(../images/marth/marthfilm_artin_con02_bg.jpg); background-repeat:repeat; background-size:auto;}
.marthfilm-wrap .sec01 &gt; div {display:flex; justify-content:space-between; gap:170px;}
.marthfilm-wrap .sec01 .txtbox {padding-top:82px;}
.marthfilm-wrap .sec01 .txtbox &gt; strong {font-size:50px; color:#fff;  line-height:1.2; font-weight:300;}
.marthfilm-wrap .sec01 .txtbox &gt; div {margin-top:50px; font-weight:300; line-height:1.5; letter-spacing:-.5px;}
.marthfilm-wrap .sec01 .txtbox &gt; div .eng_txt {color:#747474;}
.marthfilm-wrap .sec01 .imgbox {flex-shrink:0; width:680px;}

.marthfilm-wrap .sec02 {padding-top:300px; padding-bottom:115px; background-image:url(../images/marth/marthfilm_newmtfilm_con02_bg.jpg);}
.marthfilm-wrap .sec02 .marthfilm_slide {position:relative; padding-bottom:309px;}
.marthfilm-wrap .sec02 .marthfilm_slide:before {content:''; position:absolute; z-index:1; width:400px; height:55%; top:10%; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.5); filter:blur(30px); border-radius:50%;}
.marthfilm-wrap .sec02 .marthfilm_slide .slick-list {position:relative; z-index:2;}
.marthfilm-wrap .sec02 .marthfilm_slide .slick-slide {margin:0 45px;}
.marthfilm-wrap .sec02 .marthfilm_slide .slick-slide img {display:block; width:70%; margin:0 auto;}
.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow {position:absolute; z-index:1; top:auto; bottom:0; left:50%; right:auto; width:124px; height:81px; background-repeat:no-repeat; background-position:center;}
.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow:before {display:none !important;}
.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow.slick-prev {margin-left:-222px; background-image:url(../images/marth/marthfilm_newmtfilm_con02_arrow01.png);}
.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow.slick-next {margin-left:100px; background-image:url(../images/marth/marthfilm_newmtfilm_con02_arrow02.png);}

.marthfilm-wrap .sec03 .logofade_list {display:flex; align-items:center; background:#fff; margin-top:-2px;}
.marthfilm-wrap .sec03 .logofade_list li {position:relative; width:33.33%; overflow:hidden;}
.marthfilm-wrap .sec03 .logofade_list li.size_wrap {opacity:0;}
.marthfilm-wrap .sec03 .logofade_list li:before {content:''; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); width:101%; height:101%;  background-repeat:no-repeat; background-position:center; background-size:cover; transition:all .7s ease;}
.marthfilm-wrap .sec03 .logofade_list li:hover:before {width:110%; height:110%;}
.marthfilm-wrap .sec03 .logofade_list li.fade01:before {background-image:url(../images/marth/marthfilm_newmtfilm_con03_img01.jpg);}
.marthfilm-wrap .sec03 .logofade_list li.fade02:before {background-image:url(../images/marth/marthfilm_newmtfilm_con03_img02.jpg);}
.marthfilm-wrap .sec03 .logofade_list li.fade03:before {background-image:url(../images/marth/marthfilm_newmtfilm_con03_img03.jpg);}
.marthfilm-wrap .sec03 .logofade_list li.fade01:hover:before {background-image:url(../images/marth/marthfilm_newmtfilm_con03_img01_ov.jpg);}
.marthfilm-wrap .sec03 .logofade_list li.fade02:hover:before {background-image:url(../images/marth/marthfilm_newmtfilm_con03_img02_ov.jpg);}
.marthfilm-wrap .sec03 .logofade_list li.fade03:hover:before {background-image:url(../images/marth/marthfilm_newmtfilm_con03_img03_ov.jpg);}

.marthfilm-wrap .sec03 .logofade_list li .logo {position:absolute; z-index:2; bottom:66px; left:50%; transform:translateX(-50%); opacity:0;}
.marthfilm-wrap .sec03 .logofade_list li:hover .logo {bottom:96px; opacity:1; transition:all .7s ease .3s;}J

.marthfilm-wrap .sec04.wrap_cm_backtotop .line_txtbtn {margin-top:45px;}

.vimeo_mowrap {display:none;}

.vimeo_popup .vimeo_mowrap {position:fixed; z-index:105; top:10px; width:100%;}

@media screen and (max-width: 1920px) {
	.marthfilm-wrap .sec03 .logofade_list {height:auto}
}

@media screen and (max-width: 1600px) {
	.wrap_common .wrap_para01,
	.wrap_common .wrap_para02,
	.wrap_common .wrap_para03 {width:100%; padding-left:30px; padding-right:30px;}
	

	/* art in */
	.marthartin-wrap .sec02 ul li strong br {display:none;}
	.marthartin-wrap .sec02 ul li &gt; div .eng_txt br {display:none;}
	.marthartin-wrap .sec02 .left &gt; p {width:605px;}
	.marthartin-wrap .sec02 .left &gt; div {padding-bottom:304px;}
	.marthartin-wrap .sec02 .right &gt; p {width:574px; margin-top:-135px;}
	.marthartin-wrap .sec02 .right &gt; div {width:calc(100% - 574px); padding-top:92px;}

	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-prev {margin-left:-522px;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-next {margin-left:468px;}
	
	.marthartin-wrap .sec04 .info_wrap &gt; ul {align-items:flex-start;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li &gt; strong br {display:none;}

	/* tu edition */
	.marthtu-wrap .sec02 .right &gt; p {width:680px;}
	.marthtu-wrap .sec04 &gt; div &gt; ul li:first-child,
	.marthtu-wrap .sec04 &gt; div &gt; ul li:last-child {width:calc(50% - 50px); padding-right:0;}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li {gap:90px}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; div &gt; strong br {display:none;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .eng_txt br {display:none;}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; p {width:610px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; p {width:586px; margin-top:-155px;}
}

@media screen and (max-width: 1400px) {
	.marthartin-wrap .sec02 .left &gt; p {width:33.8em;}

	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-prev {margin-left:0; left:12.4%;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-next {margin-left:0; left:auto; right:12.4%;}

	/* tu edition */
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; p {width:560px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; p {width:536px;}
	
	/* marthfilm */
	.marthfilm-wrap .sec01 &gt; div {gap:100px;}
	.marthfilm-wrap .sec01 .txtbox {width:50%;}
	.marthfilm-wrap .sec01 .imgbox {width:50%;}
}

@media screen and (max-width: 1200px) {
	/* tu edition */
	.marthtu-wrap .sec02 .left &gt; p {width:454px; margin-right:-30px;}
	.marthtu-wrap .sec02 .right &gt; p {width:610px;}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; p {border-width:25px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; p {width:400px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; p {width:420px; margin-top:-20px;}
	
	/* marthfilm */
	.marthfilm-wrap .sec01 &gt; div {gap:50px;}
	.marthfilm-wrap .sec01 .txtbox {padding-top:20px;}
}

@media screen and (max-width: 950px) {
	.wrap_common .scroll_down a p,
	.wrap_common .scroll_up a p {height:38px; background-size:27px;}
	.wrap_common .dp_tablet {display:block;}

	.wrap_common .wrap_cm_backtotop {padding-top:252px; padding-bottom:80px;}
	.wrap_common .wrap_cm_backtotop .logo img {width:285px;}
	.wrap_common .wrap_cm_backtotop .line_txtbtn {margin-top:30px;}
	.wrap_common .wrap_cm_backtotop .scroll_up {margin-top:145px;}

	/* art in */
	.marthartin-wrap .sec01 {padding:200px 0 320px;}
	.marthartin-wrap .sec01 img {width:215px;}
	.marthartin-wrap .sec01 .kor_txt {margin:28px 0 18px;}

	.marthartin-wrap .sec02 {padding:88px 0 110px;}
	.marthartin-wrap .sec02 ul li {gap:60px;}
	.marthartin-wrap .sec02 .left &gt; div {padding-bottom:266px;}
	.marthartin-wrap .sec02 .left &gt; div &gt; img {width:170px;}
	.marthartin-wrap .sec02 .left strong {margin-top:42px;}
	.marthartin-wrap .sec02 .left &gt; p {width:435px;}
	.marthartin-wrap .sec02 .right {margin-top:-100px;}
	.marthartin-wrap .sec02 .right &gt; div {padding-top:0;}
	.marthartin-wrap .sec02 .right &gt; p {width:400px; margin-top:-130px;}
	.marthartin-wrap .sec02 .right &gt; div {width:calc(100% - 400px); padding-top:0;}
	
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow {top:0; transform:translateY(0); width:3.5%; height:88%; background-position:center;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-prev {left:12.9%;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-next {right:12.9%;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-dots {margin-top:5px;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-dots li {width:10px; height:10px;}
	.marthartin-wrap .sec03 {padding-top:50px; padding-bottom:90px;}
	.marthartin-wrap .sec03 .artin_list {margin-top:80px;}
	.marthartin-wrap .sec03 .artin_list &gt; p {margin-bottom:35px;}
	.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li {padding:26px 35px;}
	.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li &gt; strong {width:104px;}

	.marthartin-wrap .sec04 .logo_wrap {margin-bottom:65px; padding:186px 0 155px;}
	.marthartin-wrap .sec04 .logo_wrap &gt; img {width:167px;}
	.marthartin-wrap .sec04 .info_wrap &gt; strong {padding-left:12px; padding-bottom:20px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul {margin-top:34px; padding:0 9px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li {width:calc(50% - 20px);}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li.full {margin-top:16px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li.full img {width:120px;}

	/* tu edition */
	.marthtu-wrap .sec01 {padding-top:154px; padding-bottom:140px;}
	.marthtu-wrap .sec01 &gt; p {margin-top:25px;}
	.marthtu-wrap .sec02 {padding:108px 0 136px;}
	.marthtu-wrap .sec02 ul li {gap:60px;}
	.marthtu-wrap .sec02 ul li strong &gt; br {display:none;}
	.marthtu-wrap .sec02 ul li &gt; div .eng_txt br {display:none;}	
	.marthtu-wrap .sec02 .brand {width:96px;}
	.marthtu-wrap .sec02 .brand_txt span {margin-top:34px; margin-bottom:14px;}

	.marthtu-wrap .sec02 .left strong {margin-top:45px;}
	.marthtu-wrap .sec02 .left &gt; div {padding-top:54px;}
	.marthtu-wrap .sec02 .right {margin-top:120px;}
	.marthtu-wrap .sec02 .right &gt; div {padding-top:178px;}	

	.marthtu-wrap .sec03 {padding:280px 0 274px;}
	.marthtu-wrap .sec03 .logo img {width:286px;}

	.marthtu-wrap .sec04 {padding:134px 0 124px;}
	.marthtu-wrap .sec04 &gt; div &gt; ul {margin-top:46px; padding:60px 40px 56px;}
	.marthtu-wrap .sec04 &gt; div &gt; ul li strong br {display:none;}
	.marthtu-wrap .sec04 &gt; div &gt; ul li .eng_txt br {display:none;}
	.marthtu-wrap .sec04 &gt; div &gt; ul li:first-child,
	.marthtu-wrap .sec04 &gt; div &gt; ul li:last-child {width:calc(50% - 25px);}

	.marthtu-wrap .sec05 .playbtn {background-size:45px;}

	.marthtu-wrap .sec06 {padding-top:114px; padding-bottom:138px;}
	.marthtu-wrap .sec06 .tittxt &gt; span {margin-top:16px;}
	.marthtu-wrap .sec06 .tittxt {margin-bottom:30px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow {margin-top:64px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow span {line-height:40px; padding-right:61px; background-size:40px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow span:hover {padding-right:71px;}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li {gap:50px}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; p {width:310px; margin-top:20px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; p {width:350px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; div {padding-top:80px;}

	.marthtu-wrap .sec07.wrap_cm_backtotop .logo img {width:214px;}
	
	/* marthfilm */
	.marthfilm-wrap .sec01 {padding-top:96px; padding-bottom:134px;}
	.marthfilm-wrap .sec01 &gt; div {flex-direction:column; gap:40px;}
	.marthfilm-wrap .sec01 .txtbox {width:100%; padding-top:0;}
	.marthfilm-wrap .sec01 .txtbox &gt; div {margin-top:0;}
	.marthfilm-wrap .sec01 .txtbox:not(.dp_tablet) &gt; strong {display:none;}
	.marthfilm-wrap .sec01 .txtbox.onlytxt {order:1;}
	.marthfilm-wrap .sec01 .txtbox &gt; div .eng_txt {margin-top:-10px;}
	
	.marthfilm-wrap .sec01 .imgbox {order:0; width:100%;}
	.marthfilm-wrap .sec01 .imgbox img {width:100%;}
	
	.marthfilm-wrap .sec02 {padding-top:234px; padding-bottom:76px;}
	.marthfilm-wrap .sec02 .marthfilm_slide {padding-bottom:176px;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-slide {margin:0 56px;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow {width:84px; height:57px; background-size:100%;}
	
	.marthfilm-wrap .sec04.wrap_cm_backtotop .line_txtbtn {margin-top:30px;}
}

@media screen and (max-width: 900px) {
	.vimeo_pcwrap {display:none;}
	.vimeo_mowrap {display:block;}
}
@media screen and (max-width: 850px) {
	/* art in */
	.marthartin-wrap .sec02 ul li {gap:50px;}
	.marthartin-wrap .sec02 .left &gt; p {width:325px;}
	.marthartin-wrap .sec02 .right &gt; p {width:340px;}
	
	
	.marthfilm-wrap .sec01 {padding-top:72px; padding-bottom:100px;}
	.marthfilm-wrap .sec01 &gt; div {gap:30px;}
	
}

@media screen and (max-width: 768px) {
	.wrap_common .sec {letter-spacing:-0.1px;}
	.wrap_common .wrap_para01,
	.wrap_common .wrap_para02,
	.wrap_common .wrap_para03 {padding-left:16px; padding-right:16px;}
	
	.wrap_common .scroll_down p {margin-top:6px;}
	.wrap_common .scroll_up a p {margin-bottom:10px; margin-top:0;}
	.wrap_common .scroll_up a span {font-size:14px;}
	
	.wrap_common .scroll_down p,
	.wrap_common .scroll_up a p {height:28px; background-size:20px;}
	
	.wrap_common .dp_pc {display:none;}
	.wrap_common .dp_mo {display:block;}
	
	@keyframes arrowDown {
		0% {background-position:top center;}
		50% {background-position:top 5px center;}
		100% {background-position:top center;}
	}

	@keyframes arrowUp {
		0% {background-position:top 5px center;}
		50% {background-position:top center;}
		100% {background-position:top 5px center;}
	}

	.wrap_common .wrap_cm_backtotop {padding-top:189px; padding-bottom:60px;}
	.wrap_common .wrap_cm_backtotop .logo img {width:214px;}
	.wrap_common .wrap_cm_backtotop .line_txtbtn {margin-top:22px;}
	.wrap_common .wrap_cm_backtotop .scroll_up {margin-top:109px;}
	
	/* art in */
	.marthartin-wrap .sec01 {padding:155px 16px 240px;}
	.marthartin-wrap .sec01 img {width:160px;}
	.marthartin-wrap .sec01 .kor_txt {margin:21px 0 14px;}
	.marthartin-wrap .sec01 .eng_txt {font-size:10px;}
	.marthartin-wrap .sec01 .eng_txt br {display:none;}

	.marthartin-wrap .sec02 {padding:66px 0 82px; background-position:top left 16px; background-size:180%}
	.marthartin-wrap .sec02 .wrap_para01 &gt; img {display:block; width:128px; margin:0 auto;}
	.marthartin-wrap .sec02 ul {margin-top:30px;}
	.marthartin-wrap .sec02 ul li {gap:0; flex-direction:column;}
	.marthartin-wrap .sec02 .left &gt; p,
	.marthartin-wrap .sec02 .right &gt; p {order:0; width:100%;}
	.marthartin-wrap .sec02 .left &gt; p img,
	.marthartin-wrap .sec02 .right &gt; p img {width:100%;}
	.marthartin-wrap .sec02 .left &gt; div,
	.marthartin-wrap .sec02 .right &gt; div {order:1; padding-top:20px; padding-bottom:0;}
	.marthartin-wrap .sec02 .left &gt; div br,
	.marthartin-wrap .sec02 .right &gt; div br {display:none;}
	.marthartin-wrap .sec02 .left &gt; div &gt; img {display:none;}
	.marthartin-wrap .sec02 .left strong {margin-top:0; margin-bottom:5px;}
	.marthartin-wrap .sec02 .right {margin-top:60px;}
	.marthartin-wrap .sec02 .right &gt; div {text-align:left;}
	.marthartin-wrap .sec02 .right &gt; p {margin-top:0;}
	.marthartin-wrap .sec02 .right &gt; div {width:100%;}
	
	.marthartin-wrap .sec03 {padding-top:37px; padding-bottom:70px; background-position:top left 16px; background-size:180%;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow {width:10%; background-size:46%;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-prev {left:0; background-position:right 8% center;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-arrow.slick-next {right:0; background-position:left 15% center;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-dots {margin-top:0;}
	.marthartin-wrap .sec03 .artin_slide01 .slick-dots li {width:7px; height:7px; margin:0 3px;}
	.marthartin-wrap .sec03 .artin_list {margin-top:50px; padding-right:23px;}
	.marthartin-wrap .sec03 .artin_list &gt; p {margin-bottom:25px; overflow-x:hidden;}
	.marthartin-wrap .sec03 .artin_list &gt; p img {position:relative; left:50%; transform:translateX(-50%); display:block; width:700px; max-width:inherit;}
	.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li {padding:20px 26px;}
	.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li &gt; strong {width:60px; font-size:18px;}
	.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li &gt; p {width:calc(100% - 60px);}
	.marthartin-wrap .sec03 .artin_list &gt; ol &gt; li &gt; p em {display:inline-block;margin-top:5px;}

	.marthartin-wrap .sec04 {background-position:top left 16px; background-size:180%;}
	.marthartin-wrap .sec04 .logo_wrap {margin-bottom:49px; padding:140px 0 117px;}
	.marthartin-wrap .sec04 .logo_wrap &gt; img {width:125px}
	.marthartin-wrap .sec04 .info_wrap {padding:0 16px;}
	.marthartin-wrap .sec04 .info_wrap &gt; strong {font-size:20px; margin-right:-1%; padding-left:9px; padding-bottom:15px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li &gt; strong {display:block; margin-bottom:10px; font-size:14px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li br {display:none;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul {flex-direction:column; margin-top:25px; padding:0 9px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li {width:100%;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li + li {margin-top:25px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li.full {margin-top:12px;}
	.marthartin-wrap .sec04 .info_wrap &gt; ul &gt; li.full img {width:90px;}
	/* tu edition */
	.marthtu-wrap .sec01 {padding:115px 16px 105px;}
	.marthtu-wrap .sec01 &gt; em {font-size:22px;}
	.marthtu-wrap .sec01 &gt; p {margin-top:20px;}

	.marthtu-wrap .sec02 {padding:80px 0 102px; background-position:top left 16px; background-size:180%;}
	.marthtu-wrap .sec02 ul {margin-top:40px;padding-right:0;}
	.marthtu-wrap .sec02 ul li {flex-direction:column; gap:0;}
	.marthtu-wrap .sec02 ul li &gt; div &gt; br {display:none;}
	.marthtu-wrap .sec02 ul li &gt; div &gt; strong {margin-bottom:5px;}

	.marthtu-wrap .sec02 .brand {width:72px;}
	.marthtu-wrap .sec02 .brand_txt span {font-size:14px; margin-top:25px; margin-bottom:10px;}
	.marthtu-wrap .sec02 .brand_txt em {font-size:20px;}

	.marthtu-wrap .sec02 .left &gt; p,
	.marthtu-wrap .sec02 .right &gt; p {order:0; width:100%; margin:0;}

	.marthtu-wrap .sec02 .left &gt; p img,
	.marthtu-wrap .sec02 .right &gt; p img {display:block; width:100%; margin:0;}	

	.marthtu-wrap .sec02 .left &gt; div,
	.marthtu-wrap .sec02 .right &gt; div {order:1; width:100%; margin:0; text-align:left; padding-top:20px;}	

	.marthtu-wrap .sec02 .left strong {margin-top:0;}
	.marthtu-wrap .sec02 .right {margin-top:40px;}

	.marthtu-wrap .sec03 {padding:210px 0 205px;}
	.marthtu-wrap .sec03 .logo img {width:214px;}

	.marthtu-wrap .sec04 {padding:100px 0 92px; background-position:top left 16px; background-size:180%;}
	.marthtu-wrap .sec04 &gt; div &gt; ul {flex-direction:column; margin-top:35px; padding:0; width:100%;margin-left:0; letter-spacing:-0.1px;}
	.marthtu-wrap .sec04 &gt; div &gt; ul &gt; li {padding:20px 10px;}
	.marthtu-wrap .sec04 &gt; div &gt; ul &gt; li &gt; strong {margin-bottom:5px;}
	.marthtu-wrap .sec04 &gt; div &gt; ul &gt; li &gt; br {display:none;}
	.marthtu-wrap .sec04 &gt; div &gt; ul li:first-child {border-bottom:1px solid rgba(149,143,139,.9);}
	.marthtu-wrap .sec04 &gt; div &gt; ul li:first-child,
	.marthtu-wrap .sec04 &gt; div &gt; ul li:last-child {width:100%; padding-right:10px;}
	.marthtu-wrap .sec04 &gt; div &gt; p {margin:0; width:100%;}
	.marthtu-wrap .sec05 .playbtn {background-size:34px;}

	.marthtu-wrap .sec06 {padding-top:75px; padding-bottom:104px; background-position:top left 16px; background-size:180%;}
	.marthtu-wrap .sec06 .tittxt {margin-bottom:28px;}
	.marthtu-wrap .sec06 .tittxt &gt; em {font-size:20px;}
	.marthtu-wrap .sec06 .tittxt &gt; span {margin-top:12px; font-size:14px}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li {flex-direction:column; gap:20px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li + li {margin-top:30px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; div &gt; br {display:none;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li &gt; div &gt; strong {margin-bottom:5px;}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; p,
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; p {order:0; width:100%; margin:0; padding:0; border-width:12px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; p img,
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; p img {display:block; width:100%; margin:0;}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.left &gt; div,
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li.right &gt; div {order:1; margin:0; padding:0;}

	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow {margin-top:48px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow span {font-size:16px; line-height:30px; padding-right:46px; background-size:30px;}
	.marthtu-wrap .sec06 &gt; div &gt; ul &gt; li .view_arrow span:hover {padding-right:56px;}
	
	.marthtu-wrap .sec07.wrap_cm_backtotop .logo img {width:160px;}
	.marthtu-wrap .sec07.wrap_cm_backtotop .line_txtbtn {margin-top:12px;}
	
	/* marthfilm */
	.marthfilm-wrap .sec01 { background-position:top left 16px; background-size:180%;}
	.marthfilm-wrap .sec01 .txtbox.dp_tablet &gt; strong {display:block; width:100%; font-size:20px;}
	.marthfilm-wrap .sec02 {padding-top:175px; padding-bottom:58px;}
	.marthfilm-wrap .sec02 .marthfilm_slide {padding-bottom:132px;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-slide {margin:0 42px;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow {width:64px;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow.slick-prev {margin-left:0; left:16px;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-arrow.slick-next {margin-left:0; left:auto; right:16px;}
	
	.marthfilm-wrap .sec03 .logofade_list {flex-direction:column;}
	.marthfilm-wrap .sec03 .logofade_list li {width:100%;}
	.marthfilm-wrap .sec03 .logofade_list li.fade02 {margin-top:-2px;}
	
	.marthfilm-wrap .sec04.wrap_cm_backtotop .line_txtbtn {margin-top:25px;}
}

@media screen and (max-width: 480px) {
	.marthtu-wrap .sec01 &gt; p br {display:none;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-slide {margin:0;}
	.marthfilm-wrap .sec02 .marthfilm_slide .slick-slide img {width:60%;}
}</pre></body></html>