@media only screen and (max-width: 1199px) { #con_page .box_brands { width: 91.66667%; } }
#con_page .box_brands { background-color: #f8f8f8; padding: 40px 0 130px; min-width: 1280px; min-height: 670px; }
#con_page .box_brands .wrp_contents { width: 1280px; margin: auto}
#con_page .box_brands .inview .inview_el {opacity: 0; transform: translate(0, 15px); transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 200ms}
#con_page .box_brands .inview .inview_el.nth_1 {transition-delay: 150ms}
#con_page .box_brands .inview .inview_el.nth_2 {transition-delay: 300ms}
#con_page .box_brands .inview .inview_el.nth_3 {transition-delay: 400ms}
#con_page .box_brands .inview .inview_el.nth_4 {transition-delay: 500ms}
#con_page .box_brands .inview .inview_el.nth_5 {transition-delay: 600ms}
#con_page .box_brands .is_inviewed .inview_el {opacity: 1; transform: translate(0, 0);}
#con_page .brand_bibigo_top .top_visual {position:relative; background:#004122}
#con_page .brand_bibigo_top .obj_1 {position:absolute;top:0;left:50%;margin:70px 0 0 -320px;}
#con_page .brand_bibigo_top .obj_2 {position:absolute;top:50%;right:9%;}
#con_page .box_brands .btn_center {text-align:center;margin:30px 0 74px;}
#con_page .box_brands .btn_toggle { font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.2px; width: 237px; font-weight: bold; margin: auto; background-color: #ba8b57; color: white; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 14px 25px; font-size: 18px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#con_page .box_brands .btn_toggle:after { content: ""; display: inline-block; margin-left: 14px; width: 0;
height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white;}
#con_page .box_brands .btn_close:after { border-top: none; border-bottom: 5px solid white;}
#con_page .brand_bibigo_con {position:relative; background:#004122; display:none;}
#con_page .ourstory1 {position:relative;width:850px;margin:0 auto}
#con_page .ourstory1 .text1 {position:relative;text-align:right}
#con_page .ourstory1 .text1 p {font-size:20px;color:#fff;line-height:1.2}
#con_page .ourstory1 .text1 p.p1 {font-size:32px;color:#2ea300;font-weight:800;margin-bottom:4px}
#con_page .ourstory1 .text1 p.p3 {margin-top:26px}
#con_page .ourstory1 .visual1 .obj_1 img {width:52%;margin:-10% 0 0 10%;}
#con_page .ourstory1 .visual1 .obj_2 {position:absolute;top:24%;left:1%;width:24%}
#con_page .ourstory1 .visual1 .obj_2 img {width:100%}
#con_page .ourstory1 .visual1 .obj_3 {position:absolute;top:27%;right:15%;width:24%}
#con_page .ourstory1 .visual1 .obj_3 img {width:100%}
#con_page .ourstory1 .visual1 .obj_4 img {width:83%;margin:2% 0 0 17%;}
#con_page .ourstory1 .visual1 .obj_5 {position:absolute;bottom:36%;right:-3%;width:21%}
#con_page .ourstory1 .visual1 .obj_5 img {width:100%}
#con_page .ourstory1 .text2 {position:absolute;bottom:16.5%;left:0.5%;}
#con_page .ourstory1 .text2 p {font-size:20px;color:#fff;text-align:right;line-height:1.2}
#con_page .ourstory1 .text2 p.p2 {font-size:34px;color:#2ea300;font-family:MalikTrial;margin-top:20px;line-height:1.1}
#con_page .ourstory2 {position:relative}
#con_page .ourstory2 .title {width:770px;font-size:42px;color:#fff;font-family:MalikTrial;margin:80px auto 30px}
#con_page .ourstory2 .visual1 .obj_1 {text-align:center}
#con_page .ourstory2 .visual1 + .inview .title {margin:10px auto 20px}
#con_page .ourstory2 .text1 {width:770px;font-size:20px;color:#fff;line-height:1.2;margin:0 auto 30px}
#con_page .ourstory2 .text1 p {width:760px;margin-bottom:24px}
#con_page .ourstory2 .visual2 .obj_2 {position:absolute;bottom:9%;right:18%;width:9%}
#con_page .ourstory2 .visual2 .obj_2 img {width:100%}
#con_page .brand_bibigo_list .title {font-size:64px;color:#2ea300;font-family:MalikTrial;margin:80px auto 15px;text-align:center}
#con_page .brand_bibigo_slider {display:block;position:relative;width:100%;max-width:1000px;margin: auto;}
#con_page .brand_bibigo_slider .embla__viewport {overflow: hidden;padding:3% 0 2%}
#con_page .brand_bibigo_slider .embla__container {display: flex;touch-action: pan-y pinch-zoom;margin-left: calc(1rem * -2);}
#con_page .brand_bibigo_slider .embla__slide {transform: translate3d(0, 0, 0);flex: 0 0 300px;min-width: 0;padding-left:4%;}
#con_page .brand_bibigo_slider .embla__slide img {transition: transform 0.3s ease;transform: scale(0.7);}
#con_page .brand_bibigo_slider .embla__slide.is-selected img {transform: scale(1.2);z-index: 1;}
#con_page .brand_bibigo_slider .embla__slide__number {display: flex;align-items: center;justify-content: center;height: auto;user-select: none;transform-origin:top;}
#con_page .brand_bibigo_slider .embla__slide__number img {display: block;height: auto;width: auto;max-width: 100%;will-change: transform;}
#con_page .brand_bibigo_list .embla__controls {width: 100%;display:block;pointer-events:none;}
#con_page .brand_bibigo_list .embla__buttons {display:flex;justify-content: center;align-items: center;pointer-events:none;}
#con_page .brand_bibigo_list .embla__button {width:24px;height:24px;-webkit-appearance: none;appearance: none;pointer-events:auto;border-radius:24px;margin:0 12px}
#con_page .brand_bibigo_list .embla__button.embla__button--prev {background:#2ea300 url('data:image/svg+xml,') no-repeat center;}
#con_page .brand_bibigo_list .embla__button.embla__button--next {background:#2ea300 url('data:image/svg+xml,') no-repeat center;}
#con_page .brand_bibigo_list .embla__selected-snap-display {font-size:22px;color:#2ea300}
#con_page .brand_bibigo_list .embla__selected-snap-display span {font-size:38px}
#con_page .brand_bibigo_list .description {text-align:center}
#con_page .brand_bibigo_list .description p {display: none;color:#fff;font-size:18px}
#con_page .brand_bibigo_list .description p.is-active {display: block;}
#con_page .ourstory3 .visual1 {position: relative;}
#con_page .ourstory3 .visual1 .title {position:absolute;top:45%;right:18%;color:#003d0f;font-size:70px;font-family:MalikTrial;line-height:1;text-align:right}
#con_page .ourstory3 .visual1 .obj_1 img {vertical-align:top}
#con_page .ourstory3 .visual1 .obj_2 {position:absolute;bottom:38%;right:40%;width:13%}
#con_page .ourstory3 .visual1 .obj_2 img {width:100%}
#con_page .ourstory3 .visual2 {width:100%;text-align:center;background:#fff8eb;padding:30px 0}
#con_page .ourstory4 {width:100%;text-align:center;background:#fff8eb;padding:80px 0 40px}
#con_page .ourstory4 .title {color:#003d0f;font-size:70px;font-family:MalikTrial;line-height:1;text-align:center}
#con_page .ourstory4 .title strong {color:#2ea300}
#con_page .ourstory4 .text1 {margin:10px 0 20px;font-size:18px;color:#004122}
#con_page .ourstory4 .bibigo_world {position:relative;padding:0 0 40px 0;overflow:hidden}
#con_page .ourstory4 .bibigo_world .map_area {text-align:center}
#con_page .ourstory4 .bibigo_world .map_area {overflow:hidden;position:relative}
#con_page .ourstory4 .bibigo_world .map_area .bg {position:relative;margin:30px 0 0 0;text-align:center;}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin {display:inline-block;position:absolute;z-index:10;width:271px;height:271px;}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin.korea {left:427px;top:33px;}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin > span {display:inline-block;position:absolute;left:50%;top:50%;width:100%;height:100%;transform: translate(-50%, -50%);transform-origin:center}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin > .txt {top:50%;z-index:40;height:auto;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";font-size:12px;color:#fff;font-family:'MalikTrial', serif}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin .circle1 {z-index:30;border-radius:300px;width:48px;height:48px;background:#0c4724;}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin .circle2 {z-index:20;border-radius:300px;width:94px;height:94px;;background:#0c4724;opacity:0.4;margin:-47px 0 0 -47px}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin .circle3 {z-index:10;border-radius:300px;width:160px;height:160px;background:#0c4724;opacity:0.27;margin:-80px 0 0 -80px}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin .circle4 {z-index:0;border-radius:300px;width:244px;height:244px;background:#0c4724;opacity:0.1;margin:-122px 0 0 -122px}
#con_page .ourstory4 .bibigo_world .map_area .bg .pin .circle {animation: circleScale 2s infinite ease-in-out;}
@keyframes circleScale {
0% {
transform: scale(1);
}
40% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
#con_page .brand_list .grid {clear: both; text-align: center; overflow:hidden;}
#con_page .brand_list .grid .col-1-3 {width: 33.33333333%; float:left;}
#con_page .brand_list .list-column .thumbs {position: relative; padding: 0 0 64% 0; background: #000; overflow: hidden}
#con_page .brand_list .list-column .background {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: 100% auto; background-size: cover; background-position: center center; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s}
#con_page .brand_list .list-column .pic {position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center}
#con_page .brand_list .list-column .pic img {margin: 0 auto; height: 100%}
#con_page .brand_list .list-column .summary { -webkit-box-sizing: content-box; box-sizing: content-box; height: 50px; padding: 24px 0; text-align: center; text-decoration: none; }
#con_page .brand_list .list-column .summary, #con_page .brand_list .list-column .summary p { line-height: 1.4; }
#con_page .brand_list .list-column .name { margin: 0; padding: 0; font-size: 18px; color: #333; }
#con_page .brand_list .list-column .desc { margin: 0; padding: 0; font-size: 16px; color: #767676; }
#con_page .brand_list .list-column a { display: block; }
#con_page .brand_list .list-column a:focus { outline-offset: -2px; }
#con_page .brand_list .list-column a:hover .background { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
#con_page .brand_list .list-column a:hover .pic { z-index: 3; }
#con_page .brand_list .list-column a:hover .thumbs:before { opacity: 0.2; }
#con_page .brand_list .inview .thumbs:before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.8; -webkit-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
#con_page .brand_list .inview .pic { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
#con_page .brand_list .inview.is_inviewed .pic {-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
#con_page .brand_list .inview.is_inviewed .thumbs:before { opacity: 0; }
#con_page .brand_list .inview.nth-child-1 .transition-el { -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; }
#con_page .brand_list .inview.nth-child-2 .transition-el { -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; }
#con_page .brand_list .inview.nth-child-3 .transition-el { -webkit-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; }
#con_page .brand_list .inview.nth-child-4 .transition-el { -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; }
#con_page .brand_list .inview.nth-child-5 .transition-el { -webkit-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
#con_page .brand_list .inview.nth-child-6 .transition-el { -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; }
#con_page .brand_list .inview.nth-child-7 .transition-el { -webkit-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; }
#con_page .brand_list .inview.nth-child-8 .transition-el { -webkit-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; }
#con_page .brand_list .inview.nth-child-9 .transition-el { -webkit-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; }