*, h1, h2, h3, h4, h5, h6 {font-family: 'IBMPlexSansKR', sans-serif;}
ul, li {list-style: none;}
.montserrat {font-family: 'Montserrat', sans-serif;}
.paybooc {font-family: 'paybooc', sans-serif;}
.block{display: block !important;}
body{overflow: hidden;}

/* Header */
header {position: fixed; z-index: 998; display: flex; width: 100%; height: 100px; background-color: #fff; justify-content: center; border-bottom: 1px solid #e6e6e6; transition: all 0.3s; top: 0;}
header:hover {background:#fff;}
header > a {position: absolute; left: 60px; top: 25px;}
/* header > .nav {display: flex; justify-content: space-between; width: 100%; max-width: 41.66%;}
header > .nav > .nav__layer {display: none; position: absolute; top: 100px; left: 0; width: 100%; height: 300px; background-color: #fff; z-index: 9998;}
header > .nav > .nav__layer img{max-width: 460px; width: 23.95%;}
header > .nav > li {position: relative; align-self: center; height: 100%; width: 25%;}
header > .nav > li > a {font-size: 20px; color: #000; text-align: center; font-weight: 300; display: block; height: 100%; line-height: 100px;}
header > .nav > li:hover::after {content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -100px; width: 200px; height: 4px; background-color: #0068b7}
header > .nav > li:hover > a {font-weight: 500; color: #0068b7;}
header > .nav > li > ul {display: none; position: absolute; left: 50%; top: 100px; width: 100%; height: 300px; transform: translateX(-50%); background-color: #fff; padding: 30px 0px; box-sizing: border-box; z-index: 9999;}
header > .nav > li > ul > li {text-align: center;}
header > .nav > li > ul > li > a {color: #666; font-size: 18px; line-height: 40px;}
header > .nav > li > ul > li > a:hover {color: #000;} */


header > nav{display: flex; justify-content: space-between; width: 100%; max-width: 41.66%;}
header > nav .main__menu{display: flex; width: 100%;}
header > nav .main__menu .menu {align-self: center; height: 100px; width: 25%;}
.menu .menu__subject{position: relative; font-size: 20px; color: #000; text-align: center; font-weight: 300; display: block; height: 100%; line-height: 100px; cursor: pointer; white-space: nowrap;}
header > nav .main__menu .menu:hover .menu__subject::after {content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -100px; width: 200px; height: 4px; background-color: #0068b7;}
header > nav .main__menu .menu:hover .menu__subject {font-weight: 500; color: #0068b7;}
header > nav .main__menu .menu:hover .menu__subject a {color: #0068b7 !important;}
.header__sub{width: 100%; height: 0px; position: absolute; top: 100px; background: #fff; z-index: 99; overflow: hidden;}
.header__sub .nav__layer {display: none; position: absolute; top: 0px; right: 0; width: 100%; height: 300px; background-color: #fff; z-index: 9998;}
.header__sub .nav__layer img{max-width: 460px; width: 23.95%;}

.header__sub__menu{width: 100%; position: absolute; margin:0 auto; left:0px; right:0px; z-index: 100; background-color: #fff;}
/* header > nav .main__menu .menu:hover .header__sub__menu{display: flex; transition: .5s;} */
.sub__menu01 .first-depth .third-depth a:hover{font-weight: 400;}
.header__sub__menu .first-depth h5 a:hover{font-weight: 400;}

/* flex로 */
.sub__menu01{height: 0px; overflow: hidden;}
/* 410 */
.sub__menu01 .second-depth{font-size: 18px; font-weight: 300;}
.sub__menu01 .second-depth i{margin-left: 6px; font-size: 14px; color: #0068b7;}
.sub__menu01 .first-depth .third-depth li{margin: 15px !important;}
.sub__menu01 .first-depth .third-depth a{font-size: 18px; font-weight: 300;}

.sub__menu02{height: 0px; overflow: hidden;}
/* 100 */
.sub__menu02 h3{padding: 0 !important;}
.sub__menu02 {align-items: center;}
.sub__menu02 .first-depth{width: 80% !important;}
.sub__menu02 .first-depth h5{padding: 0 !important;}

.sub__menu03{height: 0px; overflow: hidden;}
.sub__menu03 h3{padding: 0 !important;}
.sub__menu03 .first-depth{width: 80% !important;}
.sub__menu03 {align-items: center;}
.sub__menu03 .first-depth h5{padding: 0 !important;}

.sub__menu04{height: 0px; overflow: hidden;}
.sub__menu04 h3{padding: 0 !important;}
.sub__menu04 .first-depth{width: 80% !important;}
.sub__menu04 {align-items: center;}
.sub__menu04 .first-depth h5{padding: 0 !important;}

.sub__menu05{height: 0px; overflow: hidden;}
.sub__menu05 h3{padding: 0 !important;}
.sub__menu05 .first-depth{width: 80% !important;}
.sub__menu05 {align-items: center;}
.sub__menu05 .first-depth h5{padding: 0 !important;}

.header__sub__menu__contents{padding: 30px; display: flex; justify-content: center; max-width:1200px; margin:0 auto; width:100%;}
.header__sub__menu h3{width: 15%; padding: 15px 0 0; font-size: 18px; font-weight: 500; border-right: 1px solid #e5e5e5; color: #0068b7;}
.header__sub__menu .first-depth{width: 42.5%; display: flex; border-right: 1px solid #e5e5e5;}
.header__sub__menu .first-depth:last-child{border-right: 0;}
.header__sub__menu .first-depth h5{width: 50%; padding: 15px 0 0; text-align: center; border-right: 1px solid #e5e5e5;}
.header__sub__menu .first-depth h5 a{font-size: 18px; font-weight: 300;}
.header__sub__menu .first-depth .third-depth{width: 50%;}
.header__sub__menu .first-depth .third-depth li{padding: 0 20px; margin: 15px 0; box-sizing: border-box;}

header > .util {position: absolute; right: 60px; top: 42px; display: flex;}
header > .util > .util__nav {position: relative; display: flex; margin-right: 25px;}
header > .util > .util__nav::before {content: ""; position: absolute; top: 5px; right: -4px; width: 1px; height: 14px; background-color: #d8d8d8;}
header > .util > .util__nav > li {position: relative; margin-right: 15px;}
header > .util > .util__nav > li:last-of-type::before {display: none;}
header > .util > .util__nav > li::before {content: ""; position: absolute; width: 3px; height: 3px; background-color: #666666; border-radius: 50%; top: 9px; right: -9px;}
header > .util > .util__nav > li > a {color: #666; font-size: 15px; font-weight: 300;}
header > .util > a {align-self: center;}


/* 모바일 메뉴 스타일 */
.toggle-mobile{display: none;}
.moblie__menubar{position: fixed; width: 100%; height: 100%; top: 0; right: -100%; z-index: 9999; transition: all .5s; background-color: #fff; overflow: auto;}
.mobile__menubar__inner{width: 90%; margin: auto; padding: 1rem 0; overflow: auto;}
.mob_category{position: relative;}
.mob-category__close{position: absolute; right: 0; cursor: pointer; font-size: 1.8rem; top: -9px;}
.mobile_menu_wrap{margin-top: 1rem;}
.mobile_sub_menu>li{width: 100%; border-bottom: 1px solid #ddd;}
.mobile_sub_menu li .mobiile__subject{display: block; height: 100%; line-height: 2.5rem; font-size: 1rem;}
.mobile_sub_menu--second{padding: 20px; background-color: #fafafa; display: none;}
.mobile_sub_menu--second:last-child{padding-top: 0;}
.mobile_sub_menu--second.single{padding: 15px;}
.mobile_sub_menu--second.single .second-depth{margin: 8px 0; font-weight: 400;}

.mobile_sub_menu--second .second-depth{font-size: 1rem; font-weight: 500;}
.mobile_sub_menu--second .second-depth i{font-size: 0.8rem; margin-left: 6px;}
.mobile_sub_menu--second .second-depth.color{color: #0068b7; border-bottom: 1px solid #e5e5e5; line-height: 2;}
.mobile_sub_menu--second .third-depth{margin-top: 10px;}
.mobile_sub_menu--second .third-depth li{padding-left: 0.6rem; margin: 5px 0;}
.mobile_sub_menu--second .third-depth li a{font-size: 1rem;}
/* .mobile_sub_menu--depth{ width: 100%; margin-top: 10px; display: none;} */
/* .mobile_sub_menu--depth>li{ padding: 8px 14px; background-color: #eee;}
.mobile_sub_menu--depth>li>a{font-size: 1rem; line-height: 1.11; letter-spacing: normal;} */

.dim_background{width: 100%; height: 100%; background-color: rgba(0,0,0,.4); position: absolute; z-index: 2; display: none;}





/* Section */
.section {position: relative; width: 100%;}
.section .section__wrap {position: relative; width: 100%; max-width: 1140px; margin: 0 auto;}
/* Section_Main */
.section__main__01 {text-align: center;}
.section__main__01 video {width:100%; height:100vh; object-fit: cover;}
.swiper-slide{height: initial;}
.slide03{background-image: url('../img/tyent_main_visual_3.png'); background-repeat: no-repeat; background-size: cover; position: relative;}
.slide04{background-image: url('../img/main_visual_4.png?ver=2'); background-repeat: no-repeat; background-size: cover; position: relative;}
.slice_text{position: absolute; top: 20%; max-width: 1200px; width: 95%; left: 50%; margin-left: -600px;}
.slice_text p{ font-size: 28px; font-family: 'IBMPlexSansKR', sans-serif; font-weight: 500; line-height: 1.39; color: #fff;}
.slice_text h2{ font-size: 50px; font-family: 'IBMPlexSansKR', sans-serif; font-weight: 500; line-height: 1.39; color: #fff;}
.slice_text.black_style p, .slice_text.black_style h2{color: #000;}
.swiper-button-next, .swiper-button-prev{color: #000;}
.swiper-pagination-bullet {width:20px; height:20px; margin:0px 10px !important; border:1px solid #666; background:#fff;}
.swiper-pagination-bullet-active{background-color: #fff;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;}
/*.section__main__01 video {position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: -1;}*/

.section__main__02 {background-color: #fff; padding: 138px 0px; text-align: center;}
.section__main__02 > .section__wrap > h1 {font-size: 40px; font-weight: bold; color: #232323;}
.section__main__02 > .section__wrap > img {margin: 50px 0px 29px 0px; max-width: 416px; width: 80%;}
.section__main__02 > .section__wrap > p {font-size: 18px; line-height: 25px; font-weight: 300; color: #232323; word-break: keep-all;}
.section__main__02 > .section__wrap > h2 {font-size: 26px; font-weight: bold; color: #232323; margin-bottom:20px;}
.section__main__02 > .section__wrap > .section__main__02__ul {display: flex; justify-content: space-between; margin-top: 75px;}
.section__main__02 > .section__wrap > .section__main__02__ul > li {position: relative; max-width: 320px; width: 28.07%; height: 540px; display: flex; align-items: flex-end; background-size: cover; background-repeat: no-repeat; background-position: center; cursor:pointer;}
.section__main__02 > .section__wrap > .section__main__02__ul > li:nth-of-type(1) {background-image: url('../img/content/section__main__02_02.png')}
.section__main__02 > .section__wrap > .section__main__02__ul > li:nth-of-type(2) {margin-top: 60px; background-image: url('../img/content/section__main__02_03.png')}
.section__main__02 > .section__wrap > .section__main__02__ul > li:nth-of-type(3) {background-image: url('../img/content/section__main__02_04.png')}
.section__main__02 > .section__wrap > .section__main__02__ul > li > a {display: flex; flex-direction: column; width: 100%; justify-content: flex-end}
.section__main__02 > .section__wrap > .section__main__02__ul > li > a > h1 {font-size: 30px; line-height: 40px; color: #fff;}
.section__main__02 > .section__wrap > .section__main__02__ul > li > a > p {padding: 0 15px; font-size: 16px; line-height: 25px; color: #fff; font-weight: 300; word-break: keep-all;}
.section__main__02 > .section__wrap > .section__main__02__ul > li > a > img {width: 36px; height: 23px; align-self: center; margin: 33px 0px 49px 0px;}

.section__main__03 {background: url('../img/content/bg_alkaline.png') no-repeat center/cover; height:1080px; display: flex; align-items: center; justify-content: center; padding: 0 100px;}
.section__main__03 .img_alkaline{width: 59.06%; max-width: 1134px; margin-top: 7%;}
.section__main__03 > .section__wrap {align-self: center; color: #fff; max-width: initial; width: 38%; margin: initial; margin-right: 2.94%;}
.section__main__03 > .section__wrap > p {font-size: 30px; line-height: 80px; color: #fff; font-weight: 300;}
.section__main__03 > .section__wrap > h1 {font-size: 60px; line-height: 80px; color: #fff; font-weight: bold;}
.section__main__03 > .section__wrap > h2 {font-size: 26px; line-height: 26px; color: #fff; font-weight: 300; line-height: 1.5; margin-top:20px;}
.section__main__03 > .section__wrap > a {display: inline-block; width: 180px; height: 40px; background-color: #1a1a1a; border: 2px solid #fff; box-sizing: border-box; color: #fff; text-align: center; line-height: 35px; border-radius: 20px; font-size: 18px; font-weight: 500; margin-top: 50px;}

.section__main__04 {background-color: #fff; padding-top: 120px;}
.section__main__04 .section__wrap {max-width:1500px;}
.section__main__04 > .section__wrap > h1 {display: flex; justify-content: center;}
.section__main__04 > .section__wrap > h1 > img {align-self: center; margin-right: 40px;}
.section__main__04 > .section__wrap > h1 > span {position: relative; font-size: 40px; color: #404040; font-weight: 500; align-self: center; padding-left: 40px;}
.section__main__04 > .section__wrap > h1 > span::after {content: ""; position: absolute; left: 0; top: 50%; margin-top: -20px; width: 1px; height: 40px; background: #ccc;}
.section__main__04 > .section__wrap > .section__main__04_ul {display: flex; justify-content: space-between; margin-top: 79px;}
.section__main__04 > .section__wrap > .section__main__04_ul > li {width: 100%; max-width: 360px; height: 640px; background-repeat: no-repeat; background-size: cover; padding: 25px 31px;}
.section__main__04 > .section__wrap > .section__main__04_ul > li:nth-of-type(1) {background-image: url('../img/content/alkaline_01.png');}
.section__main__04 > .section__wrap > .section__main__04_ul > li:nth-of-type(2) {background-image: url('../img/content/alkaline_02.png');}
.section__main__04 > .section__wrap > .section__main__04_ul > li:nth-of-type(3) {background-image: url('../img/content/alkaline_03.png');}
.section__main__04 > .section__wrap > .section__main__04_ul > li:nth-of-type(4) {background-image: url('../img/content/alkaline_04.png');}
.section__main__04 > .section__wrap > .section__main__04_ul > li > a {color: #000; display: flex; width: 100%; height: 100%; align-items: flex-end; justify-content: space-between;}
.section__main__04 > .section__wrap > .section__main__04_ul > li > a > h1 {font-size: 20px; line-height: 25px; font-weight: normal;}
.section__main__04 > .section__wrap > .section__main__04_ul > li > a > img {width: 36px; height: 23px; filter:invert(1);}

.section__main__05 {background: url('../img/content/section__main__05_bg.png') no-repeat center/cover; height:1080px; display: flex; margin-top:140px;}
.section__main__05 > .section__wrap {align-self: center; max-width: 100%; padding-left: 200px; color: #232323;}
.section__main__05 > .section__wrap > p {font-size: 30px; line-height: 80px; color: #232323; font-weight: 300;}
.section__main__05 > .section__wrap > h1 {font-size: 60px; line-height: 80px; color: #232323; font-weight: bold;}
.section__main__05 > .section__wrap > h2 {font-size: 26px; line-height: 26px; color: #232323; font-weight: 300; margin-top:20px;}
.section__main__05 > .section__wrap > a {display: inline-block; width: 180px; height: 40px; background-color: #1a1a1a; border: 1px solid #242424; box-sizing: border-box; color: #fff; text-align: center; line-height: 40px; border-radius: 20px; font-size: 18px; font-weight: 500; margin-top: 50px;}

.section__main__06 {background-color: #fff; padding-top: 120px;}
.section__main__06 .section__wrap {max-width:1500px;}
.section__main__06 > .section__wrap > h1 {display: flex; justify-content: center;}
.section__main__06 > .section__wrap > h1 > img {align-self: center; margin-right: 40px;}
.section__main__06 > .section__wrap > h1 > span {position: relative; font-size: 40px; color: #404040; font-weight: 500; align-self: center; padding-left: 40px;}
.section__main__06 > .section__wrap > h1 > span::after {content: ""; position: absolute; left: 0; top: 50%; margin-top: -20px; width: 1px; height: 40px; background: #ccc;}
.section__main__06 > .section__wrap > .section__main__06_ul {display: flex; justify-content: space-between; margin-top: 79px;}
.section__main__06 > .section__wrap > .section__main__06_ul > li {width: 100%; max-width: 360px; height: 640px; background-repeat: no-repeat; background-size: cover; padding: 25px 31px;}
.section__main__06 > .section__wrap > .section__main__06_ul > li:nth-of-type(1) {background-image: url('../img/content/hocl_01.png');}
.section__main__06 > .section__wrap > .section__main__06_ul > li:nth-of-type(2) {background-image: url('../img/content/hocl_02.png');}
.section__main__06 > .section__wrap > .section__main__06_ul > li:nth-of-type(3) {background-image: url('../img/content/hocl_03.png');}
.section__main__06 > .section__wrap > .section__main__06_ul > li:nth-of-type(4) {background-image: url('../img/content/hocl_04.png');}
.section__main__06 > .section__wrap > .section__main__06_ul > li > a {color: #000; display: flex; width: 100%; height: 100%; align-items: flex-end; justify-content: space-between;}
.section__main__06 > .section__wrap > .section__main__06_ul > li > a > h1 {font-size: 20px; line-height: 25px; font-weight: normal;}
.section__main__06 > .section__wrap > .section__main__06_ul > li > a > img {width: 36px; height: 23px; filter:invert(1);}

.section__main__07 {background: url('../img/content/section__main__07_bg.png') no-repeat center/cover; height: 800px; margin-top:140px;}
.section__main__07 > .section__wrap > .section__txt__wrap {width: 100%; padding: 134px 0px 94px; text-align: center;}
.section__main__07 > .section__wrap > .section__txt__wrap > .subtitle {font-size: 14px; line-height: 25px; color: #fff; font-weight: 300;}
.section__main__07 > .section__wrap > .section__txt__wrap > h1 {font-size: 40px; line-height: 40px; color: #fff; font-weight: 600; margin: 15px 0px 10px}
.section__main__07 > .section__wrap > .section__txt__wrap > .desc {font-size: 18px; line-height: 45px; color: #fff; font-weight: 300;}
.section__main__07 > .section__wrap > .section__main__07_ul {display: flex; justify-content: space-between;}
.section__main__07 > .section__wrap > .section__main__07_ul > li {width: 100%; height: 330px; max-width: 31.57%; background-color: #fff; border-radius: 10px; color: #000; text-align: center; align-self: center;}
.section__main__07 > .section__wrap > .section__main__07_ul > li > img {margin: 40px 0px 21px}
.section__main__07 > .section__wrap > .section__main__07_ul > li > h1 {font-size: 22px; font-weight: 500; color: #232323;}
.section__main__07 > .section__wrap > .section__main__07_ul > li > p {font-size: 16px; color: #666; font-weight: 300; margin-bottom: 45px; padding: 0 15px; word-break: keep-all;}
.section__main__07 > .section__wrap > .section__main__07_ul > li > a {font-size: 16px; color: #232323; font-weight: normal; text-decoration: underline;}

.section__main__08 {height: 100%; background-color: #fafafa; padding-top: 132px;}
.section__main__08 > .section__wrap {text-align: center;}
.section__main__08 > .section__wrap > .subtitle {font-size: 16px; line-height: 25px; color: #999; margin-bottom: 10px;}
.section__main__08 > .section__wrap > h1 {font-size: 40px; line-height: 40px; color: #232323; font-weight: 600;}
.section__main__08 > .section__wrap > .section__main__08_ul {display: flex; justify-content: space-between; margin-top: 111px;}
.section__main__08 > .section__wrap > .section__main__08_ul > li {width: 100%; max-width: 31.92%; background-color: #fff;}
.section__main__08 > .section__wrap > .section__main__08_ul > li > a {display: block; width: 100%; height: 100%;}
.section__main__08 > .section__wrap > .section__main__08_ul > li > a img {width: 100%;}
.section__main__08 > .section__wrap > .section__main__08_ul > li > a > h1 {font-size: 20px; font-weight: normal; color: #232323; margin: 33px 0; box-sizing: border-box;}

.section__main__08_board_ul {display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; padding:40px 0px; padding-bottom:80px;}
.section__main__08_board_ul > li {width:49%; display:flex; background:#fff; padding:40px 35px; padding-right:35px; cursor:pointer;}
.section__main__08_board_ul > li > div.left_wrap {max-width:90px; width:100%; position:relative; border-right:1px solid #e6e6e6; padding-right:25px; margin-right:30px;}
.section__main__08_board_ul > li > div.left_wrap > h2 {font-size:50px; font-weight:bold; color:#0068b7; font-family: 'Montserrat', sans-serif; text-align:center;}
.section__main__08_board_ul > li > div.left_wrap > p {font-size:16px;font-weight:500; color:#232323;  text-align:center;} 
.section__main__08_board_ul > li > div.right_wrap {}
.section__main__08_board_ul > li > div.right_wrap > h2 {font-size:20px; font-weight:500; color:#232323; text-align:left; text-overflow: ellipsis; white-space: nowrap; width: 360px; overflow: hidden;}
.section__main__08_board_ul > li > div.right_wrap > p {font-size:16px;font-weight:normal; color:#666; text-align:left;} 

.section__main__09 {background: url('../img/content/section__main__09_bg.png') no-repeat center/cover; height: 960px;}
.section__main__09 .section__wrap>img{width: 100%;}
.section__main__09 > .section__wrap > .section__txt__wrap {width: 100%; padding: 134px 0px 94px; text-align: center;}
.section__main__09 > .section__wrap > .section__txt__wrap > .subtitle {font-size: 14px; line-height: 25px; color: #fff; font-weight: 300;}
.section__main__09 > .section__wrap > .section__txt__wrap > h1 {font-size: 40px; line-height: 40px; color: #fff; font-weight: 600; margin: 15px 0px 20px}
.section__main__09 > .section__wrap > .section__txt__wrap > .desc {font-size: 18px; line-height: 25px; color: #fff; font-weight: 300;}

.section__main__ov {background-color: rgba(0, 0, 0, 0.6); text-align: center;}
.section__main__ov .section__main__ov_01 {margin: 381px 0px 31px 0px;}
.section__main__ov .section__main__ov_title {position: relative; font-size: 25px; color: #fff; font-weight: normal;}
.section__main__ov .section__main__ov_title:after {content: ""; position: absolute; left: 380px; top: 50%; width: 40px; height: 1px; background-color: rgba(255, 255, 255, 0.6); margin-top: -0.5px;}
.section__main__ov .section__main__ov_title:before {content: ""; position: absolute; right: 380px; top: 50%; width: 40px; height: 1px; background-color: rgba(255, 255, 255, 0.6); margin-top: -0.5px;}
.section__main__ov .section__main__ov_subtitle {margin-top: 41px; font-size: 20px; color: #fff; font-weight: 300;}

/* Footer */
footer {width: 100%; height: auto; background-color: #fff; border-top: 1px solid #f1f1f1;}
footer > .footer__wrap {width: 100%; max-width: 1140px; margin: 0 auto; padding: 110px 0px 130px; box-sizing: border-box; display: flex; justify-content: space-between;}
footer > .footer__wrap > div {position: relative; width: 23%; margin-right: 2%}
footer > .footer__wrap > div:after {content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 210px; background-color: #e6e6e6;}
footer > .footer__wrap > div:last-of-type:after {display: none;}
footer > .footer__wrap > div:last-of-type {margin-right: 0;}
footer > .footer__wrap > div > p.bold {font-size: 16px; line-height: 20px; color: #242424; font-weight: normal; margin-bottom: 20px;}
footer > .footer__wrap > div > p {font-weight: 300; color: #666; font-size: 15px; word-break:keep-all;}
footer > .footer__wrap > .footer__wrap__01 {display: flex; flex-direction: column;}
footer > .footer__wrap > .footer__wrap__01 > p {margin: 29px 0px 60px; color: #666; font-size: 15px; font-weight: 300; line-height: 25px;}
footer > .footer__wrap > .footer__wrap__01 > .sns {max-width: 65px; display: flex; justify-content: space-between;}
footer > .footer__wrap > .footer__wrap__03 > ul > li > a {font-size: 15px; color: #666; line-height: 25px; font-weight: 300;}
footer > .footer__wrap > .footer__wrap__04 > h1 {color: #0068b7; font-size: 30px; line-height: 34px; margin-bottom: 23px; word-break: break-all;}
footer > .copyright {position: relative; width: 100%; height: 120px; background-color: #f7f7f7; line-height: 120px; color: #666666; font-size: 15px; font-weight: 300;}
footer > .copyright > .copyright__wrap {width: 100%; height: 100%; max-width: 1140px; margin: 0 auto;}
/*common*/

.quick-menu {position:fixed; top:10%; right:10px; z-index:1000;}
.quick-menu .quick-top {background:#404040; color:#fff; font-size:16px; line-height:1.2; border-top-left-radius: 10px; border-top-right-radius: 10px; padding:20px 0px; border:0px;}
.quick-menu li {width:80px; text-align:center; font-size:14px; color:#000; padding:15px 0px; background:#fff; border:1px solid #e6e6e6; border-top:0px;}
.quick-menu li img {width:45%;}
.quick-menu li:nth-child(2) {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.quick-menu .quick-bottom {background:none; border:0px; cursor:pointer;}
.quick-menu .quick-bottom img {max-width:100%; width:auto;}
.quick-menu li p {margin-top:5px;}


@media (max-width:13800px) {
    header > nav{max-width: 53.66%;}
}

@media (max-width:1200px) {
    .pcVer{display: none !important;}
    .toggle-mobile{display: block;}

    header{justify-content: space-between; align-items: center; padding: 0 20px;}
    header > a{position: static;}
    header .toggle-mobile i{font-size: 2rem; cursor: pointer;}

    .mob_category{display: flex;}
    .util__nav--mobile{display: flex;}
    .util__nav--mobile .util__nav{display: flex; position: relative; margin-right: 10px;}
    .util__nav--mobile .util__nav::before {content: ""; position: absolute; top: 5px; right: 0px; width: 1px; height: 14px; background-color: #d8d8d8;}
    .util__nav--mobile > .util__nav > li{position: relative; margin-right: 8px; margin-left: 8px;}
    .util__nav--mobile > .util__nav > li:first-child{margin-left: 0;}
    .util__nav--mobile > .util__nav > li::before{content: ""; position: absolute; width: 3px; height: 3px; background-color: #666666; border-radius: 50%; top: 9px; right: -9px;}
    .util__nav--mobile > .util__nav > li:last-of-type::before {display: none;}
    .util__nav--mobile > .util__nav > li > a{color: #666; font-size: 14px; font-weight: 300;}
    .util__nav--mobile a {align-self: center;}

    .section{min-height: initial;}
    .section__main__03 > .section__wrap{padding:50px 0; display: flex; flex-direction: column; align-items: center;}
    .section__main__03 > .section__wrap > a{margin-top: 50px;}

    .section__main__05{margin-top: 50px;}
    .section__main__05 > .section__wrap{padding:50px 0; display: flex; flex-direction: column; align-items: center;}
    .section__main__05 > .section__wrap > h1{text-align: center;}
    .section__main__05 > .section__wrap > a{margin-top: 50px;}
}


@media (max-width:1024px) {
    footer > .footer__wrap{width: 95%; flex-wrap: wrap;}
    footer > .footer__wrap > div{width: 50%; margin-right: 0;}
    footer > .footer__wrap > div:after{display: none;}

	.section__main__07{padding:0px 20px; }

    .section__main__03{flex-direction: column; height: initial; padding: 50px 100px;}
    .section__main__03 > .section__wrap{width: 100%; margin-right: 0;}
    .section__main__03 .img_alkaline{width: 100%;}
	.section__main__03 > .section__wrap > p {text-shadow:1px 1px gray; text-align: center;}
	.section__main__03 > .section__wrap > h1 {text-shadow:1px 1px gray; text-align: center;}
	.section__main__03 > .section__wrap > h2 {text-shadow:1px 1px gray; padding: 0 20px; text-align: center;}

	.section__main__04 > .section__wrap > .section__main__04_ul > li > a > h1 {text-shadow:1px 1px gray;}
	
	.section__main__08_board_ul {padding:0px 20px;}
	.section__main__08_board_ul > li {width:100%; margin:20px 0px;}

}


@media (max-width:789px) {
	.quick-menu {display:none;}
    .slice_text{left: 50%; top: 50%; transform: translate(-50%, -50%); margin-left: 0;}
    .slice_text p{font-size: 20px;}
    .slice_text h2{font-size: 24px;}

    .section__main__02{padding: 50px 0;}
    .section__main__02 > .section__wrap > h1{display: none;}
    .section__main__02 > .section__wrap > img{width: 80%; max-width: 242px; margin: 20px auto;}
    .section__main__02 > .section__wrap > p{font-size: 16px; width: 90%; margin: auto;}
    .section__main__02 > .section__wrap > p br{display: none;}
    .section__main__02 > .section__wrap > .section__main__02__ul{flex-direction: column;}
    .section__main__02 > .section__wrap > .section__main__02__ul > li{width: 100%; max-width: initial; height: initial; padding: 50px; align-items: center;}
    .section__main__02 > .section__wrap > .section__main__02__ul > li:nth-of-type(2){margin-top: 0;}
    .section__main__02 > .section__wrap > .section__main__02__ul > li > a > img{margin: 33px 0px 0px 0px;}
    .section__main__02 > .section__wrap > .section__main__02__ul > li > a > p{word-break: keep-all;}

    .section__main__03{padding: 50px 20px}
    .section__main__03 > .section__wrap > p{font-size: 18px; line-height: 1.5;}
    .section__main__03 > .section__wrap > h1{font-size: 20px; line-height: 1.5;}
	.section__main__03 > .section__wrap > h2{font-size: 16px; line-height: 1.5;}
    .section__main__03 > .section__wrap > a{margin-top: 30px;}

    .section__main__04{padding-top: 50px;}
    .section__main__04 > .section__wrap > h1 > span{font-size: 20px;}
    .section__main__04 > .section__wrap > h1{flex-direction: column;}
    .section__main__04 > .section__wrap > h1 > img{margin-right: 0;}
    .section__main__04 > .section__wrap > .section__main__04_ul{flex-direction: column; margin-top: 50px;}
    .section__main__04 > .section__wrap > .section__main__04_ul > li{max-width: initial; padding: 80px; background-position: center; background-size: contain; margin-bottom: 10px;}

    .section__main__05{margin-top: 0;}
    .section__main__05 > .section__wrap > p{font-size: 18px; line-height: 1.5; text-align: center;}
    .section__main__05 > .section__wrap > h1{font-size: 20px; line-height: 1.5; margin-top: 20px;}
	.section__main__05 > .section__wrap > h2{font-size: 16px; line-height: 1.5; text-align: center;}
    .section__main__05 > .section__wrap > a{margin-top: 30px;}


    .section__main__06 > .section__wrap > h1 > span{font-size: 20px;}
    .section__main__06 > .section__wrap > h1{flex-direction: column;}
    .section__main__06 > .section__wrap > h1 > img{margin-right: 0;}
    .section__main__06 > .section__wrap > .section__main__06_ul{flex-direction: column;}
    .section__main__06 > .section__wrap > .section__main__06_ul > li{max-width: initial; padding: 80px; background-position: center; background-size: contain; margin-bottom: 10px;}

    .section__main__07{height: auto; padding:0px 20px; padding-bottom: 50px;}
    .section__main__07 > .section__wrap > .section__txt__wrap > h1{font-size: 20px; line-height: 1.3;}
    .section__main__07 > .section__wrap > .section__txt__wrap > .desc{font-size: 16px;}
    .section__main__07 > .section__wrap > .section__main__07_ul{flex-direction: column;}
    .section__main__07 > .section__wrap > .section__main__07_ul > li{max-width: initial; width: 88%; height: auto; margin-bottom: 16px; padding: 25px 0;}
    .section__main__07 > .section__wrap > .section__main__07_ul > li > img{margin-top: 0px;}
    .section__main__07 > .section__wrap > .section__txt__wrap{padding: 50px 0;}
    .section__main__07 > .section__wrap > .section__main__07_ul > li > h1{font-size: 18px;}
    .section__main__07 > .section__wrap > .section__main__07_ul > li > p{margin: 10px 0 20px; line-height: 1.3;}

    .section__main__08{height: auto; padding-top: 50px;}
    .section__main__08 > .section__wrap > h1{font-size: 30px;}
    .section__main__08 > .section__wrap > .section__main__08_ul{flex-direction: column; margin-top: 50px;}
    .section__main__08 > .section__wrap > .section__main__08_ul > li{max-width: initial;}
    .section__main__08 > .section__wrap > .section__main__08_ul > li > a > h1{font-size: 16px; margin: 15px 0;}

    .section__main__09{height: auto; padding: 50px 0;}
    .section__main__09 > .section__wrap > .section__txt__wrap > h1{font-size: 30px;}
    .section__main__09 > .section__wrap > .section__txt__wrap{padding: 80px 0px 54px;}
    .section__main__09 > .section__wrap > .section__txt__wrap > .desc{font-size: 16px; word-break: keep-all; padding: 0 15px;}

    footer > .footer__wrap{flex-direction: column; padding: 0; padding-top: 30px;}
    footer > .footer__wrap > div{width: 100%; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;}
    footer > .footer__wrap > div:last-child{margin-bottom: 0px;}
    footer > .footer__wrap > .footer__wrap__01 > p{margin: 15px 0px 25px; line-height: 1.5;}
    footer > .copyright{height: auto; line-height: 1; padding: 15px 0;}
    footer > .copyright > .copyright__wrap{width: 90%; margin: auto; line-height: 1.4;}
    footer > .copyright > .copyright__wrap p{text-align: center;}
}


@media (max-width:500px) {
    header{height: 60px;}
	header > a > img {width:60%;}

	.section__main__05 {height:300px;}
	
	.section__main__07 {margin-top:30px; padding:0px 20px;}
	.section__main__06 {padding-top:50px;}
	.section__main__08 > .section__wrap {padding:0px 20px;}
	.section__main__08_board_ul {padding:0px; }
	.section__main__08_board_ul > li {flex-wrap:wrap; }
	.section__main__08_board_ul > li > div.left_wrap {max-width:auto; border-right:0px;}
	.section__main__08_board_ul > li > div.right_wrap > h2 {width:220px;}
}