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

@font-face {
    font-family: 'GSM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GSB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GSL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@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: 'GSM', sans-serif;}
html {
    scroll-behavior: smooth;
}
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;}
table {border-collapse: collapse;}
.wrap {width: 1300px; margin: 0 auto;}
.inner {width: 1200px; margin: 0 auto;}
.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;}

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


/*********header***********/
header {height: 235px;}
header .header_top {}
header .header_top .wrap {position: relative; height: 146px;}
header .header_top .header_sns {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
header .header_top .header_sns img {display: inline-block;}
header .header_top .header_logo {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
header .header_top .header_tel {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}

header .menu {height: 89px; line-height: 89px; background: #171717;}
header .menu ul li {float: left; margin-right: 116px;}
header .menu ul li:last-child {margin-right: 0;}
header .menu ul li a {color: #fff;}
/*********header end***********/

/***************footer***************/
footer {background: url(../img/main_copybg.jpg) no-repeat center / cover; height: 279px;}
/***************footer end***************/

/**********section***********/

/*.main_visual {background: url(../img/main_visualbg.jpg) no-repeat center / cover; height: 848px;}*/
.main_visual_slide {overflow: hidden; position: relative; width: 100%;} 
.main_visual_slide .swiper-slide {overflow: hidden;}
.main_visual_slide .swiper-slide img {width: 100%; vertical-align: top;}
.main_hello {background: url(../img/main_hellobg.jpg) no-repeat center / cover; height: 1134px;}
.main_step {background: url(../img/main_stepbg.jpg) no-repeat center / cover; height: 522px;}
.main_consult {background: url(../img/main_consultbg.jpg) no-repeat center / cover; height: 352px;}
.main_consult .wrap {position: relative; height: 352px;}
.main_consult .wrap ul {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.main_consult .wrap ul li {display: inline-block; margin-right: 10px;}
.main_map {background: url(../img/main_mapbg.jpg) no-repeat center / cover; height: 759px;}
.main_partners {background: url(../img/main_partners.jpg) no-repeat center / cover; height: 687px;}
.main_banner {background: url(../img/banner.jpg) no-repeat center / cover; height: 189px;}

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

/**************sub common******************/
.sub {margin: 100px 0;}
.subtop {background-repeat: no-repeat; background-position: center; background-size: cover; height: 400px; text-align: center; color: #fff; position: relative; margin-top: 100px;}
.subtop h2 {padding-top: 130px; font-size: 52px; }
.subtop p {font-size: 16px; margin-top: 10px;}
.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%); top:-100px; width: 1080px; 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: 20px 0; font-size: 18px; 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: #2e3192; color: #fff; font-weight: 700;}
.sub2 .subtop .sub_menu a:nth-child(2) {background: #2e3192; color: #fff; font-weight: 700;}
.sub3 .subtop .sub_menu a:nth-child(3) {background: #2e3192; color: #fff; font-weight: 700;}
.sub4 .subtop .sub_menu a:nth-child(4) {background: #2e3192; color: #fff; font-weight: 700;}

.subtitle {text-align: center; padding: 50px 0; color: #333; position: relative;}
.subtitle h2 {font-size: 32px; position: relative; font-weight: 500;}
.subtitle h2:before {position: absolute; content: ''; width: 8px; height: 8px; background: #2e3192; left: 50%; transform: translateX(-50%); bottom: -20px; border-radius: 50%;}

.stable {width: 100%;}
.stable th {background: #cecece;}
.stable th,
.stable td {padding: 10px 20px;}

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

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

.sub_hello .wrap {position: relative; height: 1100px; text-align: center; margin-top: 100px;}
.sub_hello .wrap .sub_hello_txt {position: absolute; right: 0; top: 50px; text-align: left; padding: 60px; box-shadow: 0 4px 40px rgb(203 209 220 / 70%); width: 65%; background: #fff; z-index: 99999;}
.sub_hello .wrap .sub_hello_02 {width: 700px; height: 700px; z-index: -1; position: absolute; left: 100px; top: -50px;}
.sub_hello .wrap .sub_hello_txt h2 { font-size: 40px; font-weight: 300; margin-bottom: 30px;}
.sub_hello .wrap .sub_hello_txt h2 strong { font-weight: 700; color: #2e3192; display: inline-block; position: relative;}
/*.sub_hello .wrap .sub_hello_txt h2 strong:before {position: absolute; content: ''; width: 200px; height: 200px; border-radius: 50%; border: 5px solid #2e3192; top: 200%; transform: translateY(-50%); right: -422px;}*/
.sub_hello .wrap .sub_hello_txt p { font-weight: 300; color: #666; line-height: 1.7em; font-size: 16px;}
/*.sub_hello .wrap .sub_hello_txt:before {position: absolute; content: ''; width: 300px; height: 300px; border: 5px solid  #2e3192; right: -100px; top: -100px; z-index: 9;}*/

.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: 32px; color: #666; line-height: 1.8em;}
.sub_brand .sub_brand_story h3 b {font-weight: 700; color: #000;}
.sub_brand .sub_brand_story > img {width: 250px;position: absolute; right: 150px; top: 250px;}
.sub_brand .sub_brand_story ul {margin-top: 100px;}
.sub_brand .sub_brand_story ul li {float: left; width: calc(94% / 2); margin-top: 50px;}
.sub_brand .sub_brand_story ul li:nth-child(odd) {margin-right: 6%;}
.sub_brand .sub_brand_story ul li h2 { padding-bottom: 26px; border-bottom: 1px solid #ddd; color: #000; font-weight: 500;}
.sub_brand .sub_brand_story ul li p {padding-top: 26px; color: #666; font-size: 20px; line-height: 2em; font-weight: 300;}

.sub_brand .sub_brand_core {padding: 70px 0;}
.sub_brand .sub_brand_core .sub_brand_core_txt li {float: left; width: 50%;}
.sub_brand .sub_brand_core .sub_brand_core_txt li img {width: 100%;}
.sub_brand .sub_brand_core .sub_brand_core_txt li:nth-child(1) {padding-right: 50px; padding-top: 100px;}
.sub_brand .sub_brand_core .sub_brand_core_txt li:nth-child(1) h1 {font-size: 180px; 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: 46px; margin-bottom: 30px;}
.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: 18px; color: #666; line-height: 2em; letter-spacing: -0.5px;}

.sub_brand .sub_brand_core .sub_brand_core_value  {margin-top: 100px;}
.sub_brand .sub_brand_core .sub_brand_core_value li {float: left; width: 23.5%; margin-right: 2%; text-align: center;}
.sub_brand .sub_brand_core .sub_brand_core_value li:last-child {margin-right: 0;}
.sub_brand .sub_brand_core .sub_brand_core_value li i {font-size: 100px; color: #000;}
.sub_brand .sub_brand_core .sub_brand_core_value li h3 {font-size: 32px; margin: 20px 0; color: #c62632;}
.sub_brand .sub_brand_core .sub_brand_core_value li p {color: #666; line-height: 2em;}

.sub_brand .sub_brand_power .sub_brand_power_txt li {float: left; width: 50%;}
.sub_brand .sub_brand_power .sub_brand_power_txt li img {width: 100%;}
.sub_brand .sub_brand_power .sub_brand_power_txt li {padding-top: 100px;}
.sub_brand .sub_brand_power .sub_brand_power_txt li h1 {font-size: 180px; 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: 46px; margin-bottom: 30px;}
.sub_brand .sub_brand_power .sub_brand_power_txt li h3 {font-size: 26px; margin-top: 50px; 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: 18px; color: #666; line-height: 2em; letter-spacing: -0.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: 150px;}
.char_icon_box li {float: left; width: 48%; border: 1px solid  #666; border-radius: 30px; padding: 30px 40px; margin-bottom: 30px; height: 250px; position: relative;}
.char_icon_box li:before {position: absolute; content: ''; height: 170px; width: 1px; background: #c62632; left: 190px; top: 50%; transform: translateY(-50%);}
.char_icon_box li:nth-child(odd) {margin-right: 4%;}
.char_icon_box li img {width: 150px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.char_icon_box li h3 {float: left; margin-left: 30%; font-size: 24px; color: #c62632;}
.char_icon_box li p {float: left; width: 70%; margin-left: 30%; margin-top: 20px; line-height: 2em; letter-spacing: -0.5px;}


.sub_interior {width: 1200px; margin: 0 auto;}
.sub_interior > h2 {font-weight: 300; font-size: 32px; margin: 30px 0;}
.sub_interior > h2 strong {color: #c62632;}
.sub_interior > p {font-size: 18px; color: #666; line-height: 2em; margin-bottom: 50px;}
.sub_interior .sub_interior_slide {margin: 50px 0;}

.sub_bi {text-align: center;}
.sub_bi .sub_bi_box {text-align: center; border: 1px solid  #c62632; display: inline-block; height: 470px; overflow: hidden;}
.sub_bi .sub_bi_box img {display: block; height: 400px;}
.sub_bi .sub_bi_box p {background: #c62632; color: #fff; height: 70px; line-height: 70px;}

.sub .wrap .sub_menu_list ul {margin-top: 100px;}
.sub .wrap .sub_menu_list ul li {float: left; width: 23.5%; margin-right: 2%; margin-bottom: 40px; overflow: hidden; height: 472px;}
.sub .wrap .sub_menu_list ul li h3 {margin-top: 15px; font-size: 24px; 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: 16px;letter-spacing: -1px;}
.sub .wrap .sub_menu_list ul li img {width: 100%;}
.sub .wrap .sub_menu_list ul li:nth-child(4n) {margin-right: 0;}
.sub .wrap .sub_menu_list ul li p:nth-of-type(2) {opacity: 1; height: 300px; 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: 329px; height: 329px; transition: .3s;}

.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_burger ul li:hover div:nth-of-type(1) {background-size: 105%;}


.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: 150px;}
.open .sub_open .char_icon_box li {float: left; width: 30%; border: 1px solid  #c62632; border-radius: 30px; padding: 15px 20px; margin-bottom: 60px; position: relative; height: 200px;}
.open .sub_open .char_icon_box li:before {display: none;}
.open .sub_open .char_icon_box li:nth-child(odd) {margin-right: 0;}
.open .sub_open .char_icon_box li:nth-child(1):after,
.open .sub_open .char_icon_box li:nth-child(2):after{position: absolute; content: ''; width: 30px; height: 30px; border-right: 3px solid #c62632; border-top: 3px solid #c62632; top: 50%; transform: translateY(-50%) rotate(45deg); right: -40px;}
.open .sub_open .char_icon_box li:nth-child(4):after,
.open .sub_open .char_icon_box li:nth-child(5):after{position: absolute; content: ''; width: 30px; height: 30px; border-left: 3px solid #c62632; border-top: 3px solid #c62632; top: 50%; transform: translateY(-50%) rotate(-45deg); right: -60px;}
.open .sub_open .char_icon_box li:nth-child(3):after {position: absolute; content: ''; width: 30px; height: 30px; border-left: 3px solid #c62632; border-bottom: 3px solid #c62632; left: 50%; transform: translateX(-50%) rotate(-45deg); bottom: -40px;}
.open .sub_open .char_icon_box li:nth-child(7):after {position: absolute; content: ''; width: 30px; height: 30px; border-left: 3px solid #c62632; border-bottom: 3px solid #c62632; left: 50%; transform: translateX(-50%) rotate(-45deg); top: -60px;}
.open .sub_open .char_icon_box li:nth-child(2),
.open .sub_open .char_icon_box li:nth-child(5) {margin:0 5%;}
.open .sub_open .char_icon_box li img {width: 100px; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.open .sub_open .char_icon_box li h3 {float: left; margin-left: 30%; font-size: 24px; color: #c62632;}
.open .sub_open .char_icon_box li p {float: left; width: 70%; margin-left: 30%; margin-top: 20px; line-height: 2em; letter-spacing: -0.5px; font-size: 14px;}

.open .sub_money {width: 900px; margin: 0 auto; margin-top: 80px;}
.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:15px 10px; font-size:20px; color:#fff; background:#c62632;}
.open .sub_money .basic td{padding:20px 10px; font-size:13px; 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 end******************/

.fp-watermark {display: none;}