@charset "utf-8";


body {width: 100%; overflow: initial;;}
body, html { text-align: initial;}
html {}
#wrap {width: 100%;min-width: 1500px;word-break: break-word;overflow: hidden;}
#toTop {display: none;text-decoration: none;position: fixed;bottom: 100px;right: 10px;overflow: hidden;width: 38px;height: 36px;border: none;text-indent: -999999px;background: url(../images/common/totop.png);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: 0.6;z-index: 99999;background-color: #fbda72;background-repeat: no-repeat;background-position: center center;}
#toTop:hover {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
a {-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;}
img {max-width: 100%;}




.cg_font {font-family: 'Cormorant Garamond','Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}



.main_link_box_all_wrap {padding: 30px 0;}
.main_link_box_wrap {border-radius: 15px;overflow: hidden;}
.main_link_box {padding: 40px 50px;background-repeat: no-repeat;background-position: center center; background-size: cover;}
.main_link_box_txt {font-size: 32px; color: #fff; font-weight: 200;line-height: 1.3;letter-spacing: -0.025em;}
.main_link_box_txt b {font-weight: 500;}
.main_link_box_btn_wrap {padding-top: 20px;}
.main_link_box_btn_wrap .main_link_box_btn {display: inline-block;position: relative;padding:5px 50px 5px 10px;top: 0px;left: 0px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none;font-size: 14px;border: 1px solid #fff; border-radius: 100px;}
.main_link_box_btn_wrap .main_link_box_btn:after {content: "";position: absolute;right: 8px;top: 50%;width: 0px;
height: 0px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #fff;margin-top: -5px;}
.main_link_box_btn_wrap .main_link_box_btn:before {content: "";position: absolute;right: 12px;top: 50%; width: 25px;height: 1px;background-color: #fff;margin-top: -1px;}
.main_link_box_btn_wrap .main_link_box_btn span {display: inline-block;position: relative;top: 0px;left: 0px; color: #fff;}

.main_link_box_btn_wrap .main_link_box_btn:hover {}

.main_link_box_01 .main_link_box {background-image: url(../images/main/main_link_box_01.jpg);}
.main_link_box_02 .main_link_box {background-image: url(../images/main/main_link_box_02.jpg);}




/*하단*/
.footer_all_wrap {width: 100%;color: #fff;background-color: #060c19;padding: 100px 0 120px;}
.footer_top{width: 100%; max-width: 850px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.footer_top_wrap{width: 100%;}
.footer_top_txt{padding: 0 50px;font-size: 48px;font-weight: 900;line-height: 1;word-break: keep-all;letter-spacing: 5px;}
.footer_top_txt:hover{color: #fff;}
.footer_top_txt:hover .footer_top_txt_hover{border-bottom: 3px solid #fff;}
.footer_top a{color: #8e9092;}

.footer_mid_wrap {width: 100%;padding-top: 50px;}
.footer_mid {width: 100%; margin: 0 auto;position: relative;top: 0px;left: 0px;}
.footer_mid_in {text-align: center;}
.footer_mid_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.footer_mid_box{display: inline-block; padding: 0 5px;}
.footer_mid_box_in{border: 1px solid #d5d5d5;}
.footer_mid_box_in .footer_mid_txt{font-size: 14px;font-weight: 200;line-height: 1.3;height: 50px;line-height: 50px;display: inline-block;min-width: 160px;}
.footer_mid a{color: #fff;}

.footer_mid_box_01 .footer_mid_box_in{background:#1a53a4;border: 1px solid #1a53a4;}

.footer_bottom_wrap {width: 100%;}
.footer_bottom {width: 100%; max-width: 1500px;margin: 0 auto;position: relative;top: 0px;left: 0px;}
.footer_num_wrap{font-size: 48px;font-weight: 500;line-height: 1;word-break: keep-all;letter-spacing: 5px;}
.foot_info{color: #8e9092;font-size: 14px;font-weight: 300;line-height: 1.3;}
.footer_copy{width: 100%;color: #8e9092;font-size: 14px;font-weight: 300;line-height: 1.3;}

/*.span_bar_01 {display: block;width: auto;height: 0px;margin: 10px;background-color: transparent;}*/


#container {width: 100%; max-width: 1200px;margin: 0 auto;}

.mall_list_all_wrap {width: 100%;}
.mall_list_wrap {width: 100%; max-width: 1500px; margin: 0 auto;}
.mall_list_top_wrap {}
.mall_list_top_info_wrap {width: 100%;}
.mall_list_top_info_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.mall_list_top_info {float: left;padding-left: 30px;position: relative;top: 0px;left: 0px;}
.mall_list_top_info a {font-size: 14px; color: #999;height: 30px;line-height: 30px;display: inline-block;}
.mall_list_top_info:last-child a {color: #222;}
.mall_list_top_info:first-child {padding-left: 0px;}
.mall_list_top_info:after{content: "";position: absolute;left: 10px;top: 11px; width: 8px;height: 8px;border-left: 1px solid #999; border-bottom: 1px solid #999;transform:rotate(225deg);transition:all .3s ease}
.mall_list_top_info:first-child:after {display: none;}

.mall_list_top_vs_label {font-size: 30px;color: #fff; font-weight: 500;}
.mall_list_top_vs_desc {font-size: 14px;color: #fff; font-weight: 200;}
.mall_list_top_vs {padding: 50px 0;text-align: center; background-color: #5ac364;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/mall_list_top_vs.jpg);}
.mall_list_top_vs_wrap {padding: 20px 0;display: none;}
.mall_list_top_info_wrap {padding: 20px 0 5px;}


.mall_list_con:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.mall_list_con_left {float: left; width: 100%; position: relative;top: 0px;left: 0px;z-index: 2;}
.mall_list_con_right {float: right;width: 100%;position: relative;top: 0px;left: 0px;z-index: 1;}

.mall_list_nav_wrap {border-top: 1px solid #ddd;}
.mall_list_nav {position: relative;top: 0px;left: 0px;border-bottom: 1px solid #ddd;}
.mall_list_nav_a {position: relative;top: 0px;left: 0px;padding-right: 30px;}
.mall_list_nav_a a {display: block;font-size:16px; color: #222;padding: 15px 0;}
.mall_list_nav_tab {position: absolute;top: 0px;right: 0px;width: 30px;bottom: 0px;cursor: pointer;text-indent: -9999px;overflow: hidden;}
.mall_list_nav_tab:after{content: "";position: absolute;left: 0px;top: 0px; right: 0px;bottom: 0px;width: 10px;height: 10px;border-left: 1px solid #666; border-bottom: 1px solid #666;transform:rotate(-45deg);transition:all .3s ease;margin: auto;}

.nav_on .mall_list_nav_tab:after {transform:rotate(135deg)}

.mall_list_nav_menu_wrap {background-color: #f6f6f6;width: 100%!important;padding: 10px 0;display: none;}
.mall_list_nav_menu {padding: 10px 10px 10px 15px;}
.mall_list_nav_menu a {font-size: 14px; color: #666;}
.mall_list_nav_menu a:hover {text-decoration: underline;color: #222;}



.mall_list_nav.active .mall_list_nav_menu_wrap { display: block; }
.mall_list_nav.active .mall_list_nav_tab:after {transform:rotate(135deg)}
.mall_list_nav_menu.active a {text-decoration: underline;color: #222;}
/*.gnu5_wrap {padding-bottom: 200px;}*/



.owl-carousel {position: relative;top: 0px;left: 0px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width:51px; height: 88px;margin-top: -44px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.owl-carousel .owl-nav button span {display: block;top: 0px;left: 0px;right: 0px;bottom: 0px;position: absolute;width: 30px;height: 30px;margin: auto;text-indent: -9999px;}
.owl-carousel .owl-nav button.owl-prev {left: -70px;}
.owl-carousel .owl-nav button.owl-next {right: -70px;}
.owl-carousel .owl-dots {position: absolute;bottom: 40px;left:  50%;width: 50px;text-align: center;margin-left: -25px;}
.owl-carousel .owl-dots button {display: inline-block;}
.owl-carousel .owl-dots button span {display: inline-block;width: 10px;height: 10px;overflow: hidden;background-color: #fff;border-radius: 100px;margin: 2px;opacity: 0.2;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;text-decoration: none; }
.owl-carousel .owl-dots button.active span {opacity: 1;}

.owl-carousel .owl-nav button.owl-prev span {border-left: 2px solid #999;border-bottom: 2px solid #999;transform: rotate(45deg);}
.owl-carousel .owl-nav button.owl-next span {border-right: 2px solid #999;border-top: 2px solid #999;transform: rotate(45deg);}



.board_list_all_wrap {width: 100%;}
.board_list_wrap {width: 100%; max-width: 1200px; margin: 0 auto;}
.board_list_top_wrap {}
.board_list_top_info_wrap {width: 100%;}
.board_list_top_info_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.board_list_top_info {float: left;padding-left: 30px;position: relative;top: 0px;left: 0px;}
.board_list_top_info a {font-size: 14px; color: #999;height: 30px;line-height: 30px;display: inline-block;}
.board_list_top_info:last-child a {color: #222;}
.board_list_top_info:first-child {padding-left: 0px;}
.board_list_top_info:after{content: "";position: absolute;left: 10px;top: 11px; width: 8px;height: 8px;border-left: 1px solid #999; border-bottom: 1px solid #999;transform:rotate(225deg);transition:all .3s ease}
.board_list_top_info:first-child:after {display: none;}

.board_list_top_vs_label {font-size: 30px;color: #fff; font-weight: 500;}
.board_list_top_vs_desc {font-size: 14px;color: #fff; font-weight: 200;}
.board_list_top_vs {padding: 50px 0;text-align: center; background-color: #5ac364;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/board_list_top_vs.jpg);}

.file_qalist .board_list_top_vs {background-image: url(../images/main/board_list_top_vs2.jpg);}
.file_qawrite .board_list_top_vs {background-image: url(../images/main/board_list_top_vs2.jpg);}
.file_qaview .board_list_top_vs {background-image: url(../images/main/board_list_top_vs2.jpg);}
.board_list_top_vs_wrap {padding: 20px 0;}
.board_list_top_info_wrap {padding: 20px 0 5px;}


.board_list_con:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.board_list_con_left {float: left; width: 230px;}
.board_list_con_right {float: right;width: 930px;}

.board_list_nav_wrap {border-top: 1px solid #ddd;}
.board_list_nav {position: relative;top: 0px;left: 0px;border-bottom: 1px solid #ddd;}
.board_list_nav_a {position: relative;top: 0px;left: 0px;padding-right: 30px;}
.board_list_nav_a a {display: block;font-size:16px; color: #222;padding: 15px 0;}
.board_list_nav_tab {position: absolute;top: 0px;right: 0px;width: 30px;bottom: 0px;cursor: pointer;text-indent: -9999px;overflow: hidden;}
.board_list_nav_tab:after{content: "";position: absolute;left: 0px;top: 0px; right: 0px;bottom: 0px;width: 10px;height: 10px;border-left: 1px solid #666; border-bottom: 1px solid #666;transform:rotate(-45deg);transition:all .3s ease;margin: auto;}

.nav_on .board_list_nav_tab:after {transform:rotate(135deg)}

.board_list_nav_menu_wrap {background-color: #f6f6f6;width: 100%!important;padding: 10px 0;display: none;}
.board_list_nav_menu {padding: 10px 10px 10px 15px;}
.board_list_nav_menu a {font-size: 14px; color: #666;}
.board_list_nav_menu a:hover {text-decoration: underline;color: #222;}



.board_list_nav.active .board_list_nav_menu_wrap { display: block; }
.board_list_nav.active .board_list_nav_tab:after {transform:rotate(135deg)}
.board_list_nav_menu.active a {text-decoration: underline;color: #222;}




/*미스미네랄*/

@keyframes sizeup {
   0% {
     transform: scale(1);
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
  }
  50% {
   transform: scale(1.1);
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
}
100% {
   transform: scale(1);
   -ms-transform: scale(1);
   -webkit-transform: scale(1);
}
}

.txt_center {text-align: center;}
.gap {height: 50px;}
.sgap {height: 30px;}
.ssgap {height: 10px;}
.sssgap {height: 5px;}
.ssssgap {height: 1px;}


.sec_tit1 {font-size:48px;font-weight: 900;line-height: 1;color: #222;word-break: keep-all;letter-spacing: 5px;}
.sec_tit2 {font-size:72px;font-weight: 900;line-height: 1;color: #222;word-break: keep-all;letter-spacing: 9px;}
.sec_tit3 {font-size:30px;font-weight: 300;line-height: 1;color: #222;word-break: keep-all;}
.sec_tit3 b{font-weight: 500;}
.sec_tit3 .en{font-weight: 900;}

.sec_tit4 {font-size:40px;font-weight: 300;line-height: 1.3;color: #222;word-break: keep-all;}
.sec_tit4 b{font-weight: 500;}
.sec_tit5 {font-size:60px;font-weight: 200;line-height: 1.3;color: #222;word-break: keep-all;}
.sec_tit5 b{font-weight: 500;}
.sec_tit5 .num{font-weight: 900;}
.sec_tit6 {font-size:45px;font-weight: 300;line-height: 1;color: #222;word-break: keep-all;}
.sec_tit6 b{font-weight: 500;}
.sec_tit6 .b{font-weight: 900;}


.sec_txt1 {font-size:14px;font-weight: 600;line-height: 1.3;color: #222;word-break: keep-all;letter-spacing: 2px;}
.sec_txt2 {font-size:18px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt3 {font-size:16px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt4 {font-size:20px;font-weight: 300;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt4 b{font-weight: 500;}
.sec_txt4 span{font-weight: 900;}

.sec_txt5 {font-size:24px;font-weight: 900;line-height: 1.6;color: #222;word-break: keep-all;}
.sec_txt6 {font-size:22px;font-weight: 300;line-height: 1.6;color: #727272;word-break: keep-all;}

.more_btn{color: #222;display: block;}
.more_btn span{position: relative;top: 0;left: 0;}
.more_btn span::after{content: url(../images/common/more_btn.png);position: absolute;top: 0;right: -50px;}
.sec_in{width: 100%; max-width: 1500px; margin: 0 auto;}


.main .owl-carousel {position: relative;top: 0px;left: 0px;overflow: hidden;}
.main .item{position: relative;top: 0px;left: 0px;width: 100%;height: 100%;overflow: hidden;}
.main .main_visual_bg {position: relative;top: 0;left: 0;}
.main .main_visual_in {position: absolute;top: 50%;left: 50%;width: 1500px;transform: translate(-50%,-50%);}


.main_visual_bg {
   animation-duration: 15s;
   animation-timing-function: ease;
   animation-delay: 0s;
   animation-iteration-count: infinite;
   animation-direction: normal;
   animation-fill-mode: none;
   animation-play-state: running;
   animation-name: sizeup;

   width: 100%;height: 100vh; background-repeat: no-repeat; background-size: cover;
}

.main_visual_bg_01{background-image: url(../images/main/main_01.jpg); background-position: center center;}
.main_visual_bg_02{background-image: url(../images/main/main_02.jpg); background-position: right center;}
.main_visual_bg_03{background-image: url(../images/main/main_03.jpg); background-position: right center;}

.main_visual_txt_01{font-size: 72px;color: #fff;line-height: 1;font-weight: 800;letter-spacing: 9px;word-break: keep-all;}
.main_visual_txt_02{font-size: 18px;color: #fff;line-height: 1.3;font-weight: 100;word-break: keep-all;}
.main_visual_txt_03{font-size: 14px;line-height: 1.3;font-weight: 100;letter-spacing: 2px;word-break: keep-all;}
.main_visual_txt_03 a{color: #fff;}
.main_more_btn{color: #fff;display: block;}
.main_more_btn span{position: relative;top: 0;left: 0;}
.main_more_btn span::after{content: url(../images/common/main_more_btn.png);position: absolute;top: 0;right: -50px;}

.main_bg {
   animation-duration: 35s;
   animation-timing-function: ease;
   animation-delay: 0s;
   animation-iteration-count: infinite;
   animation-direction: normal;
   animation-fill-mode: none;
   animation-play-state: running;
   animation-name: sizeup;
}

.main_sec_01_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.main_sec_01_left_wrap{float: left;width: 50%;height: 100vh;overflow: hidden;position: relative;top: 0;left: 0;min-height: 800px;}
.main_sec_01_right_wrap{float: right;width: 50%;}

.main_sec_01_left_wrap_in{width: 100%;height: 100%; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/marathon_01.jpg);}
.main_sec_01_left_item{position: absolute;bottom: -30px;right: 0;width: 350px;}

.main_sec_01_right_txt_wrap{width: 100%;height: 50vh;min-height: 400px;}
.main_sec_01_right_img_wrap{width: 100%;height: 50vh;overflow: hidden;min-height: 400px;}
.main_sec_01_right_txt_wrap_in{width: 100%;height: 100%; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/marathon_02.jpg);display: flex;align-items: center;}
.main_sec_01_right_img_wrap_in{width: 100%;height: 100%; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/marathon_03.jpg);}


.main_sec_01_right_txt{padding-left: 120px;display: block;}
.main_sec_01_right_txt .sec_txt2{color: #8d8d8d;}

.main_sec_box{float: left;width: 50%;overflow: hidden;position: relative;top: 0;left: 0;}
.main_sec_con{float: left;width: 50%;overflow: hidden;position: relative;top: 0;left: 0;}
.main_sec_tit_wrap .sec_txt2{color: #8d8d8d;}

.main_sec_02_wrap{padding-top: 160px;}
.main_sec_02_con_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.main_sec_02_left_wrap{padding-top: 100px;}
.main_sec_02_left_bg{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/beautiful_01.jpg);display: flex;align-items: center;}
.main_sec_02_left_txt{position: absolute;bottom: 50px;left: 30px;}
.main_sec_02_right_bg{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/beautiful_02.jpg);display: flex;align-items: center;}
.main_sec_02_right_txt{position: absolute;bottom: 50px;right: 30px;text-align: right;}
.main_sec_02_right_txt .more_btn span{left: -55px;}

.main_sec_02_right_bg2 {background-image: url(../images/main/everyone_02.jpg);background-position: center top;}

.main_sec_04_01_wrap{padding-top: 240px;}
.main_sec_04_01_con_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.main_sec_04_01_bg{width: 650px;height: 800px;overflow: hidden;margin: 0 auto;}
.main_sec_04_01_bg_wrap{position: relative;top: 0;left: 0;}
.main_sec_04_01_item_wrap{position: absolute;bottom: -150px;left: 50%;transform: translateX(-50%);margin-left: 18px;}
.main_sec_04_01_left_bg_in {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/hygiene_01.jpg);display: flex;align-items: center;}
.main_sec_04_01_right_bg_in {width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/hygiene_02.jpg);display: flex;align-items: center;}
.main_sec_04_01_right_bg{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/hygiene_02.jpg);display: flex;align-items: center;}
.main_sec_04_01_right_txt{position: absolute;bottom: 50px;right: 30px;text-align: right;}
.main_sec_04_01_right_txt .more_btn span{left: -55px;}

.main_sec_04_wrap{padding-top: 150px;}
.main_sec_04_con_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.main_sec_04_left_wrap{padding-top: 100px;}
.main_sec_04_left_bg{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/health_01.jpg);display: flex;align-items: center;}
.main_sec_04_left_txt{position: absolute;bottom: 50px;left: 30px;}
.main_sec_04_right_bg{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(../images/main/health_02.jpg);display: flex;align-items: center;}
.main_sec_04_right_txt{position: absolute;bottom: 50px;right: 30px;text-align: right;}
.main_sec_04_right_txt .more_btn span{left: -55px;}

.main_sec_04_left_txt .sec_tit1{color: #fff;}
.main_sec_04_left_txt .sec_txt1{font-weight: 400;}
.main_sec_04_left_txt .sec_txt1 a{color: #fff;}
.main_sec_04_left_txt .more_btn span::after{content: url(../images/common/main_more_btn.png);}


.main_sec_05_wrap{padding-top: 200px;}
.main_sec_05_wrap .main_sec_tit_wrap span{color: #ccc;}
.main_sec_item_con_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.main_sec_item_con_wrap_in{margin-left: -70px;}
.main_sec_item_con{float: left;width: 33.333%;padding-left: 70px;}
.main_sec_item_con_img{width: 100%;background-color: #e4e4e4;}
.main_sec_item_con_txt_wrap{position: relative;top: 0;left: 0;}
.main_sec_item_con_price{position: absolute;top: 0;right: 0;}

.main_sec_06_wrap{padding: 240px 0 180px;}
.main_sec_06_wrap .main_sec_tit_wrap span{color: #ccc;}
/*.main_sec_06_img_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.main_sec_06_img{float: left;width: 20%;}*/
.main_sec_06_img a{display: block;}










.board_wrap .table_wrap table {}
.board_wrap .table_wrap td {text-align: left;}
.board_wrap .table_wrap th {background-color: #f7f7f7}



/*서브페이지*/

.sub_brand #container {width: 100%;max-width: 100%;}
.sub_brand #wrapper_title {display: none;}

.event_con_wrap #container{width: 100%;max-width: 100%;}

/*인사말*/

.greeting_wrap{padding: 150px 0 250px;}
.greeting_wrap .sec_tit1{letter-spacing:0;}

.greeting_wrap .sec_tit4{font-weight: 400;}
.greeting_wrap .sec_txt4{font-weight: 200;}

.greeting_con_01_img{width: 100%;height: 700px; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(/theme/basic/images/sub/greeting_img_01.jpg);}
.greeting_con_wrap_01{position: relative;top: 0;left: 0;padding-bottom: 160px;}
.greeting_con_01_txt_wrap{position: absolute;bottom: 0;left: 50%;background-color: #fff;width: 1200px;margin-left: -600px;padding-top: 90px;}

.greeting_con_wrap_02{padding: 200px 0 350px;position: relative;top: 0;left: 0;}
.greeting_con_wrap_02_box_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.greeting_con_02_img_01{float: left;width: 50%;height: 500px; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(/theme/basic/images/sub/greeting_img_02.jpg);}
.greeting_con_02_txt_wrap{float: left;width: 50%;padding: 75px 0 75px 120px;}
.greeting_con_02_img_02{position: absolute;bottom: 0;left: 40%; width: 480px;height: 390px; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(/theme/basic/images/sub/greeting_img_03.jpg);z-index: -9;}

.greeting_con_wrap_03{padding: 180px 0 370px;position: relative;top: 0;left: 0;}
.greeting_con_wrap_03_box_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.greeting_con_03_img_01{float: right;width: 50%;height: 500px; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(/theme/basic/images/sub/greeting_img_04.jpg);}
.greeting_con_03_txt_wrap{float: left;width: 50%;padding: 110px 0 110px 120px;}
.greeting_con_03_img_02{position: absolute;bottom: 0;left: 20%; width: 480px;height: 390px; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(/theme/basic/images/sub/greeting_img_05.jpg);z-index: -9;}


/*스토리*/
.company_wrap{padding: 150px 0 250px;}
.company_wrap .sec_tit1{letter-spacing:0;}

.company_wrap .sec_tit4{font-weight: 900;}
.company_wrap .sec_txt4{font-weight: 200;}
.company_wrap .company_tit_wrap .sec_txt4{font-weight: 900;}

.company_con_wrap_01_in{position: relative;top: 0;left: 0;}
.company_con_01_left{width: 48%;}
.company_con_01_right{width: 100%;position: absolute;top: 150px;right: 0;padding-left: 52%;}
.company_con_01_img{width: 100%;background-repeat: no-repeat;background-position: center center; background-size: cover;}
.company_con_01_box_01{padding-bottom: 150px;}
.company_con_01_txt_wrap_in{padding: 0 30px;}
.company_con_01_box_01 .company_con_01_img{background-image: url(/theme/basic/images/sub/company_con_01_img_01.jpg);height: 480px; }
.company_con_01_box_02 .company_con_01_img{background-image: url(/theme/basic/images/sub/company_con_01_img_02.jpg);height: 780px; }
.company_con_01_box_03 .company_con_01_img{background-image: url(/theme/basic/images/sub/company_con_01_img_03.jpg);height: 480px; }

.company_con_wrap_02{padding: 250px 0;}
.company_con_wrap_02_in{position: relative;top: 0;left: 0;}
.company_con_02_bg{width: 100%;background-repeat: no-repeat;background-position: center top; background-size: cover;background-image: url(/theme/basic/images/sub/company_con_02_bg.jpg);height: 850px;}
.company_con_02_txt_wrap{position: absolute;top: 50%;left: 50%;width: 1500px;transform: translate(-50%,-50%);}
.company_con_02_txt_wrap .sec_txt4 br{display: none;}

.company_con_03_box_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.company_con_03_box{float: left;width: 33.333%;}
.company_con_03_box_icon{width: 80px;margin: 0 auto;}
.company_con_03_box_in{width: 350px;height: 350px;margin: 0 auto;border: 1px solid transparent;border-radius: 50%;position: relative;top: 0;left: 0;display: flex;align-items: center;}
.company_con_03_box_in::before {content: "";
   animation: scalepulse2 1.3s infinite;
    animation-timing-function: ease;
    animation-fill-mode: both;
   -ms-animation: scalepulse2 1.3s infinite;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; border: 1px solid #dcdcdc; border-radius: 1000px; display: inline-block;
    animation-delay: .3s;
}

.company_con_03_box_in::after{content: "";width: 320px;height: 320px;border: 2px solid #dcdcdc;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);

   animation: scalepulse 1.3s infinite;
    animation-timing-function: ease;
    animation-fill-mode: both;
   -ms-animation: scalepulse 1.3s infinite;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
        animation-delay: .15s;
}

@keyframes scalepulse{
   20%{transform: translate(-50%,-50%) scale(1.15);animation-timing-function:ease}
   50%{transform: translate(-50%,-50%) scale(1);animation-timing-function:ease}
}

@keyframes scalepulse2{
   20%{transform: scale(1.15);animation-timing-function:ease}
   50%{transform: scale(1);animation-timing-function:ease}
}











.company_con_03_box_inner{height: 160px;display: block;margin: 0 auto;}

.company_con_wrap_04{padding-top: 250px;}

.company_con_wrap_04_in{position: relative;top: 0;left: 0;}
.company_con_04_left_wrap{position: absolute;left: 0;width: 48%;}
.company_con_04_right_wrap{width: 100%;padding-left: 52%;}
.company_con_04_box_01{top: 0;}
.company_con_04_box_04{bottom: 0;width: 55%;}

.company_con_04_left_txt{padding: 120px 0 120px 60px;}
.company_con_04_right_txt{padding: 150px 0 150px 190px;}

.company_con_04_right_img{width: 100%;background-repeat: no-repeat;background-position: center center; background-size: cover;height: 845px;background-image: url(/theme/basic/images/sub/company_con_04_img_01.jpg);}
.company_con_04_left_img{width: 100%;background-repeat: no-repeat;background-position: center center; background-size: cover;height: 800px;background-image: url(/theme/basic/images/sub/company_con_04_img_02.jpg);}



/*사업분야*/

.field_wrap{padding: 150px 0 250px;}
.field_wrap .sec_tit1{letter-spacing:0;}

.field_wrap .sec_tit4{font-weight: 400;}
.field_wrap .sec_txt4{font-weight: 200;}

.field_con_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.field_left{float: left;}
.field_right{float: right;}
.field_img{width: 100%;background-repeat: no-repeat;background-position: center center; background-size: cover;height: 730px;}
.field_txt{display: flex;align-items: center;height: 730px;}

.field_con_01 .field_img{background-image: url(/theme/basic/images/sub/field_img_01.jpg);}
.field_con_01 .field_left{width: 45%;padding-left: 80px;}
.field_con_01 .field_right{width: 55%;}

.field_con_02 .field_img{background-image: url(/theme/basic/images/sub/field_img_02.jpg);}
.field_con_02 .field_right{width: 45%;padding-left: 150px;}
.field_con_02 .field_left{width: 55%;}

.field_con_03 .field_img{background-image: url(/theme/basic/images/sub/field_img_03.jpg);}
.field_con_03 .field_left{width: 45%;padding-left: 80px;}
.field_con_03 .field_right{width: 55%;}




/*인증서*/

.certification_wrap{padding: 150px 0 250px;}
.certification_wrap .sec_tit1{letter-spacing:0;}
.certification_wrap .sec_tit4{letter-spacing:0;font-weight: 200;line-height: 1.4;}
.certification_wrap .sec_tit4 b{font-weight: 400;}

.certification_wrap .sec_txt4{font-weight: 200;}

.certification_con_wrap{position: relative;top: 0;left: 0;}
.certification_con_left{position: absolute;top: 0;left: 50%;width: 1500px;transform: translateX(-50%);}
.certification_con_right{width: 100%;padding-left: 50%;}
.certification_con_right_img{width: 100%;height: 585px; background-repeat: no-repeat;background-position: center center; background-size: cover;background-image: url(/theme/basic/images/sub/certification_img.jpg);}

.certification_con_left_img_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.certification_con_left_img_wrap_in{margin-left: -15px;padding-right: 70%;}
.certification_con_left_img{float: left;width: 50%;padding-left: 15px;}
.certification_con_left_img img{width: 100%;border: 1px solid #cdcdcd;box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 10%);}


/*찾아오시는길*/

.location_wrap{padding: 150px 0 0;}
.location_wrap .sec_tit1{letter-spacing:0;}

.location_wrap .sec_tit4{font-weight: 400;}
.location_wrap .sec_txt4{font-weight: 200;}

.location_con_wrap_in:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.location_con{float: left;width: 33.333%;}
.location_con_icon{width: 75px;margin: 0 auto;}

.map_wrap {width: 100%; height: 780px;}
#map_canvas_mobile {display: none;}


/*이벤트*/

.event_wrap{padding: 150px 0;}
.event_wrap .sec_tit1{letter-spacing:0;}
    
.event_wrap .sec_tit4{font-weight: 400;}
.event_wrap .sec_txt4{font-weight: 200;}


/*참고실*/

.reference_wrap{padding: 150px 0;}
.reference_wrap #container{width: 1500px;}
.reference_wrap .sec_tit1{letter-spacing:0;}
    
.reference_wrap .sec_tit4{font-weight: 400;}
.reference_wrap .sec_txt4{font-weight: 200;}

/*생생체험단*/

.photoview_wrap{padding: 150px 0;}
.photoview_wrap #container{width: 1500px;}
.photoview_wrap .sec_tit1{letter-spacing:0;}
    
.photoview_wrap .sec_tit4{font-weight: 400;}
.photoview_wrap .sec_txt4{font-weight: 200;}


/*문의하기*/

.inquiry_wrap{padding: 150px 0;}
.inquiry_wrap #container{width: 1500px;}
.inquiry_wrap .sec_tit1{letter-spacing:0;}
    
.inquiry_wrap .sec_tit4{font-weight: 400;}
.inquiry_wrap .sec_txt4{font-weight: 200;}
.qa_label_wrap .sec_txt4 span{font-weight: 300;}


.qa_wrap {width: 100%;max-width: 1500px;margin: 0 auto;}
.qa_box {width: 100%;padding-bottom: 15px;}
.qa_box_in {width: 100%;}
.qa_label_wrap {padding: 25px 50px;position: relative;top: 0px;left: 0px;border: 1px solid #ededed;}
.qa_label_wrap a {display: block;font-size: 30px;line-height: 1.3; color: #222; word-break: keep-all;font-weight:300; text-decoration: none!important;}
.qa_label_wrap span{position: relative;top: 0;left: 80px;}
.qa_label_wrap span:after {position: absolute;top: 50%;left: -80px;color: #fff;width: 40px;height: 40px;background-color: #222;text-align: center;line-height: 40px;margin-top: -20px;}
.qa_box_01 .qa_label_wrap span:after {content: "1";}
.qa_box_02 .qa_label_wrap span:after {content: "2";}
.qa_box_03 .qa_label_wrap span:after {content: "3";}
.qa_box_04 .qa_label_wrap span:after {content: "4";}

.qa_desc_wrap {width: 100%!important;display: none;padding: 40px 25px 60px 50px;}
.qa_desc {font-weight: 200;color: #555;}
.qa_desc b{font-weight: 300;color: #222;}
.qa_desc span{position: relative;top: 0;left: 20px;}
.qa_desc span:after {content: "·";position: absolute;top: 0;left: -20px;}

.qa_label {position: relative;top: 0px;left: 0px;padding-right:80px;}
.qa_label:after {content: "+";display: block;position: absolute;top: 50%;right: 20px;margin: auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;transform: translateY(-50%);}
.qa_on .qa_label:after {content: "-";}

.qa_on .qa_label_wrap:after {width: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.qa_desc .qa_desc_btn {display: inline-block;padding: 5px 10px; font-size: 16px; color: #fff; font-weight: 300; background-color: #333;}



.mall_list_con_nav_wrap {}
.mall_list_con_nav_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.mall_nav_box_wrap {float: left;position: relative;top: 0px;left: 0px;}

.mall_nav_box_wrap_01 .mall_nav_box .mall_nav {display: none;}
.mall_nav_box_wrap_01 .mall_nav_box .mall_nav.active {display: block;}
.mall_nav_box_wrap_01 .mall_nav_menu_wrap {display: none;}
.mall_nav_box_wrap_01 .mall_nav_box .mall_nav_a {padding-right: 30px;position: relative;top: 0px;left: 0px;}
.mall_nav_box_wrap_01 .mall_nav_box .mall_nav_a a {display: inline-block; font-size: 36px; color: #000;}
.mall_nav_box_wrap_01 .mall_nav_box .mall_nav_a a:after {border-right: 2px solid #333;border-top: 2px solid #333;display: inline-block;width: 15px;height: 15px;content: "";position: absolute;top: 50%; right: 5px;transform: translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.mall_nav_box {border-bottom: 2px solid #222;}
.mall_nav_box_wrap_01.nav_on .mall_nav_box .mall_nav_a a:after {transform: translateY(-50%) rotate(135deg);}

.mall_nav_box_wrap_02 .mall_nav {display: none;}
.mall_nav_box_wrap_02 .mall_nav.active {display: block;}
.mall_nav_box_wrap_02 .mall_nav_a {display: none;}
.mall_nav_box_wrap_02 .mall_nav_box .mall_nav_menu  {display: none;}
.mall_nav_box_wrap_02 .mall_nav_box .mall_nav_menu.active {display: none;}


.mall_nav_box_wrap_02 .mall_nav_box .mall_nav_menu {padding-right: 30px;position: relative;top: 0px;left: 0px;}
.mall_nav_box_wrap_02 .mall_nav_box .mall_nav_menu a {display: inline-block; font-size: 36px; color: #000;}
.mall_nav_box_wrap_02 .mall_nav_box .mall_nav_menu a:after {border-right: 2px solid #333;border-top: 2px solid #333;display: inline-block;width: 15px;height: 15px;content: "";position: absolute;top: 50%; right: 5px;transform: translateY(-50%) rotate(45deg);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.mall_nav_box_wrap_02.nav_on .mall_nav_box .mall_nav_menu a:after {transform: translateY(-50%) rotate(135deg);}
.mall_nav_box_wrap_02 {margin-left: 20px;}

.mall_nav_box_in {position: relative;top: 0px;left: 0px;}
.mall_nav_box_sub {position: absolute;top: 100%;left: -10px;padding-top: 0px; width: 180px!important;margin-top: -10px;display: none;}
.mall_nav_box_sub .mall_nav_wrap {border: 1px solid #222; background-color: #fff;border-radius: 10px;padding: 20px;}

.mall_nav_box_wrap_01 .mall_nav_a a {display: block;padding: 10px 0; font-size: 18px; color: #333;}
.mall_nav_box_wrap_02 .mall_nav_menu a {display: block;padding: 10px 0; font-size: 18px; color: #333;
font-family:'Noto Sans KR','돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;
}
.mall_nav_box_sub:before {content: "";border-right: 1px solid #333;border-top: 1px solid #333;display: inline-block;width: 15px;height: 15px;content: "";position: absolute;top:-7px;left:50%;transform: translateX(-50%) rotate(315deg); }

.mall_nav_box_sub:after {content: "";width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #fff;position: absolute;top: -9px;left: 50%;transform: translateX(-50%); }

#ssch_sort {text-align: right;}

.sub_mall_list #wrapper_title {display: none;}
.mall_list_top_wrap {display: none;}

.mall_list_con {padding-top: 100px;}

.sub_board_review #wrapper_title {display: none;}
.sub_board_qa #wrapper_title {display: none;}


.m_navi_all_wrap {overflow: hidden;padding-bottom: 30px;display: none;}
.m_navi_all_wrap:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.m_navi_wrap {display: block;list-style: none;font-size: 0px; text-align: center;}
.m_navi_wrap li {display: inline-block;}
.m_navi_wrap li a {display: block; text-align: center; font-size: 16px; color: #333;padding: 0 10px;}
/*.m_navi_wrap li a {display: block; text-align: center; border: 1px solid #222;height: 50px;line-height: 50px;font-size: 16px; color: #333;}
.m_navi_wrap li a:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;font-size: large;}
.m_navi_wrap li a span {vertical-align: middle;display: inline-block;line-height: 1.3;text-align: center;max-width: 100%;position: relative;top: 0px;left: 0px;}
*/

.main_visual_wrap{width: 100%; height: 100vh;min-height: 800px;position: relative;top: 0;left: 0;}

#myVideo{
   position: absolute;
   left: 0;
   bottom: 0;
   top:0;
   right:0;
   width: 100%;
   height: 100vh;
    min-height: 800px;
   background-size: 100% 100%;
   background-position: center center;
   background-size: contain;
   object-fit: cover;
   z-index:3;
}

.main_txt_wrap{position: absolute;top: 50%;left: 50%;width: 1500px;transform: translate(-50%,-50%);z-index: 99;}
.main_txt_01{font-size: 70px;color: #fff;font-weight: 300;padding-bottom: 10px;text-align: center;}
.main_txt_02{font-size: 36px;color: #fff;font-weight: 300;text-align: center;}




.main_arrow{
    position: absolute;bottom: 7%; left: 50%;
    z-index: 100;
    transform: translateX(-50%);
}
.main_arrow .txt {font-size:14px;color:#fff;font-weight:300;display: inline-block;padding-bottom: 15px;}
.main_arrow .arr{position:relative;width: 22px;height: 43px; border: 1px solid #fff; background-color: transparent;left: 50%; margin-left: -11px;border-radius: 100px;}
.main_arrow .arr:after{
   position: absolute;
   top: 10px;
   left: 50%;
   content: '';
   width: 4px;
   height: 10px;
   margin-left: -2px;
   border-radius: 100px;
   background-color: #fff;
   animation: scroll 1.3s infinite;
}
@keyframes scroll{
      0% {transform: translate(0, -5px); opacity: 0;}
      40% {opacity: 1;}
      80% {transform: translate(0, 10px);}
      100% {opacity: 0;}
}

.ani_target {position:relative;top:0;left:0px;width:1px;height:0;overflow: hidden;font-size: 0px;opacity: 0;padding: 0px;margin: 0px;visibility: hidden;}

.file_login .mbskin{margin: 0 auto;}
.file_login  #container{margin: 100px auto;}
.file_register #container{margin: 100px auto;}
.file_cart  #container{margin: 100px auto;}


.sit_icon{display: none;}

@media screen and  (max-width:2000px)  {
    .main_sec_01_left_item{width: 250px;}
}

.foot_logo { margin: 0 auto 20px auto; display: flex; gap: 20px; justify-content: center; }
.foot_logo img{height: 40px; }
.foot_logo div{ display: flex;align-items: center;}

/*.main_sec_01_right_txt .sec_tit2 span{font-family: "Dotum";font-size: 63px;letter-spacing: -2px;}*/



.video_box {
    position: relative; padding-bottom: 56.25%; height: 0px;
}
.video_box iframe {width: 100%;position: absolute; top: 0px; left: 0px;height: 100%;}


.lang_all_wrap {position: relative;top: 0px;left: 0px;z-index: 3;width: 100px;height: 50px;}
.lang_wrap {position: absolute;top: 0px;left: 0px;height: 50px}
.lang_box {border: 1px solid transparent;border-radius: 100px;}
.lang_sub_wrap {display: none;border-top: 1px solid #ddd;}
.lang_box .lang_box_a {font-size: 20px; padding:0px 40px 0 20px;height: 36px; line-height: 36px;position: relative;top: 0px;left: 0px;display: block;}
.lang_box .lang_box_a:after {content: "";position: absolute;right: 16px;top: 11px; width: 8px;height: 8px;border-left: 1px solid #fff; border-bottom: 1px solid #fff;transform:rotate(-45deg);transition:all .3s ease}

.lang_box:hover {border-radius: 5px;border-color: #222}
.lang_box:hover .lang_box_a {background-color: #222;color: #fff!important;}
.lang_box:hover .lang_box_a:after {transform:rotate(135deg);top: 16px;border-color: #fff!important;}
.lang_box:hover .lang_sub_wrap {display: block;}
.lang_sub_box a {padding: 0 20px;height: 30px;line-height: 30px;}
.lang_sub_box a:hover {color: #222}


.header_top_box_lang .header_top_sub_menu_wrap {width: 100%!important;text-align: center;}

.company_con_02_txt_wrap_in {padding-left: 50%;padding-top: 50px;}



#gallery {width: 100%; margin: 0 auto;}
#gallery:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
#gallery .item {width: 20%; float: left;display: block; }
#gallery .item a {height: 0px;padding-bottom: 100%;position: relative;top: 0px;left: 0px; overflow: hidden;width: 100%;display: block;}
#gallery .item img {width: 100%;}



.file_listtype .shop-content{padding-top: 100px !important;}
.file_listtype #wrapper_title{display: none !important;}