@charset "utf-8";
@import url('reset.css');
@import url('common.css');
body{overflow:hidden; min-width:320px;}
#wrap{font: 18px/1  'Gmarket Sans', 'S-Core Dream',  sans-serif; font-weight: 500; letter-spacing: -0.5px; color: #333;}
a, h1, h2, h3, h4, h5, h6 {  transform: skew(-0.03deg);} <!--웹폰트 깨짐 현상 해결 -->
/* 
/* font-family */


@font-face {
  font-family: 'Gotham L';
  src: url(/assets/fonts/GothamPro-Light.eot);
  src: url(/assets/fonts/GothamPro-Light.woff2) format("woff2"),url(/assets/fonts/GothamPro-Light.woff) ,format("woff"),
	url('/assets/fonts/GothamPro-Light.ttf') format("truetype"),
	url('/assets/fonts/GothamPro-Light.svg#GothamPro-Light') format("svg"),
	url('/assets/fonts/GothamPro-Light.eot?#iefix') format("embedded-opentype");
  font-weight: 100;
  font-style: normal
}
@font-face {
  font-family: 'Gotham R';
  src: url('/assets/fonts/GothamPro.eot');
  src: url('/assets/fonts/GothamPro.woff2') format("woff2"),url('/assets/fonts/GothamPro.woff')format("woff"),
	url('/assets/fonts/GothamPro.ttf') format("truetype"),
	url('/assets/fonts/GothamPro.svg#GothamPro') format("svg"),
	url('/assets/fonts/GothamPro.eot?#iefix') format("embedded-opentype");
  font-weight: 400;
  font-style: normal
}

@font-face{
	font-family: 'Gotham';
	src: url('/assets/fonts/Gotham-Medium.eot');
	src: url('/assets/fonts/Gotham-Medium.eot?') format('eot'),
	url('/assets/fonts/GothamMedium.woff') format('woff');
}

@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansTTFLight.eot');
  src: url('/assets/fonts/GmarketSansTTFLight.woff2') format("woff2"),
	     url('/assets/fonts/GmarketSansTTFLight.woff')format("woff");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansTTFMedium.eot');
  src: url('/assets/fonts/GmarketSansTTFMedium.woff2') format("woff2"),
	     url('/assets/fonts/GmarketSansTTFMedium.woff')format("woff");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: 'Gmarket Sans';
  src: url('/assets/fonts/GmarketSansTTFBold.eot');
  src: url('/assets/fonts/GmarketSansTTFBold.woff2') format("woff2"),
	     url('/assets/fonts/GmarketSansTTFBold.woff')format("woff");
  font-weight: 700;
  font-style: normal
}


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('/assets/fonts/NotoSansKR-Thin.woff2') format('woff2'),
	   url('/assets/fonts/NotoSansKR-Thin.woff') format('woff'),
	   url('/assets/fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/NotoSansKR-Light.woff2') format('woff2'),
	   url('/assets/fonts/NotoSansKR-Light.woff') format('woff'),
	   url('/assets/fonts/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 350;
  src: url('/assets/fonts/NotoSans-DemiLight.woff2') format('woff2'),
	   url('/assets/fonts/NotoSans-DemiLight.woff') format('woff'),
	   url('/assets/fonts/NotoSans-DemiLight.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url('/assets/fonts/NotoSansKR-Regular.woff2') format('woff2'),
		url('/assets/fonts/NotoSansKR-Regular.woff') format('woff'),
		url('/assets/fonts/NotoSansKR-Regular.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url('/assets/fonts/NotoSansKR-Medium.woff2') format('woff2'),
		url('/assets/fonts/NotoSansKR-Medium.woff') format('woff'),
		url('/assets/fonts/NotoSansKR-Medium.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url('/assets/fonts/NotoSansKR-Bold.woff2') format('woff2'),
		url('/assets/fonts/NotoSansKR-Bold.woff') format('woff'),
		url('/assets/fonts/NotoSansKR-Bold.otf') format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url('/assets/fonts/NotoSansKR-Black.woff2') format('woff2'),
		url('/assets/fonts/NotoSansKR-Black.woff') format('woff'),
		url('/assets/fonts/NotoSansKR-Black.otf') format('opentype');
 }
 
 
 
 
 
 @font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 100; 
	src: url('/assets/fonts/scdream1-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream1-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 200; 
	src: url('/assets/fonts/scdream2-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream2-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 300; 
	src: url('/assets/fonts/scdream3-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream3-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 400; 
	src: url('/assets/fonts/scdream4-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream4-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 500; 
	src: url('/assets/fonts/scdream5-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream5-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 600; 
	src: url('/assets/fonts/scdream6-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream6-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 700; 
	src: url('/assets/fonts/scdream7-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream7-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 800; 
	src: url('/fonts/scdream8-webfont.woff2') format('woff2'), 
       url('/fonts/scdream8-webfont.woff') format('woff');
}
@font-face {
	font-family: 'S Core Dream'; 
	font-style: normal;
	font-weight: 900; 
	src: url('/assets/fonts/scdream9-webfont.woff2') format('woff2'), 
       url('/assets/fonts/scdream9-webfont.woff') format('woff');
}
 
::selection{color:#fff;background-color:#f26522;}
::-moz-selection{color:#fff;background-color:#f26522;}




/* font-size */
.txt88{font-size:88px;line-height:1.2;}
.txt82{font-size:82px;line-height:1.2;}
.txt66{font-size:66px;line-height:1.2;}
.txt72{font-size:72px;line-height:1.2;}
.txt62{font-size:62px;line-height:1.428;}
.txt60{font-size:60px;line-height:1.428;}
.txt56{font-size:56px;line-height:1.428;}
.txt54{font-size:54px;line-height:1.428;}
.txt50{font-size:50px;line-height:130%;}
.txt48{font-size:48px;line-height:130%;}
.txt45{font-size:45px;line-height:1.428;}
.txt44{font-size:44px;line-height:1.428;}
.txt42{font-size:42px;line-height:1.428;}
.txt40{font-size:40px;line-height:1.428;}
.txt38{font-size:38px;line-height:130%;}
.txt36{font-size:36px;line-height:1.428;}
.txt34{font-size:34px;line-height:1.428;}
.txt32{font-size:32px;line-height:1.428;}
.txt30{font-size:30px;line-height:1.33;}
.txt28{font-size:28px;line-height:1.33;}
.txt26{font-size:26px;line-height:1.33;}
.txt24{font-size:24px;line-height:1.2;}
.txt22{font-size:22px;line-height:1.33;}
.txt21{font-size:21px;line-height:1.33;}
.txt20{font-size:20px;line-height:1.33;}
.txt19{font-size:19px;line-height:1.33;}
.txt18{font-size:18px;}
.txt17{font-size:17px;line-height:1.33;}
.txt16{font-size:16px;line-height:1.33;}
.txt15{font-size:15px;line-height:1.33;}
.txt14{font-size:14px;line-height:1.5;}
.txt13{font-size:13px;line-height:1.5;}
.txt12{font-size:12px;line-height:1.5;}
.txt11{font-size:11px;line-height:1.5;}
.txt10{font-size:10px;line-height:1.5;}
.txt8{font-size:8px;line-height:1.33;}
/* 공통 */
.row {width: 100%; margin:0 auto; position: relative;}
.tly-50{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.tlx-50{position:absolute;left:50%;top:0;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);}
.tl-50{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);}

article {position: relative;}
.white {color: #fff;}
.black {color: #151515;}
.red {color: #f00;}
.navy {color: #000369;}
.blue {color: #00559f;}
.yellow {color: #efbe0a;}
.orange {color: #ff6633;}
.green {color: #4daf50;}
.gray {color: #666;}
.mint {color: #07b1b4;}
.l_blue {color: #86deff;}

.all_block {display: block;}
.inline_1200 {display: block;}
.inline_768 {display: block;}
.inline_486 {display: block;}
.block_768 {display: none;}

.fwn {font-weight: normal;}
.fwb {font-weight: bold;}
.fw100 {font-weight: 100;}
.fw300 {font-weight: 300;}
.fw350 {font-weight: 350;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}
.wk {-ms-word-break: keep-all;word-break: keep-all;}

.gotham {font-family: 'Gotham'; letter-spacing: -2px;}
.gothamL {font-family: 'Gotham L'; }
.gothamR {font-family: 'Gotham R';letter-spacing: 0;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}

.lh1 {line-height: 1;}
.lh12 {line-height: 1.2;}
.lh13 {line-height: 1.33;}
.lh15 {line-height: 1.5;}
.lh16 {line-height: 1.6;}
.lh17 {line-height: 1.7;}
.lh2 {line-height: 2;}

.w2000 {max-width: 2000px; margin: 0 auto; position: relative;}
.w1920 {max-width: 1920px; margin: 0 auto; position: relative;}
.w1800 {max-width: 1800px; margin: 0 auto; position: relative;}
.w1500 {max-width: 1530px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1400 {max-width: 1430px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1300 {max-width: 1330px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1200 {max-width: 1230px; margin: 0 auto; position: relative; padding: 0 15px;}
.w1100 {max-width: 1100px; margin: 0 auto; position: relative;}
.w1080 {max-width: 1080px; margin: 0 auto; position: relative;}
.w1000 {max-width: 1000px; margin: 0 auto; position: relative;}
.w800 {max-width: 800px; margin: 0 auto; position: relative;}
.w80 {max-width: 80px; margin: 0 auto; position: relative;}
.ff_gmarket {font-family: 'Gmarket Sans'; letter-spacing: -1px;}
.ff_nexen {font-family: 'Nexen'; letter-spacing: -1px;}

/* form */
input[type=text],
select { width: 100%; height: 55px; line-height: 55px; background-color: #fff; border: 1px solid #dfdfe1;  font-size: 15px; font-weight:500; color: #333; padding: 0 10px; }
input::placeholder {color: #333; font-weight:400; letter-spacing: -1pt;}
select { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; padding: 0 27px 0 10px; background: url('../images/common/select_arr.png') no-repeat right 10px top 50%; /* 화살표 모양의 이미지 */ } /* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }
textarea {width: 100%; background-color: #fff; border: 1px solid #dfdfe1;  font-size: 14px; color: #333; font-weight:500; line-height: 150%; padding: 10px;}




/* ani */
.ani_top{position:relative;opacity:0;top:25px;transition:1s;-webkit-transition: opacity 1s; -webkit-transition: top 1s; transition: opacity 1s; transition: top 1s; transition-delay:.1s;-webkit-transition-delay:.1s;}
.ani_top.move{opacity:1;top:0;}
.ani_left{position:relative;opacity:0;left:-100px;transition:1s;-webkit-transition:1s;transition-delay:.1s;-webkit-transition-delay:.1s;}
.ani_left.move{opacity:1;left:0;}
.ani_right{position:relative;opacity:0;right:-100px;transition:1s;-webkit-transition:1s;transition-delay:.1s;-webkit-transition-delay:.1s;}
.ani_right.move{opacity:1;right:0;}
.trans_d1{transition-delay:0.25s;-webkit-transition-delay:0.25s;}
.trans_d2{transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.trans_d3{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.trans_d4{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.trans_d5{transition-delay:1s;-webkit-transition-delay:1s;}
.trans_d6{transition-delay:1.2s;-webkit-transition-delay:1.2s;}

/* slide 설정 */
.slick-slide:focus {outline: none;}
.slick-prev:before,
.slick-next:before {display: none; } 
.slick-prev,
.slick-next {width: 64px; height: 63px; background: url('../images/main/mv_prev.png') 0 0 no-repeat; left: -70px;}
.slick-next {background: url('../images/main/mv_next.png') 0 0 no-repeat; left: auto; right: -70px;}



/* .main_wrap #contents {background: #fff url('../images/main/main_bg.jpg') 0 100% no-repeat; background-size:100% auto;} */

#mv {position: relative; padding-top:90px;}
#mv .mv_slide_wrap {height: 100%; margin-bottom: 0;}
#mv .mv_slide_wrap .list {height:890px; position: relative;}
#mv .mv_slide_wrap .list .visual {width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0; background-size:cover; background-color: #f9f9f9;}
#mv .mv_slide_wrap .list1 .visual { background: #0f121b url('../images/main/mv1.jpg') 50% 50% no-repeat;}
#mv .txt_wrap {color: #222; position: absolute; width:803px;  top:12%; left: 50%;  margin-left: -675px; /*-webkit-transform:translateY(-50%); transform:translateY(-50%);  padding: 0 75px; */z-index: 1;}
#mv .txt_wrap img { width:100%;}
#mv .txt_wrap .tit {color: #fff000; line-height: 0.8;}
#mv .txt_wrap .txt {color: #ffffff; word-break:keep-all;}
#mv .txt_wrap .img2 { width:55%;}
#mv .txt_wrap .img1 { width:30%; display:inline-block; padding-right:20px; transition:.25s;}
#mv .txt_wrap .pl15 {padding-left:10%}
#mv .txt_wrap .img1:hover {-webkit-transform:translate(-5px,-5px); transform:translate(-5px,-5px);} 
#mv .list2 .txt_wrap .tit {color: #f3ff39; }
#mv .list2 .txt_wrap .txt {color: #fff;}
/*#mv .txt_wrap a {display: inline-block; padding: 25px 40px; border-radius:100px; background-color: #4ad80e; color: #fff; line-height: 1; transition:.25s;}*/
#mv .list2 .txt_wrap a {background-color: #a305c5;}
#mv .txt_wrap a:hover {}

#mv .slick-dots {bottom: 20px;}
#mv .slick-dots li {width: auto; height: auto;}
#mv .slick-dots li button {width: 50px; height: 8px; padding: 0; background-color: #fff; border-radius:50px;}
#mv .slick-dots li.slick-active button { background-color: #00baff;}
#mv .slick-dots li button:before {display: none;}

#mv .slick-prev,
#mv .slick-next {width: 20px; height: 55px;  z-index: 1;}
#mv .slick-prev { background-image: url('../images/main/mv_prev.png'); left: 50%; margin-left: -780px; }
#mv .slick-next { background-image: url('../images/main/mv_next.png'); right: 50%; margin-right: -780px; }

#mv .mv_links {position: absolute; left: 50%; top: 150px; margin-left:-320px; height:65px; display: flex; justify-content:space-between;}
#mv .mv_links a {display: flex; align-items:center;  padding:0 22px;  transition:.25s;}
#mv .mv_links a:hover {-webkit-transform:translate(-5px,-5px); transform:translate(-5px,-5px);	} 
#mv .pl{ padding-left:10%}
#mv .btn {position: absolute; bottom: 15%; left: 50%; margin-left:-630px;  border:5px solid #fff; border-radius:100px; padding:15px 50px 20px; color:#fff; transform: skew(-0.03deg); text-align:center;transition:.25s;
background: #f79820; /* Old browsers */
background: -moz-linear-gradient(left,  #f79820 0%, #ed412c 50%, #ec1f2c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f79820 0%,#ed412c 50%,#ec1f2c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f798201 0%,#ed412c 50%,#ec1f2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f798201', endColorstr='#ec1f2c',GradientType=1 ); /* IE6-9 */
}
#mv .btn:hover {background-color:#07b1b4; -webkit-transform:translate(-5px,-5px); transform:translate(-5px,-5px);	} 
#mv .btn img { display:inline-block !important;  vertical-align:middle;padding-bottom: 5px;}
#mv .btn1 {position: absolute; bottom: 15%; left: 50%; margin-left:-235px; background-color:#ed1553; border:5px solid #fff; border-radius:100px; padding:30px 50px; color:#fff; transform: skew(-0.03deg); text-align:center;transition:.25s;}
#mv .btn1:hover {background-color:#07b1b4; -webkit-transform:translate(-5px,-5px); transform:translate(-5px,-5px);	} 
#mv .btn1 img { display:inline-block !important; vertical-align:bottom;}
.m1 {padding: 100px 0; background-color:#f2f2f2;}
.m1 ul {font-size:0;}
.m1 li {background:#fff; border-radius:5px; height:250px; display:inline-block; width: calc(25% - 20px);  margin:0 10px; vertical-align:top; padding:50px 30px; box-shadow:3px 3px 7px rgba(0,0,0,0.05);  transition:.25s;}
.m1 li:nth-child(4n) {margin-right:0px;}

.m1 li:nth-child(1) {
background: #046241; /* Old browsers */
background: -moz-linear-gradient(left,  #1f4191 0%, #3d858a 100%, #00afbb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #1f4191 0%,#3d858a 100%,#00afbb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #01f4191 0%,#3d858a 100%,#00afbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4191', endColorstr='#00afbb',GradientType=1 ); /* IE6-9 */
}


.m1 li:nth-child(1) div {background:url('../images/main/m1_link1.png') 100% 100% no-repeat;  height:170px;}
.m1 li:nth-child(2) {background:url('../images/main/m1_link4.png') 90% 85% #fff no-repeat; margin-bottom:30px}
.m1 li:nth-child(3) {background:url('../images/main/m1_link3.png') 90% 85% #fff no-repeat;}

.m1 li:nth-child(4) div {background:url('../images/main/m1_link2.png') 100% 100% no-repeat; height:170px; color:#fff;}
.m1 li:nth-child(4) { 
background: #00a5a8; /* Old browsers */
background: -moz-linear-gradient(left,  #37b8c1 0%, #6cb6cd 0%, #00184f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #37b8c1 0%,#6cb6cd 0%,#00184f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #37b8c1 0%,#6cb6cd 0%,#00184f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b8c1', endColorstr='#00184f',GradientType=1 ); /* IE6-9 */
}


.m1 h4 {font-size:15px; color:#aaa; margin-bottom:30px;}
.m1 h3 {font-size:28px; color:#114783; font-weight:600; margin-bottom:10px;}
.m1 span {font-size:18px; display:block; text-transform:uppercase; font-family: 'Gotham R';}
.m1 li:hover {-webkit-transform:translate(-5px,-5px); transform:translate(-5px,-5px);	} 

.pc { display:block}
.m { display:none}

@media all and (max-width:1600px){

}
@media all and (max-width:1400px){
#mv .txt_wrap {color: #222; position: absolute; width:789px;  top:12%; left:0;  margin-left: 5%; /*-webkit-transform:translateY(-50%); transform:translateY(-50%);  padding: 0 75px; */z-index: 1;}
#mv .btn { bottom: 15%; left: 0; margin-left:5%;}

}
@media all and (max-width:1200px){
	.txt88,
	.txt82,
	.txt74,
	.txt72{font-size:60px;}
	.txt66,
	.txt62,
	.txt60{font-size:52px;}
	.txt56,
	.txt54{font-size:48px;}
	.txt50{font-size:42px;}
	.txt48{font-size:38px;}
	.txt45,
	.txt44{font-size:36px;}
	.txt42,
	.txt40{font-size:32px;}
	.txt38,
	.txt36,
	.txt34{font-size:28px;}
	.txt32{font-size:26px;}
	.txt30{font-size:24px;}
	.txt28,
	.txt26{font-size:20px;}
	.txt24,
	.txt22,
	.txt21{font-size:18px;}
	.txt20,
	.txt19{font-size:17px;}
	.txt18,
	.txt17{font-size:16px;}
	.txt16{font-size:15px;}
	.txt15{font-size:14px;}
	.txt14{font-size:13px;}
	.txt12{font-size:11px;}
	.txt11{font-size:10px;}
	
	.inline_1200 {display: inline;}
    #mv {position: relative; padding-top:80px;}
	#mv .mv_slide_wrap .list .visual {padding-bottom: 50%;
    background-position:50% 0%;
    background-size: cover;}
	
	#mv .txt_wrap {color: #222; position: absolute; width: 780px;  top: 50%; left: 50%;  margin-left: -530px; -webkit-transform:translateY(-50%); transform:translateY(-50%); /* padding: 0 75px; */z-index: 1;}

	.m1 {padding: 70px 20px 70px 0;}
    .m1 .txt_wrap {text-align: left; padding-left:20px;}
	.pl40{ padding-left:20px;}
    .pl70{ padding-left:40px;}
	
	
	
	

	
}
@media all and (max-width:1130px){
	.w1100 {padding: 0 15px;}
	
	
	
}
@media all and (max-width:1024px){
	.block_1024 {display: block;}
	
	

	
}

@media all and (max-width:768px){
	#wrap {font-size: 14px;}
	.inline_768 {display: inline;}
	.no_768 {display: none;}
	.block_768 {display: block;}
	
   #mv {position: relative; padding-top:70px;}
   #mv .mv_slide_wrap .list {height:550px; position: relative; background-color:#1b3362;}
   #mv .mv_slide_wrap .list .visual {
    padding-bottom: 0px;
    background-position: 50% 0%; height:550px; }
	
	#mv .mv_slide_wrap .list1 .visual { background: #0f121b url('/assets/images/main/mv_m1.jpg') 50% 50% no-repeat; background-size:cover; height:550px;}

	
	
   #mv .txt_wrap {color: #222; position: absolute; width: 90%;  top: 66%; left: 0;  margin-left: 5%; -webkit-transform:translateY(-50%); transform:translateY(-50%); /* padding: 0 75px; */z-index: 1; display:none;}
   #mv .btn {position: absolute; bottom: 12%;  left: 30px;  right: 30px; margin-left: 0; padding: 15px 0;} 
   #mv .btn1 {position: absolute; bottom: 6%;  left: 30px;  right: 30px; margin-left: 0; padding: 20px 0;} 
   
   #mv .txt_wrap .img2 { width:100%;}
   #mv .txt_wrap .img1 { width:75%; display:inline-block; padding-right:0px; padding-top:5px; transition:.25s;} 
   
   #mv .mv_links {position: absolute;left: 0;top: 100px;margin-left: 0;height:65px;display: block;justify-content:space-between;}
   #mv .mv_links a {display: block;align-items:center;padding:0 15px;transition:.25s;}
   #mv .mv_links a:hover {-webkit-transform:translate(-5px,-5px); transform:translate(-5px,-5px);	}
   #mv .mv_links img { height:45px;} 

	.ani_left{left: auto;top:25px;}
	.ani_left.move{left: auto;top:0;}
	.ani_right{right: auto;top: 25px;}
	.ani_right.move{ right: auto;top:0;}
	.ani_top1.move{opacity:1;top:auto; bottom: 40px;}
	.trans_d1,
	.trans_d2,
	.trans_d3,
	.trans_d4,
	.trans_d5,
	.trans_d6{transition-delay:0.2s;-moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;}

	.scrollx_768 { overflow-x: auto;  margin-top: 15px;  padding-top: 0;  background: url('/assets/images/sub/bg_hand.gif') 100% 0 no-repeat}
	.scrollx_768 img {width: 780px; max-width:none;}
	.scrollx_768 table {width:480px; max-width:none;}
	
	input[type=text],
    select { width: 100%; height: 40px; line-height: 40px; background-color: #fff; border: 1px solid #dfdfe1;  font-size: 12px; font-weight:500; color: #333; padding: 0 10px; }
    textarea {width: 100%; background-color: #fff; border: 1px solid #dfdfe1;  font-size: 12px; color: #333; font-weight:500; line-height: 150%; padding: 10px 5px;}

	#mv .slick-dots {bottom: 20px;}
	
	
	.m1 li { width: 100%; padding:50px 30px; height:100%;}
	.m1 li:nth-child(1) div {background:url('../images/main/m1_link1.png') 100% 100px no-repeat; color:#fff; height:170px; /*height:100px; background-size:35%;*/ }
	.m1 li:nth-child(1) { margin-bottom:30px;}
	.m1 li:nth-child(4n) {margin-right: 0px;  margin-top: 30px;}
	.m1 li:nth-child(2) { background-size:16%;}
	.m1 li:nth-child(4) div {background-size: auto;}
	
	.m1 h3 { font-size: 18px;}
	.m1 span { font-size:16px;}
	
	.pc { display:none}
   .m { display:block;}
	
}
	
@media all and (max-width:540px){
	
}
@media all and (max-width:486px){
	.txt88,
	.txt74,
	.txt72,
	.txt66,
	.txt62,
	.txt60{font-size:33px;}
	.txt56,
	.txt54{font-size:32px;}
	.txt50{font-size:28px;}
	.txt48,
	.txt45,
	.txt44{font-size:26px;}
	.txt42,
	.txt40{font-size:24px;}
	.txt38,
	.txt36,
	.txt34{font-size:20px;}
	.txt32,
	.txt30,
	.txt28{font-size:19px;}
	.txt26,
	.txt24{font-size:16px;}
	.txt22{font-size:15px;}
	.txt21{font-size:15px;}
	.txt20,
	.txt19,
	.txt18{font-size:15px;}
	.txt17,
	.txt16{font-size:14px;}
	.txt15{font-size:13px;}
	.txt14{font-size:12px;}
	.txt12{font-size:10px;}

	.inline_486 {display: inline;}
	.no_486 {display: none;}
	.block_486 {display: block;}


}