@charset "euc-kr";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/*font-family: 'Nanum Myeongjo', serif;*/
/*font-family: 'Cookie', cursive;*/
/*font-family: 'GmarketSansLight';*/
/*font-family: 'GmarketSansMedium';*/
/*font-family: 'GmarketSansBold';*/
/*font-family: 'Lobster', cursive;*/
*{margin:0; padding:0; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;}
select {

   -webkit-appearance:none; /* for chrome */

   -moz-appearance:none; /*for firefox*/

   appearance:none;

}
::-moz-selection {
   background: #80a886;
   color: #fff;
}
::selection {
   background: #80a886;
   color: #fff;
}
select::-ms-expand{

   display:none;/*for IE10,11*/

}

/*********common***********/

a{text-decoration:none;}
a:link{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.clearfix:before,
.clearfix:after{display:table; content:"";}
.clearfix:after{clear:both;}
ul,li{list-style:none;}
body{position: relative; max-width: 800px; margin: 0 auto !important;}
table {border-collapse: collapse;}
.wrap {padding: 0 15px; width: 100%;}
.w50p {float: left; width: 50%;}
.posc {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.go {background: #274338; color: #fff; display: inline-block; width: 50px; height: 50px; border-radius: 50%; line-height: 43px; text-align: center; font-size: 20px; font-weight: 700; margin-top: 50px;}
section {padding: 50px 0;}
section .wrap .main_title {text-align: center;}
section .wrap .main_title h1 {margin-bottom: 50px; font-size: 24px; line-height: 1.8em; letter-spacing: -0.5px; color: #444; font-weight: bold; font-weight: 300;}
section .wrap .main_title strong {font-weight: 900; color: #c62632;}
/*********common end***********/


/*********header***********/
header {height: 60px; background: #fff; position: fixed; width: 100%; left: 0; top: 0; z-index: 999999; transition:.3s; overflow: hidden;}
header.on {background: rgba(255,255,255,0.75);}
header .logo_top {float: left; transition: .2s;}
header .logo_top:hover {opacity: .8;}
header .logo_top img {width: 50px; padding-top: 7px;}
header .menu_btn {position: absolute; right: 10px; top: 11px; padding: 5px 10px; border: 1px solid  #c62632; border-radius: 10px;}
header .menu_btn div {position: absolute; width: 100%; height: 3px; background: #c62632; transition: .3s;}
header .menu_btn div:nth-child(1) {top: 0;}
header .menu_btn div:nth-child(2) {top: 50%; transform: translateY(-50%); left: 0;}
header .menu_btn div:nth-child(3) {bottom: 0;}

header .menu_btn h3 {color: #c62632;}

header .menu {position: fixed; right: -100%; top: 0; height: 100%; width: 65%; background: #fff; padding: 90px 20px 0 20px; border-left: 1px solid #c62632; transition:.3s;}
header .menu.on {right: -1%;}
header .menu div.sidemenu {position: relative; margin-bottom: 15px; border-bottom: 1px solid  #c62632;}
header .menu div.sidemenu p {color: #c62632; font-size: 16px; color: #c62632; padding-bottom: 10px; position: relative;}
header .menu div.sidemenu p:before {position: absolute; content: ''; top: 30%; right: 10px; transform: translateY(-50%) rotate(-45deg); border-left: 2px solid #c62632; border-bottom: 2px solid #c62632; width: 7px; height: 7px; transition:.3s;}
header .menu div.sidemenu p.on:before {transform: rotate(135deg);}
header .menu div.sidemenu ul {padding-bottom: 10px; display: none;}
header .menu div.sidemenu ul li {position: relative;}
header .menu div.sidemenu ul li:before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background: #c62632; left: 5px;}
header .menu div.sidemenu ul li a {display: block; color: #c62632; font-size: 12px; padding: 5px 0; transition: .3s; padding-left: 15px;}

header .close_btn {position: absolute; right: 0px; top:10px; width: 30px; height: 30px;}
header .close_btn div {position: absolute; width: 3px; height: 100%; background: #c62632; transition: .3s; transform-origin: center;}
header .close_btn div:nth-child(1) {transform: rotate(45deg); width: 3px; height: 100%;}
header .close_btn div:nth-child(2) {right: -30px;}
header .close_btn div:nth-child(3) {transform: rotate(-45deg); width: 3px; height: 100%;}

header .sns_top { text-align: center;}
header .sns_top ul {margin-top: 20px; text-align: center;}
header .sns_top ul li {display: inline-block; padding: 0px 10px; position: relative;}
header .sns_top ul li img {width: 30px; vertical-align: sub;}
header .sns_top li a {color: #c62632; font-size: 25px; transition:.3s;}
header .sns_top li a:hover {opacity: .5;}
header .sns_top .top_franbtn {color: #c62632; display: inline-block; padding: 10px 25px 10px 55px; border: 1px solid  #c62632; border-radius: 15px; overflow: hidden; position: relative; margin-top: 25px; transition: .3s; }
header .sns_top .top_franbtn:hover {background: #c62632; color: #fff;}
header .sns_top .top_franbtn span {font-size: 14px;}
header .sns_top .top_franbtn i {position: absolute; font-size: 24px; left: 21px; bottom: 9px;}
/*********header end***********/

/***************footer***************/

footer {padding: 40px 0; background: #e66670; color: #fff; text-align: center;}
footer .logo_footer img {width: 100px;}
footer ul li a {color: #fff;}
footer ul li {}
footer ul .copyright {font-size: 12px;}
footer ul .copyright a {display: inline-block; margin-bottom: 15px; margin-right: 10px; border-bottom: 1px solid #fff; margin-top: 30px;}
footer ul .footer_menu {display: none;}
footer ul .footer_menu a {display: block; font-size: 14px; padding: 6px 0;}

.consult_nav {position: fixed; width: 100%; height: 80px; bottom: 0; left: 50%; transform: translateX(-50%); background: #ebe8e3; text-align: center; overflow: hidden; z-index: 999999; display: none;}
.consult_nav a {color: #000; display: block; height: 100%;}
.consult_nav h1 {display: inline-block; line-height: 80px; font-size: 22px;}
.consult_nav h2 {display: inline-block; line-height: 80px; font-size: 16px; margin-left: 20px; margin-right: 30px;}
.consult_nav p {background: #f0562f; color: #fff; padding: 10px 20px; text-align: center; display: inline-block; border-radius: 25px;}
.consult_nav p i {padding-left: 15px; font-size: 20px;}
.consult_nav .ring01 {position: absolute; display: block; width: 50px; height: 50px; background: #f0562f; border-radius: 50%; top: -20px; left: 23%; opacity: .3;}
.consult_nav .ring01:before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 25px; height: 25px; background: #ebe8e3; border-radius: 50%;}
.consult_nav .ring02 {position: absolute; display: block; width: 70px; height: 70px; background: #1c4609; border-radius: 50%; bottom: -45px; left: 40%; opacity: .3;}
.consult_nav .ring02:before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 35px; height: 35px; background: #ebe8e3; border-radius: 50%;}
.consult_nav .ring03 {position: absolute; display: block; width: 50px; height: 50px; background: #463a09; border-radius: 50%; top: -30px; left: 77%; opacity: .3;}
.consult_nav .ring03:before {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 35px; height: 35px; background: #ebe8e3; border-radius: 50%;}
/***************footer end***************/

/************swiper*******************/
.swiper {overflow: hidden; position: relative;}

.main_slide {height: 70vh; overflow: hidden; position: relative; margin-top: 60px;} 
.main_slide .swiper-slide {overflow: hidden;}
.main_slide .swiper-slide img {height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.1); transition:4s; object-fit: cover;}
.main_slide .swiper-pagination span {font-size: 14px; font-weight: 700;}
.main_slide .swiper-pagination span:last-child {opacity: .4;}
.main_slide .swiper-pagination {left: 50%; color: #fff; bottom: 6%;}
.main_slide .prog_bar {width: 200px; height: 2px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 99999999; overflow: hidden;}
.main_slide .prog_bar:before {position: absolute; content: ''; top: 0; left: -100%; width: 200px; height: 2px; background: #c62632;}
@keyframes prog_bar {
	0% {left: -100%;}
	100% {left: 0%;}
}
.main_slide .swiper-slide-active .prog_bar:before {animation: prog_bar 4.4s infinite linear normal;}
.main_slide .swiper-slide-active img {transform: translate(-50%,-50%)  scale(1); overflow: hidden;}
.main_slide .swiper-slide-active h1 {animation:main_h1 1s .5s both;}
.main_slide .swiper-slide-active p {animation:main_h1 1s .7s both;}
.main_slide .swiper-slide-active h2:nth-child(1) {animation:main_h1 1s .5s both;}
.main_slide .swiper-slide-active h2:nth-child(2) {animation:main_h1 1s .6s both;}
.main_slide .swiper-slide-active h2:nth-child(3) {animation:main_h1 1s .7s both;}
.main_slide .swiper-slide-active h2:nth-child(4) {animation:main_h1 1s .8s both;}
.main_slide .swiper-slide .main_slide_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center; width: 100%;}
.main_slide .swiper-slide .main_slide_txt h1 {font-size: 50px; }
.main_slide .swiper-slide .main_slide_txt p {font-size: 16px; font-weight: 300;}
.main_slide .swiper-slide .main_slide_txt strong {font-weight: 700;}
@keyframes main_h1 {
	0% {opacity: 0; transform: translateY(50px);}
	100% {opacity: 1; transform: translateY(0);}
}

.main_go_slide { border-radius: 50px; display: none;}
.main_go_slide .main_go_slide_txt {position: absolute; left: 150px; top: 100px; color: #fff;}
.main_go_slide .main_go_slide_txt h1 {font-size: 54px; font-weight: 300; margin-bottom: 25px;}
.main_go_slide .main_go_slide_txt h1 strong {width: 700px;}
.main_go_slide .main_go_slide_txt p {font-size: 20px; font-weight: 500; margin-bottom: 50px;}
.main_go_slide .main_go_slide_txt .gobtn {padding: 10px 25px; display: inline-block; text-align: center; border-radius: 30px; border: 2px solid rgba(255,255,255,.3); color: #fff; font-size: 16px;}

.menu_slide { position: relative; overflow:hidden;}
.menu_slide .simg {width: 100%;}
.menu_slide .swiper-slide {border-radius: 50%; overflow: hidden; position: relative;}
.menu_slide .swiper-wrapper {position: relative;}

.main_menu_slide {text-align: center; position: relative; overflow: visible; background: url(../../img/main_menubg.jpg) repeat center;}
.main_menu_slide .tabbtn {display: inline-block; font-size: 12px; margin-top: 30px; cursor: pointer; color: #666; transition:.3s; margin-right: 10px; padding: 5px 10px;}
.main_menu_slide .tabbtn:last-child {margin-right: 0;}
.main_menu_slide .tabbtn.on {background: #c62632; border-radius: 10px; color: #fff;}
.main_menu_slide .wrap .main_title {text-align: left;}
.main_menu_slide .wrap > a {display: block; color: #c62632; text-align: center; padding: 15px 20px; text-align: center; margin-bottom: 30px; font-size: 24px; position: relative;}
.main_menu_slide .wrap > a:hover:before {opacity: 1;}
.main_menu_slide .wrap > a:before {position: absolute; content: ''; width: 50px; height: 2px; background: #c62632; opacity: 0; transition:.3s; left: 50%; transform: translateX(-50%); bottom: 10px;}
.main_menu_slide .wrap .tab {display: none; opacity: 0; transition:.3s; margin-top: 70px; position: relative;}
.main_menu_slide .wrap .tab.on {display: block; opacity: 1; transition:.3s; margin-top: 100px;}
.main_menu_slide .wrap .tab .swiper .swiper-slide:hover .main_menutxt {opacity: 1;}
.main_menu_slide .wrap .tab .swiper .main_menutxt {text-align: center; position: absolute; width: 300px; height: 300px; left: 50%; top: 49%; transform: translate(-50%,-50%); color: #fff; background: rgba(0,0,0,0.5); opacity: 0; transition:.5s; border-radius: 50%; padding-top: 130px;} 
.main_menu_slide .wrap .tab .swiper .main_menutxt h3 {font-size: 20px; font-weight: 900;}
.main_menu_slide .wrap .tab .swiper .main_menutxt h4 {display: none;}
.main_menu_slide .wrap .tab .swiper .main_menutxt p {font-size: 14px;}
.main_menu_slide .wrap .tab .swiper .swiper-slide img {border-radius: 50%; width: 300px; height: 300px;}
.main_menu_slide .wrap .tab .swiper .best {position: relative;}
.main_menu_slide .wrap .best:before{position: absolute; content: 'BEST'; padding: 10px 30px; background: #c62632; color: #fff; bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 999999999; border-radius: 10px; border: 5px solid #fff; display: none;}


.main_menu_slide .swiper-button-prev,
.main_menu_slide .swiper-button-next {top: 50%;}

.main_menu_slide .swiper-button-prev {background: url(../../img/left.png) no-repeat center / 80%; left: -10px;}
.main_menu_slide .swiper-button-next {background: url(../../img/right.png) no-repeat center / 80%; right: -10px;}

/************swiper end*******************/

.main_go {background: #ffedf2; text-align: center;}
.main_go .wrap {}
.main_go .wrap .main_go_title {text-align: center; color: #c62632; padding-bottom: 15px; margin-bottom: 30px; font-size: 20px; border-bottom: 1px solid #c62632; display: inline-block;}
.main_go .wrap .main_go_quick li {width: 49%; height: 200px; float: left; margin-bottom: 10px; overflow: hidden; border-radius: 10px; transition: .3s; position: relative;}
.main_go .wrap .main_go_quick li:hover {background-size: 120%;}
.main_go .wrap .main_go_quick li a {display: block; height: 100%; text-align: center; color: #fff; position: relative;}
.main_go .wrap .main_go_quick li a:hover:before {top: 100%;}
.main_go .wrap .main_go_quick li a:before {position: absolute; content: ''; width: 100%; height: 100%; background: #000; opacity: .4;  left: 0;	 top: 0; transition: .3s;}
.main_go .wrap .main_go_quick li a span {display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .2s; width: 100%;}
.main_go .wrap .main_go_quick li a span h3 {font-size: 24px; font-weight: 700; transition: .2s;} 
.main_go .wrap .main_go_quick li a span p {font-size: 18px; font-size: 300;}
.main_go .wrap .main_go_quick li a:hover span h3 {color: #c62632;}
.main_go .wrap .main_go_quick li a:hover span {top: 45%;}
.main_go .wrap .main_go_quick li:nth-child(odd) {margin-right: 2%;}
.main_go .wrap .main_go_quick li:nth-child(1) {background: url(../../img/main_go_quick01.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(2) {background: url(../../img/main_go_quick03.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(3) {background: url(../../img/main_go_quick02.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(4) {background: url(../../img/main_go_quick04.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(5) {background: url(../../img/main_go_quick05.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(6) {background: url(../../img/main_go_quick06.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(7) {background: url(../../img/main_go_quick07.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(8) {background: url(../../img/main_go_quick08.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(9) {background: url(../../img/main_go_quick09.jpg) no-repeat center / cover;}
.main_go .wrap .main_go_quick li:nth-child(10) { border: 1px solid  #c62632;}
.main_go .wrap .main_go_quick li:nth-child(10) a:before {display: none;}
.main_go .wrap .main_go_quick li:nth-child(10) img {width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.main_good {}
.main_good .wrap .main_title h1 {}
.main_good .wrap .main_interior_slide img {width: 100%;}


.title_section {padding-bottom: 0;}

.main_fixed { background: url(../../img/main_fixed.jpg) no-repeat center bottom / cover fixed; height: 800px; position: relative; border-radius: 30px; width: 350px; height: 350px; margin: 0 auto;}
.main_fixed > h1 {display: inline-block;}
.main_fixed .main_fixed_txt {text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; width: 100%; padding: 0 15px;}
.main_fixed .main_fixed_txt h3 {font-size: 16px; font-weight: 300;}
.main_fixed .main_fixed_txt h3 b {font-weight: 700;}
.main_fixed .main_fixed_txt h1 {font-size: 60px; font-family: 'Bebas Neue', cursive; font-weight: 400; line-height: 1em; margin: 15px 0;}
.main_fixed .main_fixed_txt p {font-size: 12px; color: #fff; line-height: 1.8em; opacity: .8;}

.main_fixed .main_fixed_txt ul {text-align: center; margin-top: 40px;}
.main_fixed .main_fixed_txt ul li {display: inline-block;}
.main_fixed .main_fixed_txt ul li:nth-child(1) {margin-right: 20px;}
.main_fixed .main_fixed_txt ul li a { height: 100%; color: #fff; background: #c62632; padding: 10px; border-radius: 10px;}

.main_insta {text-align: center; background: #e66670;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFFFFF, #e66670);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFFFFF, #e66670); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.main_insta .wrap > h1 {font-size: 30px; color: #c62632;}
.main_insta .wrap > h1 img {width: 58px; padding-right: 15px; vertical-align: text-bottom;}
.main_insta .wrap > p {font-size: 20px; margin-top: 20px; margin-bottom: 40px;}
.main_insta .wrap > p a {color: #000;}
.main_insta .wrap {text-align: center;}
.main_insta .wrap ul {text-align: center; margin-top: 30px; display: inline-block; width: 300px;}
.main_insta .wrap ul li {width: 100px; float: left; border: 1px solid #c62632; transition:.3s; background: transparent; color: #c62632;font-size: 40px;}
.main_insta .wrap ul li p { line-height: 100px; font-weight: 900;}
.main_insta .wrap ul li:hover {background: #c62632; color: #fff;}
.main_insta ul li:last-child {margin-right: 0;}
/**********section***********/



/**********section end***********/

/**************sub common******************/
.sub {margin: 60px 0;}
.subtop {background-repeat: no-repeat; background-position: center; background-size: cover; height: 250px; text-align: center; color: #fff; position: relative;}
.subtop h1 {padding-top: 70px; font-size: 30px; text-shadow: 0px 2px 4px rgb(0 0 0 / 40%), 0px 2px 3px rgb(0 0 0 / 40%);}
.subtop p {font-size: 16px; text-shadow: 0px 2px 4px rgb(0 0 0 / 40%), 0px 2px 3px rgb(0 0 0 / 40%);}
.subtop01 {background-image: url(../../img/subtop01.jpg);}
.subtop02 {background-image: url(../../img/subtop02.jpg);}
.subtop03 {background-image: url(../../img/subtop03.jpg);}
.subtop04 {background-image: url(../../img/subtop04.jpg);}
.subtop05 {background-image: url(../../img/subtop05.jpg);}
.subtop06 {background-image: url(../../img/subtop06.jpg);}
.sub_menu {position: absolute; left: 50%; transform: translateX(-50%); bottom: -21px; width: 90%; background: #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 20%); display: flex; z-index: 99;}
.sub_menu a {display: block; text-align: center; padding: 12px 0; font-size: 12px; color: #333; flex:1; border-right: 1px solid #ddd;}
.sub_menu a:last-child {border-right: none;}
.sub1 .subtop .sub_menu a:nth-child(1) {background: #c62632; color: #fff; font-weight: 700;}
.sub2 .subtop .sub_menu a:nth-child(2) {background: #c62632; color: #fff; font-weight: 700;}
.sub3 .subtop .sub_menu a:nth-child(3) {background: #c62632; color: #fff; font-weight: 700;}
.sub4 .subtop .sub_menu a:nth-child(4) {background: #c62632; color: #fff; font-weight: 700;}

.subtitle {text-align: center; font-size: 30px; padding: 50px 0; color: #333; position: relative;}
.subtitle:before {position: absolute; content: ''; width: 50px; height: 1px; background: #c62632; left: 50%; transform: translateX(-50%); bottom: 30px;}

.stable {width: 100%;}
.stable th {background: #cecece;}
.stable th,
.stable td {padding: 10px; font-size: 12px;}

/**************sub common end******************/

/**************sub ******************/

.sub_hello ul li {}
.sub_hello ul li:nth-child(1) img {width: 100%;}
.sub_hello ul li:nth-child(2) {}
.sub_hello ul li:nth-child(2) h2 {color: #c62632; font-size: 24px; margin-bottom: 20px; text-align: center;}
.sub_hello ul li:nth-child(2) p {font-size: 12px; line-height: 2em; letter-spacing: -1px;}
.sub_hello ul li:nth-child(2) b {display: block; text-align: right; font-size: 18px; margin-top: 20px;}
.sub_hello ul li:nth-child(2) h3 {color: #c62632; font-size: 17px; margin-top: 30px; line-height: 1.8em; letter-spacing: -2px;}

.sub_brand_container {background: #eff1f3; padding-bottom: 70px;}
.sub_brand .sub_brand_story{position: relative;}
.sub_brand .sub_brand_story h3 {font-weight: 300; font-size: 20px; color: #666; line-height: 1.8em; text-align: center; padding-bottom: 30px;}
.sub_brand .sub_brand_story h3 b {font-weight: 700; color: #000;}
.sub_brand .sub_brand_story > img {width: 150px; position: absolute; left: 50%; transform: translateX(-50%);}
.sub_brand .sub_brand_story ul {margin-top: 150px;}
.sub_brand .sub_brand_story ul li { margin-top: 30px;}
.sub_brand .sub_brand_story ul li h2 { padding-bottom: 15px; border-bottom: 1px solid #ddd; color: #000; font-weight: 500;}
.sub_brand .sub_brand_story ul li p {padding-top: 15px; color: #666; font-size: 12px; line-height: 2em; font-weight: 300;}

.sub_brand .sub_brand_core {padding-top: 70px;}
.sub_brand .sub_brand_core .sub_brand_core_txt li {text-align: center;}
.sub_brand .sub_brand_core .sub_brand_core_txt li img {width: 50%;}
.sub_brand .sub_brand_core .sub_brand_core_txt li:nth-child(1) {}
.sub_brand .sub_brand_core .sub_brand_core_txt li:nth-child(1) h1 {font-size: 90px; color: #c62632; opacity: .3; font-family: 'Roboto', sans-serif; letter-spacing: -5px; font-weight: 900;}
.sub_brand .sub_brand_core .sub_brand_core_txt li:nth-child(1) h2 {font-size: 32px; margin-bottom: 15px;}
.sub_brand .sub_brand_core .sub_brand_core_txt li:nth-child(1) h4 {font-size: 20px;}
.sub_brand .sub_brand_core .sub_brand_core_txt li:nth-child(1) p {font-size: 12px; color: #666; line-height: 2em; letter-spacing: -0.5px; margin-bottom: 50px;}

.sub_brand .sub_brand_core .sub_brand_core_value  {margin-top: 50px;}
.sub_brand .sub_brand_core .sub_brand_core_value li {float: left; width: 49%; margin-right: 2%; text-align: center; margin-bottom: 30px;}
.sub_brand .sub_brand_core .sub_brand_core_value li:nth-child(even) {margin-right: 0;}
.sub_brand .sub_brand_core .sub_brand_core_value li i {font-size: 60px; color: #000;}
.sub_brand .sub_brand_core .sub_brand_core_value li h3 {font-size: 24px; margin: 15px 0; color: #c62632;}
.sub_brand .sub_brand_core .sub_brand_core_value li p {color: #666; line-height: 2em; font-size: 12px; letter-spacing: -1.5px;}

.sub_brand .sub_brand_power .sub_brand_power_txt li {text-align: center;}
.sub_brand .sub_brand_power .sub_brand_power_txt li img {width: 80%;}
.sub_brand .sub_brand_power .sub_brand_power_txt li {padding-top: 30px;}
.sub_brand .sub_brand_power .sub_brand_power_txt li h1 {font-size: 90px; color: #c62632; opacity: .3; font-family: 'Roboto', sans-serif; letter-spacing: -5px; font-weight: 900;}
.sub_brand .sub_brand_power .sub_brand_power_txt li h2 {font-size: 32px; margin-bottom: 15px;}
.sub_brand .sub_brand_power .sub_brand_power_txt li h3 {font-size: 16px; margin: 15px 0; color: #c62632; line-height: 1.8em;}
.sub_brand .sub_brand_power .sub_brand_power_txt li h4 {font-size: 20px;}
.sub_brand .sub_brand_power .sub_brand_power_txt li p {font-size: 12px; color: #666; line-height: 2em; letter-spacing: -1.5px;}

.sub_brand .sub_brand_power_char {margin-top: 150px;}
.sub_brand .sub_brand_power_char li {width: 32%; margin-right: 2%; text-align: center; float: left;}
.sub_brand .sub_brand_power_char li:last-child {margin-right: 0;}
.sub_brand .sub_brand_power_char li img {width: 100%;}
.sub_brand .sub_brand_power_char li h3 {font-size: 26px; position: relative; padding-top: 34px; font-weight: 900;}
.sub_brand .sub_brand_power_char li h3:before {position: absolute; content: ''; width: 1px; height: 50px; background: #000; left: 50%; transform: translateX(-50%); top: -30px;}
.sub_brand .sub_brand_power_char li p {font-size: 16px; color: #666; letter-spacing: -0.5px; margin-top: 15px; line-height: 2em;}
.char_icon_box {margin-top: 50px;}
.char_icon_box li { border: 1px solid  #666; border-radius: 20px; padding: 30px 40px; margin-bottom: 20px;  position: relative;}
/*.char_icon_box li:before {position: absolute; content: ''; height: 80%; width: 1px; background: #c62632; left: 190px; top: 50%; transform: translateY(-50%);}*/
.char_icon_box li img {width: 80px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.char_icon_box li h3 {margin-left: 30%; font-size: 18px; color: #c62632;}
.char_icon_box li p {margin-left: 30%; margin-top: 10px; line-height: 2em; letter-spacing: -0.5px; font-size: 12px;}


.sub_interior {text-align: center;}
.sub_interior > h2 {font-weight: 300; font-size: 24px; margin: 30px 0;}
.sub_interior > h2 strong {color: #c62632;}
.sub_interior > p {font-size: 12px; color: #666; line-height: 2em; margin-bottom: 50px;}
.sub_interior .sub_interior_slide {margin: 50px 0;}
.sub_interior .sub_interior_slide img {width: 100%;}

.sub_bi {text-align: center;}
.sub_bi .sub_bi_box {text-align: center; border: 1px solid  #c62632; display: inline-block; overflow: hidden;}
.sub_bi .sub_bi_box img {display: block; width: 100%;}
.sub_bi .sub_bi_box p {background: #c62632; color: #fff; padding: 10px 0; font-size: 14px;}

.sub .wrap .sub_menu_list ul {margin-top: 100px;}
.sub .wrap .sub_menu_list ul li {float: left; width: 49%; margin-right: 2%; margin-bottom: 40px; overflow: hidden; }
.sub .wrap .sub_menu_list ul li h3 {margin-top: 15px; font-size: 16px; color: #c62632;}
.sub .wrap .sub_menu_list ul li h4 {float: right; font-size: 16px; color: #c62632; display: none;}
.sub .wrap .sub_menu_list ul li p:nth-of-type(1) {margin-bottom: 15px; font-size: 14px;letter-spacing: -1px;}
.sub .wrap .sub_menu_list ul li img {width: 100%;}
.sub .wrap .sub_menu_list ul li:nth-child(even) {margin-right: 0;}
.sub .wrap .sub_menu_list ul li p:nth-of-type(2) {opacity: 1; font-size: 12px;}
/*.sub .wrap .sub_menu_list ul li:hover p:nth-of-type(2) {height: 300px; opacity: 1;}*/
.sub .wrap .sub_menu_list ul li div:nth-of-type(1) {width: 100%; transition: .3s; background-size: 105%; padding-top: 100%;}

.sub .wrap .sub_burger ul li:nth-child(1) div:nth-of-type(1) {background: url(../../img/sub_burger01.jpg) no-repeat center / 100%}
.sub .wrap .sub_burger ul li:nth-child(2) div:nth-of-type(1) {background: url(../../img/sub_burger02.jpg) no-repeat center / 100%}
.sub .wrap .sub_burger ul li:nth-child(3) div:nth-of-type(1) {background: url(../../img/sub_burger03.jpg) no-repeat center / 100%}
.sub .wrap .sub_burger ul li:nth-child(4) div:nth-of-type(1) {background: url(../../img/sub_burger04.jpg) no-repeat center / 100%}
.sub .wrap .sub_burger ul li:nth-child(5) div:nth-of-type(1) {background: url(../../img/sub_burger05.jpg) no-repeat center / 100%}


.sub .wrap .sub_sand ul li:nth-child(1) div:nth-of-type(1) {background: url(../../img/sub_sand01.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(2) div:nth-of-type(1) {background: url(../../img/sub_sand02.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(3) div:nth-of-type(1) {background: url(../../img/sub_sand03.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(4) div:nth-of-type(1) {background: url(../../img/sub_sand04.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(5) div:nth-of-type(1) {background: url(../../img/sub_sand05.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(6) div:nth-of-type(1) {background: url(../../img/sub_sand06.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(7) div:nth-of-type(1) {background: url(../../img/sub_sand07.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(8) div:nth-of-type(1) {background: url(../../img/sub_sand08.jpg) no-repeat center / 100%}
.sub .wrap .sub_sand ul li:nth-child(9) div:nth-of-type(1) {background: url(../../img/sub_sand09.jpg) no-repeat center / 100%}

.sub .wrap .sub_salad ul li:nth-child(1) div:nth-of-type(1) {background: url(../../img/sub_salad01.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(2) div:nth-of-type(1) {background: url(../../img/sub_salad02.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(3) div:nth-of-type(1) {background: url(../../img/sub_salad03.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(4) div:nth-of-type(1) {background: url(../../img/sub_salad04.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(5) div:nth-of-type(1) {background: url(../../img/sub_salad05.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(6) div:nth-of-type(1) {background: url(../../img/sub_salad06.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(7) div:nth-of-type(1) {background: url(../../img/sub_salad07.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(8) div:nth-of-type(1) {background: url(../../img/sub_salad08.jpg) no-repeat center / 100%}
.sub .wrap .sub_salad ul li:nth-child(9) div:nth-of-type(1) {background: url(../../img/sub_salad09.jpg) no-repeat center / 100%}

.sub .wrap .sub_side ul li:nth-child(1) div:nth-of-type(1) {background: url(../../img/sub_side01.jpg) no-repeat center / 100%}
.sub .wrap .sub_side ul li:nth-child(2) div:nth-of-type(1) {background: url(../../img/sub_side02.jpg) no-repeat center / 100%}
.sub .wrap .sub_side ul li:nth-child(3) div:nth-of-type(1) {background: url(../../img/sub_side03.jpg) no-repeat center / 100%}
.sub .wrap .sub_side ul li:nth-child(4) div:nth-of-type(1) {background: url(../../img/sub_side04.jpg) no-repeat center / 100%}

.open .sub_open .char_icon_box {margin-top: 50px;}
.open .sub_open .char_icon_box li {float: left; width: 49%; border: 1px solid  #c62632; border-radius: 20px; padding: 10px; margin-bottom: 20px; position: relative; margin-right: 2%; text-align: center; height: 200px;}
.open .sub_open .char_icon_box li:before {display: none;}
.open .sub_open .char_icon_box li:nth-child(even) {margin-right: 0;}
.open .sub_open .char_icon_box li img {width: 70px; display: inline-block; position: static; transform: none;}
.open .sub_open .char_icon_box li h3 {font-size: 18px; color: #c62632; margin-left: 0;}
.open .sub_open .char_icon_box li p {margin-top: 5px; line-height: 1.5em; letter-spacing: -1px; font-size: 12px; margin-left: 0;}

.open .sub_money {width: 100%; margin-top: 30px;}
.open .sub_money .basic{margin-top:10px; border-collapse:collapse; margin-bottom: 20px; border:1px solid #ddd;}
.open .sub_money .basic tr td:nth-child(1) {background: #ededed;}
.open .sub_money .basic th{padding:6px; font-size:12px; color:#fff; background:#c62632;}
.open .sub_money .basic td{padding:6px; font-size:12px; color:#333; text-align:center; line-height:24px;}
.open .sub_money .basic th:nth-child(3){width:50%}
.open .sub_money .basic td:nth-child(3),
.open .sub_money .basic td:nth-child(4){font-weight:700;}
.open .sub_money .basic tr:last-child th{color:#000; background:#c62632;}
.open .sub_money .basic tr:last-child th:nth-child(2){text-align:left;}
.open .sub_money .basic tr:last-child th:first-child{color:#000;}
.open .sub_money .basic tr:last-child td {background: #c62632; color: #fff;}
.open .sub_money .basic tr:last-child td {font-size: 16px; font-weight: 600;}
.open .sub_money .basic tr:last-child td b {font-size: 24px; font-weight: 900;}
.open .sub_money p {font-size: 32px; text-align: center; margin: 20px 0;}
.open .sub_money ul {text-align: center; font-size: 12px; line-height: 1.5em; color: #999; font-weight: 700;}

.sub_board .AWprd_view {width: 100%;}
.sub_board .AWprd_view .prd_img_box {display: block; width: 100%;}
.sub_board .AWprd_view .prd_img_box .prd_img img {width: 100%; height: auto; text-align: center;}
.sub_board .AWprd_view .void_box {display: none;}
.sub_board .AWprd_view .prd_txt {display: block; width: 100%;}
.sub_board .AWprd_view .prd_cont img {width: 100% !important; height: auto !important;}


.sub04_03 a {color: #666;}

.sub06_04 .consult_cont th {width: 30%;}
/**************sub end******************/