* { outline: none; }
body {-webkit-text-size-adjust:auto}
body { letter-spacing: 0; color: #202020; font-family:'notokr'; }
.body-wrap { width: 100%; }

/* header */
.header-wrap { position:relative; z-index: 2; width: 100%; height: 7.5rem;  background: #fff; }
.header-wrap::after { position: absolute; bottom: 0; left: 0; content: ""; display: inline-block; width: 100%; height: 0.5rem; background: url("../images/m_header_bar.png") no-repeat; background-size: 100%; }
.header-subwrap { position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 2.4rem 3.4rem; }
.header-subwrap > a { display: inline-block; width: 9.2rem; height: 2.6rem; }
.header-subwrap > a > img { width: 115%; height: 115% }
.header-subwrap .btn_open-sidenavi { position: absolute; right: 3.4rem; top: 50%; margin-top: -0.8rem; display: inline-block; padding: 0; width: 2.6rem; height: 1.8rem; background: none; }
.header-subwrap .btn_open-sidenavi > img { width: 100%; }
.sidenavi { display: none; position: fixed; right: -72.8%;; top: 7.5rem; width: 72.8%; height: 100%; padding: 0 1rem; background: #fff; }
.sidenavi li { padding: 2.9rem 0 2.9rem 2rem; border-bottom: 0.1rem solid #7A7A7A; }
.sidenavi li a { font-size: 2rem; line-height: 2rem; font-weight: 600; color: #202020; }
.btn_close-sidenavi { position: absolute; padding: 0; left: -22%; top: 1.9rem; display: inline-block; width: 4rem; height: 3.9rem; background: none; }
.btn_close-sidenavi > img { width: 100%; }
.dark-bg { display: none; background: #000; opacity: 0.5; width: 100%; height: 100%; position: fixed; top: 7.5rem; left: 0; z-index: -1; }

.header-wrap.typeB { background: none; }
.header-wrap.typeB::after { top: 0; }
.header-wrap.typeB .header-subwrap > a > img,
.header-wrap.typeB .btn_open-sidenavi > img { display: none; }
/*.header-wrap.typeB .header-subwrap > a::after { content: ""; display: inline-block; width: 9.2rem; height: 2.6rem; background: url("../images/m_header_logo_typeB.png") no-repeat; background-size: 100%; }*/
.header-wrap.typeB .header-subwrap > a::after { content: ""; display: inline-block; width: 115%; height:115%; background: url("../images/m_header_logo_typeB.png") no-repeat; background-size: 100%; }
.header-wrap.typeB .header-subwrap .btn_open-sidenavi::after { content: ""; display: inline-block; width: 2.6rem; height: 1.8rem; background: url("../images/m_header_btn-menu_typeB.png") no-repeat; background-size: 100%; }

/* header (main) */
.body-wrap.main .header-wrap { position: absolute; top: 0; left: 0; z-index: 2; }

/* footer */
.footer-wrap { width: 93.8666% !important; margin: 6rem auto 0 auto; padding-bottom: 3rem; }
.footer-subwrap > ul { padding-bottom: 2.8rem; border-bottom: 0.1rem solid #d9d9d9; }
.footer-subwrap > ul > li.addNum { display: block; margin-bottom: 0.8rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: #7A7A7A; }
.footer-subwrap > ul > li.guide { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: #7A7A7A; }
.footer-info a { margin: 3rem 0 2.2rem 0; display: inline-block; width: 10.1rem; height: 2.3rem; }
.footer-info a img { width: 100%; }
.footer-info .company-info > li { margin-bottom: 1rem; font-size: 1.2rem; line-height: 1.2rem;font-weight: 200; }

/* footer(detail page) */
.footer-wrap .ad-wrap > .ad { display: none; }
.footer-wrap .ad-wrap > .ad.on { display: block; }
.footer-subwrap > .ad-wrap > ul { padding-bottom: 2.8rem; border-bottom: 0.1rem solid #d9d9d9; }
.footer-subwrap > .ad-wrap > ul > li.addNum { display: block; margin-bottom: 0.8rem; font-size: 1rem; line-height: 1.5rem; font-weight: 600; color: #7A7A7A; }
.footer-subwrap > .ad-wrap > ul > li.guide { display: block; font-size: 1rem; font-weight: 400; line-height: 1.5rem; color: #7A7A7A; }

/* button */
.btn-wrap { margin: 3rem auto 0 auto; text-align: center; width: 93.8666%; }
.btn-wrap > a.btn { background: #fff; box-sizing: border-box; display: inline-block; width: 100%; height: 5rem; line-height: 5rem; border-radius: 5rem 5rem 5rem 5rem; font-size: 1.6rem; font-weight: 600; color: #000; }
.btn-wrap > a.btn.basic { border: 0.1rem solid #707070; box-shadow: 0.1rem 0.2rem 0.8rem #ccc; }
.btn-wrap > a.btn.taksen { border: 0.1rem solid #107773; color: #107773; box-shadow: 1px 3px 8px #ccc; background: #fff; }
.btn-wrap > a.btn.eve { border: 0.1rem solid #7B1219; color: #7B1219; box-shadow: 1px 3px 8px #ccc; }
.btn-wrap > a.btn.mg { border: 0.1rem solid #960000; color: #960000; box-shadow: 1px 3px 8px #ccc; }
.btn-wrap > a.btn.lady { border: 0.1rem solid #D01773; color: #D01773; box-shadow: 1px 3px 8px #ccc; }
.btn-wrap > a.btn.ibu { border: 0.1rem solid #232463; color: #232463; box-shadow: 1px 3px 8px #ccc; }
.btn-wrap > a.btn.dexi { border: 0.1rem solid #473477; color: #473477; box-shadow: 1px 3px 8px #ccc; }
.btn-wrap > a.btn.acet { border: 0.1rem solid #9D171C; color: #9D171C; box-shadow: 1px 3px 8px #ccc; }

/* video */
.video-scroll-wrap { position: relative; width: 100%; height: 100%; }
.video-scroll-box span.box { position: absolute; z-index: 2; }
.video-scroll-box span.box.left { top: 10%; left: 0; width: 34.0909%; height: 80%; }
.video-scroll-box span.box.right { top: 10%; right: 7%; width: 25.0909%; height: 80%; }
.video-scroll-box span.box.centerTop { top: 0; left: 21.3068%; width: 57.3863%; height: 30.3030%; }
.video-scroll-box span.box.centerBottom { bottom: 10.1010%; left: 21.3068%; width: 57.3863%; height: 20%; }