@charset "utf-8";

/* 레이아웃 - 공통 */
body {overflow-x:hidden;}
.main-wrap p, .main-wrap a {transition:all 0.5s ease-in-out; word-break:keep-all}
.hidden {display:none !important;}
.upper {text-transform:uppercase !important;}

/* ------------------------------------------------------------------------------- */
/* 메인 팝업 */
/* ------------------------------------------------------------------------------- */
	.main_pop1																					{ display:block; overflow:auto; width:auto; max-width:500px; width:100%; position:absolute; top:420px; left: 230px; z-index:9993; }

	.pop_content																					{ display:block; overflow-y:auto; width:100%;  }
	.pop_content a																				{ display:block; overflow:hidden; width:auto;  }
	.pop_content img																			{ overflow:hidden; width:auto; max-width:100%;  display:block; }
	.pop_footer_wrap																			{ display:block; overflow:hidden; background:#333; }
	.pop_footer_core																			{ display:block; overflow:hidden; margin:10px;  }
	.pop_footer_core a																		{ display:block; overflow:hidden; color:#fff; font-size:14px; }
	.day_close																						{ float:left; }
	.pop_close																						{ float:right; }

  .layer_popup { position:absolute; z-index:9999999999999999; visibility:visible; background-color: #fff; width:auto; max-width:100%; }
  .layer_popup img { display:block; overflow:hidden; width:100%; margin:0 auto; }
  .layer_popup_btns {  display:block; overflow:hidden; background:#333; padding:10px; font-size:12px;  }
  .layer_popup_btns a { color:#fff; }
  .layer_popup_btns .btn_left { display:block; overflow:hidden; color:#fff; float:left; }
  .layer_popup_btns .btn_right { display:block; overflow:hidden; color:#fff; float:right; }


/* ----------------------------------------------------------------------------- */
/* PLATE POPUP */
/* ----------------------------------------------------------------------------- */
.plate_pop_wrap { display:none; overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9880; }
.plate_pop_bg { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9881; background:rgba(0,0,0,.6); }
/* .plate_layer_wrap { display:block; overflow-y:auto; position:absolute; top:50%; left:50%; transform:translate(-50% ,-50%); width:90%; max-width:1100px; max-height:calc(100% - 100px); background:#fff; z-index:9882; } */

.plate_layer_wrap  { display:block; overflow:hidden; margin:0 auto; margin-bottom:30px; width:100%; max-width:1400px; }
.plate_layer_core { display:block; overflow:hidden; }
.plate_layer_top { display:block; overflow:hidden; margin-bottom:10px; /* padding-bottom:20px; border-bottom:1px solid #000; box-sizing:border-box; */ font-size:3rem; line-height:4rem; }
.plate_layer_cont { display:block; overflow:hidden; }
.plate_layer_etc { display:block; overflow:hidden; color:#ca0000; font-size:1.2rem; line-height:1.5rem; margin-bottom:10px; }
.plate_layer_tbx { display:block; overflow-x:auto; }
.plate_tb { border-top:2px solid #000; box-sizing:border-box; width:100%; text-align:center; font-size:1.3rem; word-break:break-all; min-width:1140px; }
.plate_tb thead th { padding:3px 5px; vertical-align:middle; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); box-sizing:border-box; background:#fffcc9; }
.plate_tb thead th:last-child { border-right:0; }
.plate_tb tbody td { padding:3px 5px; vertical-align:middle; border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1); box-sizing:border-box; }
.plate_tb tbody td:last-child { border-right:0; }
.plate_tb tbody td b { display:block; overflow:hidden; text-align:right; color:#ca0000; }
.plate_thum_btn { display:block; overflow:hidden;  width:100%; max-width:50px; margin:0 auto; }
.plate_thum_btn img { display:block; overflow:hidden; width:100%; }
.plate_layer_etc { display:block; overflow:hidden; margin-top:20px; }
.plate_layer_etc ul { display:block; overflow:hidden; }
.plate_layer_etc ul li { display:block; overflow:hidden; font-size:1.3rem; line-height:2rem; margin-top:5px; position:relative; padding-left:10px; }
.plate_layer_etc ul li::before { display:block; overflow:hidden; width:3px; height:3px; background:#333; border-radius:999px; position:absolute; top:8px; left:0; content:''; }

.plate_close_wrap { display:flex; flex-wrap:wrap; justify-content:end; align-items:center; position:fixed; top:15px; right:15px; z-index:9882; }
.plate_close_wrap a { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; color:#fff; font-size:1.3rem; line-height:2rem;  }


.plate_thum_pop { display:none; position:fixed; width:auto; max-width:95%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9981; /* max-height:95%;  */ max-height:95%; }
.plate_thum_box { display:block; overflow:hidden; }
.plate_thum_box img { display:block; overflow:hidden; width:auto; max-width:100%; max-height:100%; margin:0 auto; }
.plate_thum_close { display:block; overflow:hidden; position:absolute; top:-15px; right:-15px; width:30px; height:30px; line-height:34px; border-radius:999px; text-align:center; background:#000; color:#fff; font-size:14px; font-family: 'GmarketSansMedium'; }

.plate_open_btn { display:block; overflow:hidden; position:fixed; bottom:30px; right:10px; z-index:999; background:#fa002d; color:#fff; width:80px; height:80px; border-radius:999px; text-align:Center; }
.plate_open_inner { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); margin:0 10px; word-break:Keep-all; line-height:130%; font-size:16px; font-weight:bold; }

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */

#header {width:100%; height:80px; margin:0 auto; position:absolute; z-index:11; top:0; left:0; /* background:rgba(0, 0, 0, 0.36); */ background:#333;  transition:all 0.5s ease-in-out;}
body.main-wrap #header { background:rgba(0, 0, 0, 0.36) !important;  }
body.main-wrap #header.fixNav { background:#333; }

/* 로고 */
.header-in-wrap {width:98%; height:80px; margin:0 auto; max-width:1600px; transition:all 0.5s ease-in-out; position:relative; z-index:1; }
.header-in-wrap h1.logo {position:absolute; width:320px; left:0; top:50%;  transform:translateY(-50%); line-height:0; z-index:10;}
.header-in-wrap h1.logo a {display:block; overflow:hidden; width:100%;  }
.header-in-wrap h1.logo a img {width:100%; } 

/* 상단버튼 - 언어 */
.t-btn-lang { position:absolute; transition:all 0s ease-in-out; right:57px; width:74px; height:20px; top:50%;  transform:translateY(-50%); color:#fff; overflow:visible}  
.t-btn-lang > a {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%;}
.t-btn-lang > a .select-arrow {height:6px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(205deg) brightness(105%) contrast(101%);}
.t-btn-lang > a span {  font-family: "Libre Franklin", sans-serif; font-size:1.4rem; font-weight:600; line-height:0 }
.t-btn-lang > ul {display:none; position:absolute; width:100%; border:1px solid #575e62; margin-top:10px; border-top:none;}
.t-btn-lang > ul > li { border-top:1px solid #575e62;}
.t-btn-lang > ul > li > a {display:block; width:100%; height:3.0rem; line-height:3.0rem; box-sizing:border-box; padding:0 15px; font-family: "Libre Franklin", sans-serif; font-size:1.2rem; background:rgba(0, 0, 0, 0.36); }
.t-btn-lang > ul > li > a:hover {background:#1e84bf;}

/* 상단버튼 - 메뉴펼침버튼 */
.t-btn-menu {display:none;}

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {position:absolute; cursor:pointer; right:0; top:0; width:80px; height:80px; line-height:0; text-align:center; box-sizing:border-box; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; background:#fa002d;}
.t-btn-sitemap .bar { position: relative; display: block; width: 27px; height: 3px; margin: 5px 0; background: #fff; transition:all 0.5s ease-in-out; }
.t-btn-sitemap .bar:nth-of-type(1) {margin:0 0 5px 0;}
.t-btn-sitemap .bar:nth-of-type(2) {margin:0 0 0 0; }
.t-btn-sitemap .bar:nth-of-type(3) {margin: 5px 0 0 0;}

.t-btn-sitemap.sm-btn-on .bar:nth-of-type(1) {
	width: 32px;
	margin-top:0;
	-webkit-transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}

.t-btn-sitemap.sm-btn-on .bar:nth-of-type(2) {
	opacity: 0;
	margin: 0;
}

.t-btn-sitemap.sm-btn-on .bar:nth-of-type(3) {
	width: 32px;
	margin-bottom:0;
	-webkit-transform: translateY(-8px) rotate(45deg);
	-ms-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

/* 상단버튼 - 메뉴펼침버튼 */
.t-btn-menu {display:none;}

/* 상단메뉴 */
.top-menu-wrap {display:none;}


/* 전체 드롭다운 */
.gnb-menu-wrap {position:absolute; display:block; width:100%; max-width:100%; overflow:visible; background:none; left:0; top:0px; height:0; z-index:98; }
.gnb-menu-wrap > div {}
.gnb-bg {display:none;}
.gnb-menu-wrap .gnb-menu-area {height:0; overflow:visible;}
.gnb-menu-wrap .gnb-menu-area > .height-finder {width:100%; height:0; top:80px; transition:all 0.1s ease-in-out; position:relative;}
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:60px; background:rgba(0, 0, 0, 0.45); border-top:1px solid #000; border-bottom:1px solid #000;}
.gnb-menu-wrap .gnb-menu-area > .height-finder.sm-btn-on {height:60px; background:rgba(0, 0, 0, 0.36); border-top:1px solid #000; border-bottom:1px solid #000;}
.gnb-menu-area { }
.gnb-menu-area .gnb-menu-top {display:none;}
.gnb-menu-area .gnb-menu-top .close_btn {display:none;}
.gnb-menu-area .gnb-depth-1 {position:absolute; width:calc(85% - 290px); max-width:1150px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; left:50%; margin-left:-460px; z-index:9998; overflow:visible; display:flex;  }
.gnb-menu-area .gnb-depth-1 > li  {flex:fit-content; text-align:center; position:relative; z-index:9997}
.gnb-menu-area .gnb-depth-1 > li.gnb-depth-2 { margin-top:0; }
.gnb-menu-area .gnb-depth-1 > li > a {display:block; width:100%; height:80px; line-height:100px; font-size:1.9rem; color:#fff; }
.gnb-menu-area .gnb-depth-1 > li:hover > a {color:#ed1c24;}
.gnb-menu-area .gnb-depth-2  {height:0; overflow:hidden; position:absolute; z-index:9999; width:100%;  padding:10px 0 0 0; margin:0;  left:0; top:80px; }
.gnb-menu-area .gnb-depth-2 > li {width:100%; padding: 0 5px; clear:both; position:relative; margin:0 auto; height:auto;  box-sizing:border-box; word-break:keep-all; color:#fff;}
.gnb-menu-area .gnb-depth-2 > li:first-child {border-top:none;margin-top:0; }
.gnb-menu-area .gnb-depth-2 > li > a {
	background:none;  font-weight:normal;
	padding:0; display:block; height:auto; font-size:1.8rem; padding: 10px 0;background:none; letter-spacing:-0.5px }
.gnb-menu-area:hover .isDepth2 ul, 
.gnb-menu-area:focus .isDepth2:focus ul,
.gnb-menu-area .isDepth2 ul.sm-btn-on { height:auto; } 
.gnb-menu-area .isDepth2:hover ul li a:hover {background:#ed1c24;}
.gnb-menu-area .isDepth2 ul li a.on {background:#ed1c24; }

#header.fixNav { position:fixed; z-index:9870; height:80px; background:rgba(0, 0, 0, 0.7);  border-bottom:0px solid #dadada;}
#header.fixNav .header-in-wrap {height:80px;}
#header.fixNav .t-btn-sitemap {height:80px; }
#header.fixNav .gnb-menu-wrap {border-bottom:0px solid #dadada;}
#header.fixNav .gnb-menu-wrap .gnb-menu-area > .height-finder {top:80px;}
#header.fixNav .gnb-menu-area .gnb-depth-1 > li > a {height:80px; line-height:80px;  color:#fff;}
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:80px}


/* 퀵 */
#quick { display:block; position:fixed; z-index:999999; width:80px; right:0; margin:0; height:320px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); transition-duration:.3s; overflow:visible;}
#quick .icon_wrap {overflow: hidden; width:80px; height:320px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; overflow:visible;}
#quick .icon_wrap li {width:80px; height:80px; box-sizing:border-box; overflow:visible;}
#quick .icon_wrap li.q-1 {background:#e60013;}
#quick .icon_wrap li.q-2 {background:#004da0;}
#quick .icon_wrap li.q-3 {background:#ffffff;}
#quick .icon_wrap li.q-4 {background:#2a2929;}
#quick .icon_wrap li a {width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; line-height:0; overflow:visible;}
#quick .icon_wrap li a img {max-width:100%} 
#quick .icon_wrap li a span {transition:all 0.5s ease-in-out; color:#000; font-size:1.4rem; display:block; line-height:1.6rem; text-align:center;  word-break:keep-all;  left:0; font-family: 'GmarketSansMedium'; box-sizing:border-box; padding-right:10px; position:absolute; width:132px; height:41px; background:url('../images/quick_tit_bg.png') no-repeat center center; background-size:contain;display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0;} 
#quick .icon_wrap li a:hover span {left:-140px; opacity:1;}


/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
#fullpage {overflow:hidden;}
.page {width:100%; margin:0 auto; overflow:hidden; position:relative; }
.container {width:92%; position:relative; margin:0 auto; overflow:hidden; z-index:2; max-width:1500px; padding:120px 0}
.page-etit {font-family: "Libre Franklin", sans-serif; font-size:4.5rem; line-height:6.0rem; font-weight:900; color:#004ea2; text-align:center;}
.page-stit {font-family: "Libre Franklin", sans-serif; font-size:3.0rem; line-height:4.2rem; font-weight:500;}
.page-tit {font-size:6.5rem; line-height:7.5rem; letter-spacing:-1px; margin-top:30px; font-family: 'Pretendard-Bold'; font-weight:900; font-family: "Libre Franklin", sans-serif; }
.page-con {color:#757575; font-size:2.0rem; line-height:3.2rem; margin-top:30px; font-family:'BMWGroupTNProTT-Regular';}

.page-btn-wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:500px; margin:70px auto 0 auto; text-align:center; }
.page-btn { display:block; overflow:hidden; width:49%; background:#ed1c24; color:#fff; border-radius:10px; position:relative; }
.page-btn span { display:block; overflow:hidden; letter-spacing:-0.5px; position:relative; z-index:2;  }
.page-btn span.eng { font-family: "Libre Franklin", sans-serif; font-size:2.0rem; height:8.0rem; line-height:8.0rem; font-weight:500; color:#fff; transition-duration:.5s; }
.page-btn::before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:100%; background:#004ea2; content:''; transition-duration:.5s; }
.page-btn:hover::before { width:100%; }
/* .page-btn {width:273px; height:73px; background:#ed1c24; border-radius:5px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.page-btn span {letter-spacing:-0.5px; position:relative; z-index:2}
.page-btn span.eng {font-family: "Libre Franklin", sans-serif; font-size:2.0rem; height:2.0rem; line-height:2.0rem; font-weight:500; color:#fff;}
.page-btn img { position:relative; z-index:2; height:14px; filter: invert(87%) sepia(3%) saturate(10%) hue-rotate(314deg) brightness(81%) contrast(84%);}
.page-btn:hover {background:#004ea2;}
.page-btn:hover span { color:#fff;}
.page-btn:hover img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(205deg) brightness(105%) contrast(101%);} */


/*/// 메인 - 컨텐츠 공통 - end ///*/
/* ---- section #1 ---- */
.page1 {z-index:2; background:#f1e3ca; height:950px; } 
.page1 .container {width:100%; max-width:100%; padding:0}

/* 메인 롤링 */
#mainVisual {width:100%; margin:0 auto; height:950px; overflow:hidden; }
#mainVisual .m-slider-container {position:relative; z-index:10}
#mainVisual .swiper-wrapper {width:100%; margin:0 auto; height:950px; }
#mainVisual .swiper-slide {width:100%; height:950px; overflow:hidden; position:relative;}
#mainVisual .m-slider-01 {background:#d6f1ee url('../images/m_slider_01.jpg') no-repeat center center; background-size:cover;}
#mainVisual .m-slider-02 {background:#d6f1ee url('../images/m_slider_01.jpg') no-repeat center center; background-size:cover;}

.m-slider-control {position:relative; width:auto; overflow:visible; height:21px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;} 
.m-slider-control .m-slider-pagination {display:inline-flex; justify-content:center; align-items:center; flex-wrap:wrap; height:21px;  margin:0 10px;  vertical-align:middle;}
.m-slider-control .m-slider-pagination .swiper-pagination-bullet { text-align:center; color:#fff; display:inline-block; width:20px; height:30px; border-radius:0; background:none; opacity:1; position:relative; border:0px solid rgba(255, 255, 255, 0); margin:0 13px; border-radius:0; font-family: 'GmarketSansBold'; font-size:1.6rem; box-sizing:content-box; }
.m-slider-control .m-slider-pagination .swiper-pagination-bullet-active::before {content:''; display:block; position:relative; box-sizing:border-box; width:20px; height:3px; border-radius:0; background:none; opacity:1; position:absolute; left:0; bottom:0; background:#fff;  }
.m-slider-control .m-slider-pagination .swiper-pagination-bullet-active {}
.m-slider-control .m-slider-pagination .swiper-pagination-bullet-active::before {background:#fff; }

/* 컨트롤 */
.m-control-wrap {display:block; width:92%; margin:0 auto; max-width:1400px; display:flex; align-items:center; justify-content:center; position:relative; height:0; overflow:visible; top:-150px; z-index:200}
.m-autoplay-progress {display:flex; align-items:center; justify-content:center; position:relative; width:80px; height:80px;  z-index:200}
.m-autoplay-progress svg { position: absolute; left: 0; top: 0; z-index:10000; width:100%; height:100%; stroke-width:2px; stroke:#c32231; fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}
.m-autoplay-progress .bg { position: absolute; width:64px; height: 64px;border-radius: 50%; border: 3px solid rgba(255,255,255,.5);}

.m-autoplay-progress svg {
  animation: progress 5s;
}

@keyframes progress {
  0% {
    stroke-dashoffset: 125.664px;
  }

  90% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -125.664px;
  }
}

/* ---- section #2 ---- */
.page2 {background:url('../images/page2_bg.png') no-repeat right top;}
.page2 .container {}
.page2 .page-tit-wrap {text-align:center;}

.page2-icon-wrap {width:92%; margin:0 auto; max-width:920px; display: flex; justify-content: space-between; align-items: center; margin-top:40px; }
.page2-icon-wrap li {width:157px; height:157px; background:#f4f4f4; border-radius:50%;  display:flex; flex-direction:column; justify-content:center; align-items:center; }


/* ---- section #3 ---- */
.page3 {background:#f4f4f4}
.page3 .container {max-width:1902px;}
.page3 .page-tit-wrap {text-align:center;}
.page3 .page-tit-wrap .page3-tit {margin-top:0}
.m-product-wrap {display: flex;  justify-content: space-between; align-items: center; margin-top:70px}
.m-product-wrap .m-product {position:relative;}
.m-product-wrap .m-product a {position:relative; display:block; background:#000;}
.m-product-wrap .m-product a span {position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; font-weight:900; font-family: "Libre Franklin", sans-serif;  text-align:center; font-size:6.0rem; color:#fff;}
.m-product-wrap .m-product a img {width:100%; position:relative; z-index:1; }
.m-product-wrap .m-product a:hover img {opacity:0.5}


/* ---- section #4 ---- */
.page4 { }
.page4::before{content:''; position:absolute; left:0; bottom:0; width:100%; height:680px; background:#f1f3f3; display:block;}
.page4 .container {max-width:1902px; width:96%; display: flex;  justify-content: space-between; align-items: center; overflow:visible; padding:0}
.m-equip-tit {writing-mode: vertical-rl; font-size:5vw; line-height:17.5rem;}
.m-equip-tit p { font-family: 'BMWGroupTNProTT-Bold.woff'; font-weight:900; letter-spacing:-5px; color:#ed1c24; }
.m-equip-stit {writing-mode: vertical-rl; font-size:1.8rem; line-height:2rem; margin-bottom:20vw}
.m-equip-stit p {font-family: "Libre Franklin", sans-serif;  font-weight:900; color:#c4c4c4; }
.page4 .container .m-equip-wrap {width:92%; max-width:1360px; display: flex;  justify-content: space-between; align-items: flex-end; overflow:visible; padding:140px 0}
.page4 .page-thm-wrap {max-width:510px; width:37.5%;  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); }
.page4 .page-thm-wrap img {width:100%;}
.page4 .page-tit-wrap {max-width:840px; width:56%; text-align:left}
.page4 .page-tit-wrap .page4-stit {font-family: "Libre Franklin", sans-serif; font-size:2.4rem; font-weight:900; }
.page4 .page-tit-wrap .page4-tit {font-size:3.8rem; font-weight:600; line-height:4.5rem; margin-top:20px; letter-spacing:-1px}

.equip-list {width:100%; box-sizing:border-box; padding-left:90px; margin-top:54px; position:relative;}
.equip-list::before {content:''; position:absolute; display:block; left:0; top:18px; width:70px; height:2px; background:#ed1c24; }
.equip-list li {line-height:3.5rem; font-size:2.0rem; color:#757575; font-family: 'BMWGroupTNProTT-Regular.woff';}

.page4-btn-wrap {margin-top:80px; width:100%; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap;}
.page4-btn-wrap .page4-btn {margin:0; border:1px solid #ed1c24; background:none;}
.page4-btn-wrap .page4-btn span {color:#ed1c24;}
.page4-btn-wrap .page4-btn:hover {background:#ed1c24;}
.page4-btn-wrap .page4-btn:hover span {color:#fff}


/* ---- section #5 ---- */
.page5 {}
.page5::before{content:''; position:absolute; left:0; top:0; width:100%; height:490px; background:url('../images/page5_bg.jpg') no-repeat center center; background-size:cover; display:block; z-index:1}
.page5 .container {}
.page5 .page-tit-wrap {width:100%; color:#fff; text-align:Center;}
.page5-con {color:#fff;}

.m-tile-wrap {width:100%; overflow:hidden; position:relative; margin-top:120px; border-radius:10px}
.m-tile-wrap .m-tile-in {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; }
.m-tile-wrap .m-tile-in a {width:50%; height:280px; padding:70px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; flex-wrap:wrap; position:relative; box-sizing:border-box; background:url('../images/m_tile_bg1.jpg') no-repeat center center; background-size:cover;}
.m-tile-wrap .m-tile-in a:nth-child(2) {background:url('../images/m_tile_bg2.jpg') no-repeat center center; }
.m-tile-wrap .m-tile-in a div {position:relative; z-index:2; width:92%;}
.m-tile-wrap .m-tile-in a .tit-wrap { color:#fff; }
.m-tile-wrap .m-tile-in a .tit-wrap .etit {font-size:4rem; line-height:4rem; font-family: "Libre Franklin", sans-serif; font-weight:600; }
.m-tile-wrap .m-tile-in a .tit-wrap .btn {width:68px; height:68px; border-radius:50%; border:2px dotted #fff; border-radius:50%; margin-top:45px; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap;}
.m-tile-wrap .m-tile-in a .tit-wrap .btn span {font-size:3.6rem; font-family: "Libre Franklin", sans-serif; font-weight:600; width:46px; height:46px; border-radius:50%; background:#fff; color:#ed1c24; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap;}
.m-tile-wrap .m-tile-in a:hover .tit-wrap .btn {border:2px solid #fff;}
.m-tile-wrap .m-tile-in a:hover .tit-wrap .btn span {width:68px; height:68px; }

.m-link-wrap {width:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;  margin:0 auto; margin-top:120px}
.m-link-wrap .m-link {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap; position:relative;}
.m-link-wrap .m-link::before {content:''; display:block; height:122px;  background:#dadada; width:1px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.m-link-wrap .m-link:first-child::before {content:none;}
.m-link-wrap .m-link .tit {color:#383838; font-size:3.4rem; line-height:6rem; font-family: "Libre Franklin", sans-serif; font-weight:600;}
.m-link-wrap .m-link .con {font-size:1.8rem; color:#757575;}
.m-link-wrap .m-link:hover .tit {color:#ed1c24;}


/* ---- section #6 ---- */
.page6 {background:url('../images/page6_bg.jpg') no-repeat center center; background-size:cover; }
.page6 .container {}

.m-comm-wrap {width:100%; max-width:680px; margin:0 auto; margin-top:15vw;  color:#fff;}
.m-comm-wrap .comm-tit {font-size:3.6rem; font-family: "Libre Franklin", sans-serif; font-weight:900;}
.m-comm-wrap .comm-list {margin-top:30px}
.m-comm-wrap .comm-list li {line-height:4.2rem; font-size:2.7rem; font-family: "Libre Franklin", sans-serif; font-weight:900; box-sizing:border-box; padding-left:40px; position:relative; background:url('../images/check_icon.png') no-repeat left center; }


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

/* ---- footer ---- */
.footer {  }
.footer .container {width:100%; max-width:100%; padding:0;}

#footer {width:100%; /*border-top:1px solid #dadada;*/}
.main-wrap #footer {border:0}
.footer-in-wrap  {width:92%; max-width:1400px; margin:0 auto;  flex-wrap:wrap; padding:10px 0}
.footer-in-wrap .footer-in { width:100%; overflow:hidden;  display:flex; justify-content:flex-start; align-items:flex-end; flex-wrap:wrap; padding:0 0; gap:20px}
.footer-in-wrap .footer-in:first-child {border-bottom:1px solid #bababa;}
.footer-in-wrap .footer-in .copy-logo  {width:354px;}
.footer-in-wrap .footer-in .copy-logo img {width:100%; } 
.footer-in-wrap .footer-in .copy-logo2  {width:297px; margin-bottom:5px}
.footer-in-wrap .footer-in .copy-logo2 img {width:100%; } 

.footer-in-wrap .footer-in .copy-menu { display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
.footer-in-wrap .footer-in .copy-menu li {display:inline-block; padding:0 16px 0 18px; height:22px; line-height:22px; box-sizing:border-box; position:relative;}
.footer-in-wrap .footer-in .copy-menu li::before {content:''; display:block; width:3px; height:3px; box-sizing:border-box; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-1.5px; background:#434343;}
.footer-in-wrap .footer-in .copy-menu li:first-child {padding-left:0;}
.footer-in-wrap .footer-in .copy-menu li:first-child::before { content:none}
.footer-in-wrap .footer-in .copy-menu li a { font-size:1.6rem;color:#434343; font-family: 'BMWGroupTNProTT-Regular.woff';}
.footer-in-wrap .footer-in .copy-menu li a:hover {}

.footer-in-wrap .footer-in .copy-right {}
.footer-in-wrap .footer-in .copy-right address { width: 100%; display:block; overflow:hidden; font-size:1.8rem; line-height:2.5rem; word-break:keep-all; color:#434343; }
.footer-in-wrap .footer-in .copy-right address p { }
.footer-in-wrap .footer-in .copy-right address span {display:inline-block; padding-right:24px; }
.footer-in-wrap .footer-in .copy-right address span i { font-style:normal; }

.footer-in-wrap .footer-in p.cr {font-size:1.2rem; line-height:2.5rem; color:#434343; }



/*------------------------------------------------------------------------------------------------------------*/


/* 작은 PC용 CSS */
@media all and (max-width:1499px){

.plate_open_btn { bottom:30px; width:60px; height:60px; }
.plate_open_inner { font-size:14px; }

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:80px;}
.header-in-wrap { width: 98%; height:80px;}
.header-in-wrap h1.logo {width:160px;  }

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {width:60px; height:80px;}

/* 전체 드롭다운 */
.gnb-menu-wrap .gnb-menu-area > .height-finder { top:80px;}
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:50px;}
.gnb-menu-wrap .gnb-menu-area > .height-finder.sm-btn-on {height:50px;}
.gnb-menu-area .gnb-depth-1 {width:calc(96% - 250px); margin-left:0; left:190px}
.gnb-menu-area .gnb-depth-1 > li {flex:1}
.gnb-menu-area .gnb-depth-1 > li > a {height:80px; line-height:80px; font-size:1.7rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.gnb-menu-area .gnb-depth-1 > li > a span {line-height:23px;}
.gnb-menu-area .gnb-depth-2  {top:80px; }
.gnb-menu-area .gnb-depth-2 > li > a {font-size:1.6rem; padding:6px 0 }

#quick { width:90px; right:0;}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:90px 0}
.page-etit {font-size:3.6rem; line-height:4.0rem;}
.page-stit {font-size:2.8rem;  line-height:3.2rem; }
.page-tit {font-size:4.8rem; line-height:5.6rem; margin-top:20px; }
.page-con { font-size:1.8rem; line-height:2.4rem;margin-top:30px; }

.page-btn-wrap { margin-top:50px; }
.page-btn span.eng { font-size:1.7rem; height:7rem; line-height:7rem;}
.page-btn img { height:13px; }
/*/// 메인 - 컨텐츠 공통 - end ///*/

/* ---- section #1 ---- */
.page1 { height:650px; } 

/* 메인 롤링 */
#mainVisual { height:650px}
#mainVisual .swiper-wrapper { height:650px; }
#mainVisual .swiper-slide { height:650px; }

.m-slider-control {} 

/* 컨트롤 */
.m-control-wrap { top:-100px;}


/* ---- section #3 ---- */
.m-product-wrap { margin-top:50px}
.m-product-wrap .m-product a span {font-size:4.2rem; line-height:4.8rem}


/* ---- section #4 ---- */
.page4::before{height:360px; }
.page4 .container {width:98%; }
.m-equip-tit { line-height:12.5rem;}
.m-equip-stit { font-size:1.6rem;margin-bottom:20vw}
.page4 .container .m-equip-wrap {padding:50px 0}
.page4 .page-tit-wrap .page4-stit {font-size:2.0rem; }
.page4 .page-tit-wrap .page4-tit {font-size:3.0rem;  line-height:4.0rem; margin-top:15px;}

.equip-list { padding-left:70px; margin-top:30px;}
.equip-list::before {top:12px; width:55px; }
.equip-list li {line-height:3.0rem; font-size:1.7rem; line-height:2.4rem; margin-top:5px}

.page4-btn-wrap {margin-top:60px;}


/* ---- section #5 ---- */
.page5::before{height:400px; }

.m-tile-wrap {margin-top:80px; }
.m-tile-wrap .m-tile-in a { height:240px; padding:50px;}
.m-tile-wrap .m-tile-in a div { width:100%;}
.m-tile-wrap .m-tile-in a .tit-wrap .etit {font-size:3.2rem; line-height:3.2rem; }
.m-tile-wrap .m-tile-in a .tit-wrap .btn {width:58px; height:58px; margin-top:40px; }
.m-tile-wrap .m-tile-in a .tit-wrap .btn span {font-size:3.2rem;  width:42px; height:42px; }
.m-tile-wrap .m-tile-in a:hover .tit-wrap .btn span {width:58px; height:58px; }

.m-link-wrap {margin-top:90px}
.m-link-wrap .m-link::before { height:90px;}
.m-link-wrap .m-link .icon {}
.m-link-wrap .m-link .icon img {height:60px}
.m-link-wrap .m-link .tit {font-size:2.8rem; line-height:4.5rem; }
.m-link-wrap .m-link .con {font-size:1.6rem; }


/* ---- section #6 ---- */
.m-comm-wrap {  max-width:600px}
.m-comm-wrap .comm-tit {font-size:3.0rem; }
.m-comm-wrap .comm-list {margin-top:25px}
.m-comm-wrap .comm-list li {line-height:3.6rem; font-size:2.4rem; padding-left:30px; background-size:20px }


}



/* 태블릿 CSS */
@media all and (max-width:1023px){
/* ------------------------------------------------------------------------------- */
/* 메인 팝업 */
/* ------------------------------------------------------------------------------- */
	.main_pop1																					{ top:70px; }

.plate_open_btn { bottom:30px; width:60px; height:60px; }
.plate_open_inner { font-size:14px; }

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:70px;}
.header-in-wrap {width: 96%; height:70px;}

/* 상단버튼 - 언어 */
.t-btn-lang { width:60px; height:20px; }  
.t-btn-lang > a img {height:15px}
.t-btn-lang > a .select-arrow {height:5px; }
.t-btn-lang > a span { font-size:1.3rem; }
.t-btn-lang > ul > li > a {height:2.4rem; line-height:2.4rem; padding:0 12px; }

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {display:none;}

/* 상단버튼 - 메뉴펼침버튼 */
.t-btn-menu {display:block; position:absolute; cursor:pointer; right:10px; top:50%; margin-top:-8.5px; width:25px; height:17px; line-height:0; text-align:center; }
.t-btn-menu  a {display:block; }
.t-btn-menu .bar { position: relative; display: block; width:25px; height: 3px; margin: 4px 0; background: #fff; transition:all 0.5s ease-in-out; }
.t-btn-menu .bar:nth-of-type(1) {margin:0 0 4px 0;}
.t-btn-menu .bar:nth-of-type(2) {margin:0;}
.t-btn-menu .bar:nth-of-type(3) {margin: 4px 0 0 0;}

/* 상단버튼 - 검색 
#t-btn-srch { right:95px; }
*/

/* 메뉴 - GNB */ 
/* 전체 드롭다운 */
.gnb-menu-wrap {width:80%; max-width:480px; height:100%; left:auto; position:fixed; top:0; right:0; z-index:99999; display:none;}
.gnb-menu-wrap > div {height:100%; width:100%; position:relative; margin:0 auto; overflow-x:hidden;}
.gnb-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.68; z-index:4900; display:none;}

.gnb-menu-wrap .gnb-menu-area {display:block;width:100%; position:absolute; top:0; height:100%; overflow-y:scroll; z-index:9999999;  background:#194e9c;}
.gnb-menu-wrap .gnb-menu-area > .height-finder { top:auto; }
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:auto; background:none; border-top:0; border-bottom:0}

.gnb-menu-area .gnb-menu-top {display:block;width:80%; margin:20px auto; position:relative; overflow:hidden;}
.gnb-menu-area .gnb-menu-top .t-close-btn {display:block; text-align:right; overflow:hidden;  padding:25px 0;}

.gnb-menu-area .gnb-depth-1 {position:relative; left:0; margin-left:0; width:80%; margin: 0 auto; margin-bottom:80px; display:block;}
.gnb-menu-area .gnb-depth-1 > li { width:100%;  text-align:left;}
.isDepth2	 { margin-top:20px; }
.isDepth2:first-child {margin-top:0; }
.gnb-menu-area .gnb-depth-1 > li.long {width:100%}
.gnb-menu-area .gnb-depth-1 > li > a {display:block; line-height:24px; height:24px; color:#fff; font-size:1.8rem; text-align:left; font-family: 'Pretendard-Bold'; }
.main-wrap .gnb-menu-area .gnb-depth-1 > li > a {color:#fff; }
.gnb-menu-area .gnb-depth-1 > li:hover > a {color:#fff; }
.gnb-menu-area .gnb-depth-1 > li > a span {line-height:24px; height:24px; }
.gnb-menu-area .gnb-depth-2 {height:auto; position:relative; top:auto; width:100%; margin-left:0; left:auto; padding-top:5px}
.gnb-menu-area .gnb-depth-2 > li {background:none; padding:0}
.gnb-menu-area .gnb-depth-2 > li > a {color:#fff; font-size: 1.4rem; padding:5px 0}
.gnb-menu-area .isDepth2:hover ul li a:hover {background:none}
.gnb-menu-area .isDepth2 ul li a.on {background:none}


#header.fixNav { position:fixed; z-index:9999; height:70px; border-bottom:0px solid #dadada;}
#header.fixNav .header-in-wrap {height:70px}
#header.fixNav .header-in-wrap h1.logo {display:block}
#header.fixNav .t-btn-menu {}
#header.fixNav .gnb-menu-area .gnb-depth-1 > li > a { line-height:24px; height:24px; color:#fff;}
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:auto}

/* 퀵 */
#quick { position:fixed; width:100%; bottom:0; height:60px;  top:auto; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); border-radius:0}
#quick .icon_wrap { width:100%; height:60px; display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; flex-direction:row; border-radius:0}
#quick .icon_wrap li {flex:1; height:60px; width:auto; border-radius:0; }
#quick .icon_wrap li a {height:60px; }
#quick .icon_wrap li a img { width:20px; }
#quick .icon_wrap li a span {display:none}
#quick .icon_wrap li a:hover span {left:auto; }

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:70px 0}
.page-etit {font-size:3.2rem; line-height:3.6rem;}
.page-stit {font-size:2.4rem;  line-height:2.8rem; }
.page-tit {font-size:4.0rem; line-height:4.8rem; margin-top:20px; }
.page-con { font-size:1.6rem; line-height:2.4rem; margin-top:25px; }

.page-btn span.eng { font-size:1.7rem; height:5rem; line-height:5rem;}
.page-btn img { height:13px; }
/*/// 메인 - 컨텐츠 공통 - end ///*/

/* ---- section #1 ---- */
.page1 { height:550px; } 

/* 메인 롤링 */
#mainVisual { height:550px}
#mainVisual .swiper-wrapper { height:550px; }
#mainVisual .swiper-slide { height:550px; }
#mainVisual .swiper-slide .tit-wrap { height:550px;}

/* 컨트롤 */
.m-control-wrap { top:-100px;}


/* ---- section #2 ---- */
.page2-icon-wrap {margin-top:35px; max-width:700px }
.page2-icon-wrap li {width:110px; height:110px; }
.page2-icon-wrap li img {height:60px}


/* ---- section #3 ---- */
.m-product-wrap { margin-top:40px}
.m-product-wrap .m-product a span {font-size:3.2rem; line-height:3.6rem}


/* ---- section #4 ---- */
.page4::before{height:540px; }
.page4 .container {width:98%; }
.m-equip-tit { line-height:12.5rem;}
.m-equip-stit { font-size:1.6rem;margin-bottom:20vw}
.page4 .container .m-equip-wrap {padding:50px 0; display:block; max-width:540px;}
.page4 .container .m-equip-wrap .page-thm-wrap {width:100%; height:320px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.page4 .page-tit-wrap { width:100%; margin-top:35px}
.page4 .page-tit-wrap .page4-stit {font-size:2.0rem; }
.page4 .page-tit-wrap .page4-tit {font-size:3.0rem;  line-height:4.0rem; margin-top:15px;}

.equip-list { padding-left:70px; margin-top:30px;}
.equip-list::before {top:12px; width:55px; }
.equip-list li {line-height:3.0rem; font-size:1.7rem; line-height:2.4rem; margin-top:5px}

.page4-btn-wrap {margin-top:60px;  justify-content:center; margin-top:60px;}


/* ---- section #5 ---- */
.page5::before{height:350px; }

.m-tile-wrap {margin-top:60px; }
.m-tile-wrap .m-tile-in a { height:200px; padding:40px;}
.m-tile-wrap .m-tile-in a .tit-wrap .etit {font-size:2.6rem; line-height:3.0rem; }
.m-tile-wrap .m-tile-in a .tit-wrap .btn {width:52px; height:52px; margin-top:30px; }
.m-tile-wrap .m-tile-in a .tit-wrap .btn span {font-size:2.8rem;  width:36px; height:36px; }
.m-tile-wrap .m-tile-in a:hover .tit-wrap .btn span {width:52px; height:52px; }

.m-link-wrap {margin-top:70px}
.m-link-wrap .m-link .icon img {height:55px}
.m-link-wrap .m-link .tit {font-size:2.4rem; line-height:4.0rem; }
.m-link-wrap .m-link .con {font-size:1.5rem; }

/* ---- section #6 ---- */
.m-comm-wrap { margin-top:30vw; max-width:600px}
.m-comm-wrap .comm-tit {font-size:2.6rem; }
.m-comm-wrap .comm-list {margin-top:20px}
.m-comm-wrap .comm-list li {line-height:3.2rem; font-size:2.0rem; padding-left:30px; background-size:20px }

/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

/* ---- footer ---- */

#footer {width:100%; }
.footer-in-wrap  {padding:50px 0 80px 0}
.footer-in-wrap .footer-in { width:100%; overflow:hidden; }
.footer-in-wrap .footer-in:first-child { width:100%; }

.footer-in-wrap .footer-in .copy-menu li { padding:0 12px 0 14px; height:22px; line-height:22px;}
.footer-in-wrap .footer-in .copy-menu li::before { width:3px; height:3px;  margin-top:-1.5px;}
.footer-in-wrap .footer-in .copy-menu li a { font-size:1.5rem;}

.footer-in-wrap .footer-in .copy-right-wrap { padding:25px 0 0 0; }
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address {width: 100%; display:block; overflow:hidden; font-size:1.5rem; line-height:2.4rem; }
.footer-in-wrap .footer-in .copy-right-wrap .copy-right address .cr {margin-top:1px;  font-size:1.4rem; line-height:2.2rem; }

.copy-privacy {margin-top:25px;  font-size:1.4rem;}

.copy-count {margin:0 auto; margin-top:30px; max-width:240px;}

}



/* 모바일 CSS */
@media all and (max-width:767px){
/* ------------------------------------------------------------------------------- */
/* 메인 팝업 */
/* ------------------------------------------------------------------------------- */
	.main_pop1																					{ top:60px; }
.plate_open_btn { bottom:20px; width:40px; height:40px; }
.plate_open_inner { font-size:10px; }

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:60px;}
.header-in-wrap {width:92%; height:60px;}
.header-in-wrap h1.logo {width:150px;}

#header.fixNav { height:55px;}
#header.fixNav .header-in-wrap {height:55px}
#header.fixNav .t-btn-call {height:55px;}
#header.fixNav .t-btn-map {height:55px;}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:50px 0}
.page-stit {font-size:1.8rem;  line-height:2.4rem; }
.page-tit {font-size:2.8rem; line-height:3.2rem; margin-top:15px; }
.page-con { font-size:1.5rem; line-height:2.2rem; margin-top:15px; }

.page-btn-wrap { margin-top:40px; }
.page-btn span.eng { font-size:1.6rem; height:5rem; line-height:5rem;}
/*/// 메인 - 컨텐츠 공통 - end ///*/

/* ---- section #1 ---- */
.page1 { height:300px; } 

/* 메인 롤링 */
#mainVisual { height:300px}
#mainVisual .swiper-wrapper { height:300px; }
#mainVisual .swiper-slide { height:300px; }
#mainVisual .swiper-slide .tit-wrap { height:300px;}

/* 컨트롤 */
.m-control-wrap { top:-50px;}

/* ---- section #2 ---- */
.page2-icon-wrap {margin-top:30px;  justify-content: center; flex-wrap:wrap; gap:15px}
.page2-icon-wrap li {width:80px; height:80px; }
.page2-icon-wrap li img {height:40px}


/* ---- section #3 ---- */
.m-product-wrap {  display:block; max-width:480px; margin:0 auto; margin-top:30px;}
.m-product-wrap .m-product a {line-height:0; display:flex; flex-direction:column; justify-content:center; align-items:center; height:180px; overflow:hidden;}
.m-product-wrap .m-product a span {font-size:2.6rem; line-height:3.2rem}


/* ---- section #4 ---- */
.page4::before{height:840px; }
.page4 .container {width:92%; display:block; padding:40px 0 }
.m-equip-tit { line-height:4.8rem; writing-mode:initial; letter-spacing:0}
.m-equip-stit { font-size:1.6rem;margin-bottom:0; writing-mode:initial; order:2; display:none}
.page4 .container .m-equip-wrap {padding:10px 0; display:block; max-width:540px; order:3; }
.page4 .container .m-equip-wrap .page-thm-wrap {height:240px; }
.page4 .page-tit-wrap { width:100%; margin-top:35px}
.page4 .page-tit-wrap .page4-stit {font-size:1.6rem; }
.page4 .page-tit-wrap .page4-tit {font-size:2.4rem;  line-height:3.0rem; margin-top:15px;}

.equip-list { margin-top:30px; padding:0;padding-top:15px}
.equip-list::before {top:0; width:55px; }
.equip-list li {font-size:1.5rem; line-height:2.0rem; margin-top:5px; }

.page4-btn-wrap {margin-top:30px;}


/* ---- section #5 ---- */
.page5::before{height:350px; }

.m-tile-wrap {margin-top:40px; }
.m-tile-wrap .m-tile-in {width:100%;}
.m-tile-wrap .m-tile-in a { width:100%; height:150px; padding:30px;}
.m-tile-wrap .m-tile-in a .tit-wrap  {display:flex; flex-direction:column; justify-content:center; align-items:center; }
.m-tile-wrap .m-tile-in a .tit-wrap .etit {font-size:2.0rem; line-height:3.0rem; }
.m-tile-wrap .m-tile-in a .tit-wrap .btn {width:42px; height:42px; margin-top:20px; }
.m-tile-wrap .m-tile-in a .tit-wrap .btn span {font-size:2.4rem;  width:32px; height:32px; }
.m-tile-wrap .m-tile-in a:hover .tit-wrap .btn span {width:42px; height:42px; }

.m-link-wrap {max-width:240px; margin:0 auto; margin-top:30px; display:block}
.m-link-wrap .m-link { width:100%;padding:20px 0}
.m-link-wrap .m-link::before {width:122px; left:50%; margin-left:-61px; background:#dadada; height:1px; top:auto; top:0; transform:none;}
.m-link-wrap .m-link .icon img {height:35px}
.m-link-wrap .m-link .tit {font-size:2.0rem; line-height:3.4rem; }
.m-link-wrap .m-link .con {font-size:1.4rem; }

/* ---- section #6 ---- */
.m-comm-wrap { margin-top:30vw; max-width:600px}
.m-comm-wrap .comm-tit {font-size:2.4rem; }
.m-comm-wrap .comm-list {margin-top:20px}
.m-comm-wrap .comm-list li {line-height:2.0rem; font-size:1.6rem; padding-left:23px; background:url('../images/check_icon.png') no-repeat left top 5px; background-size:15px; margin-top:10px; }

/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

/* ---- footer ---- */

#footer {width:100%; }
.footer-in-wrap  {padding:20px 0}
.footer-in-wrap .footer-in { width:100%; overflow:hidden; padding:20px 0}
.footer-in-wrap .footer-in:first-child { width:100%; }

.footer-in-wrap .footer-in .copy-logo  {width:200px;}
.footer-in-wrap .footer-in .copy-logo img {width:100%; } 
.footer-in-wrap .footer-in .copy-logo2  {width:200px; margin-bottom:0}
.footer-in-wrap .footer-in .copy-logo2 img {width:100%; } 
.footer-in-wrap .footer-in .copy-menu {margin-top:20px}
.footer-in-wrap .footer-in .copy-menu li { padding:0 12px 0 14px; height:22px; line-height:22px;}
.footer-in-wrap .footer-in .copy-menu li::before { width:3px; height:3px;  margin-top:-1.5px;}
.footer-in-wrap .footer-in .copy-menu li a { font-size:1.3rem;}

.footer-in-wrap .footer-in .copy-right address {font-size:1.3rem; line-height:2.4rem; }
.footer-in-wrap .footer-in .copy-right address span {display:block;}
.footer-in-wrap .footer-in p.cr {font-size:1.3rem; line-height:2.4rem;  color:#434343;  }




}