@charset "utf-8";

.sub_con{text-align:center;}
.sub_con h2{font-size:5.5rem;margin:16rem 0 10rem;}

.fadein {opacity: 0;transition: all 2s;transform: translate(0, 200px);}
.fadein.visible {opacity: 1;transform: translate(0, 0);}

.brand_wrap .menu_wrap {position: relative;width:fit-content;margin: 3.5rem auto;}
.brand_wrap .menu_wrap .in_Layer {overflow: hidden;}
.brand_wrap .menu {display: flex;align-items: center;}
.brand_wrap .menu > li{padding:1rem 2.5rem;}
.brand_wrap .menu > li a {display: flex;align-items: center;position: relative;font-size:2rem;color:#666;text-decoration: none;}
.brand_wrap .menu > li.active a {color:#222;font-weight:500;}
.brand_wrap .menu > li.active a:before{content:'';display:inline-block;width:100%;height:0.3rem;left:0;bottom:-0.5rem;background:var(--point-g);position:absolute;}
.brand_wrap .menu > li.active a:after {content:'';width:0.5rem;height:0.5rem;display:inline-block;background:var(--point-g);border-radius:50%;position:absolute;top:-0.5rem;right:-0.5rem;}
.brand_wrap .swiper-slide{width:auto !important;}

.brand_mo{display:none;}
.brand_pc{height: 80rem;}

.intro-fixed {position: relative;width: 100%;height: 75rem;} 
.intro-fixed .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: inherit;}  
.intro-fixed .bg {position: fixed;top: 8.5rem;left: 0;width: 100%;height:-webkit-fill-available;background-size: cover;background-position: center 0 !important;}
.intro_page{border-radius:7rem 7rem 0 0;margin-top:-6rem;position:relative;z-index:2;background:#fff;}
.brand_info{padding-top:7rem;}
.brand_info .brand_logo{width:auto;/* height:4rem; */}
.brand_info strong{display:block;color:#222;font-size:5rem;margin:2rem auto 3rem;word-break: keep-all;width:50%;}
.brand_info p{color:#444;font-size:2.2rem;width:50%;margin:0 auto;word-break: keep-all;line-height:160%;}

/* .product{margin-top:10rem;} */
.product h2{font-size:0;}
.product_wrap{margin-top:12rem;}
.product_wrap .category{display:flex;justify-content: center;align-items:center;}
.product_wrap .category a{width:20rem;height:7rem;line-height:7rem;border:1px solid #ddd;box-sizing:border-box;background:#fff;color:#444;font-size:2.2rem;border-right:none;position:relative;}
.product_wrap .category a:last-child{border-right:1px solid #ddd;}
.product_wrap .category a.on{background:var(--point-g);color:#fff;font-weight:500;border-right:none;}
.product_wrap .category a.on:after{content:'';position:absolute;bottom:-1.8rem;left:50%;margin-left:-0.5rem;width: 0;height: 0;border-bottom: 1rem solid transparent;border-top: 1rem solid var(--point-g);border-left: 1rem solid transparent;border-right: 1rem solid transparent;} 

.product_list{display:inline-flex;justify-content:flex-start;width:100%;max-width:140rem;margin:9rem auto 14rem;flex-wrap: wrap;}
.product_list li{width:25%;padding:2rem;box-sizing:border-box;}
.product_list li a{border:1px solid #ddd;box-sizing:border-box;display:block;position:relative;}
.product_list li img{width:100%;}

/* 제품상세(product) */
.product h2{margin:0 0 10rem 0;}
.pd_wrap{width:100%;max-width:140rem;margin:0 auto;}
.pd_detail{display:flex;justify-content: space-between;}
.pd_detail .pd_thumb{margin-right:12rem;}
.pd_detail .pd_thumb img{width:70rem;}
.pd_info{text-align:left;width:100%;}
.pd_info .s_link{margin-bottom:3rem;min-height:1px;}
.pd_info .s_link a{position:relative;color:var(--point-g); font-size:1.6rem;}
.pd_info .s_link a:after{content:''; display:inline-block;width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.94482 -2.10041e-07L2.25 0.702682L6.38062 5.00656L5.94019 5.4656L5.94238 5.46307L2.27222 9.28672L2.95703 10C3.97142 8.9432 6.80339 5.99274 7.75 5.00656C7.04694 4.27361 7.73257 4.98789 2.94482 -2.10041e-07Z' fill='%2300BF86'/%3E%3C/svg%3E") no-repeat;background-size:contain;margin:0 5px 0 10px;}
.pd_info .s_link a:last-child::after{display:none;}
.pd_info .pd_name{display:block;font-size:4.5rem;margin-bottom:4rem;color:#222;min-height:1px;word-break:keep-all;line-height:130%;}
.pd_info .pd_txt{color:#444;font-size:2.2rem;word-break: keep-all;margin-bottom:6rem;min-height:1px;line-height:170%;}
.pd_info .pd_memo{display:block;color:var(--point-n);font-size:1.8rem;min-height:1px;}
.pd_info .price_wrap{padding:5rem 0;margin-top:5rem;border-top:1px solid #ddd;display:flex;justify-content: space-between;font-size:2.5rem;color:#222;}
.pd_info .btn_buy_shop{display:block;width:100%;background:var(--point-g);color:#fff;font-size:2.2rem;height:6.5rem;line-height:6.5rem;text-align:center;font-weight:500;}
.pd_info .btn_buy_shop span:before{content:'';display:inline-block;width:2.5rem;height:2.5rem;background:url(/img/brand/ico_shop.png) no-repeat;background-size:contain;vertical-align:middle;margin-right:1rem;}

.brand_wrap .option_swiper .swiper-slide{width:100% !important;}

.option_swiper{width:100%;max-width:140rem;overflow:hidden;position:relative;padding-bottom:4rem;}
.option_swiper .swiper-pagination{bottom:0;top:auto;}
.pd_option{padding-bottom:10rem;margin-top:13rem;;}
.pd_option .op_tit{text-align:left;width:100%;overflow:hidden;margin-bottom:5rem;}
.pd_option .op_tit span{font-size:3rem;color:#222;display:block;position:relative;font-weight:500;}
.pd_option .op_tit span:after{content:'';width:100%;height:1px;background:#ddd;position:absolute;top:1.8rem;}
.pd_option .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;box-sizing:border-box;cursor: pointer;}
.pd_option .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;/* max-width:32rem; */} 
.option_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--point-g);}
.option_swiper .swiper-pagination-progressbar{background:#ddd;}


/* store */
.store h2{margin:8rem 0 2rem;font-size:4.5rem;padding:0 2rem;}
.store h6{color:#444;font-size:2rem;font-weight:normal;}
.store_wrap{width:100%;max-width:140rem;margin:0 auto;}
.store_wrap .find_wrap{background:#f9f9f9;margin:6rem 0;padding:5rem 0;}
.store_wrap .find_wrap .find_con{width:100%;max-width:78rem;position:relative;margin:0 auto;}
.store_wrap .find_wrap input[type="text"]{width:100%;height:6rem;line-height:6rem;color:#666;border:1px solid #ddd;padding:0 1rem;box-sizing:border-box;padding-right:6rem;}
.store_wrap .find_wrap button{width:6rem;height:6rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M20.8406 20.8015L26.25 26.25M23.75 13.75C23.75 19.2729 19.2729 23.75 13.75 23.75C8.22715 23.75 3.75 19.2729 3.75 13.75C3.75 8.22715 8.22715 3.75 13.75 3.75C19.2729 3.75 23.75 8.22715 23.75 13.75Z' stroke='%23666666' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-size:50%;position:absolute;top:50%;margin-top:-1.5rem;right:-1.5rem;}

.store_list{text-align:left;border-top:1px solid #ddd;margin-bottom:10rem;display:none;}
.store_list li{display:flex;justify-content: space-between;padding:2.5rem 4rem;box-sizing:border-box;width:100%;align-items: center;border-bottom:1px solid #ddd;}
.store_info .name{display:block;font-size:2.2rem;color:#222;margin-bottom:1rem;font-weight:500;}
.store_info .num{font-size:1.6rem;color:#666;margin-bottom:1rem;}
.store_info .b_list{color:var(--point-n);font-size:1.6rem;}
.store_list .map{display:inline-block;width:4.4rem;height:4.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cg clip-path='url(%23clip0_530_30)'%3E%3Cpath d='M22 33.9163L16.5 31.1663L5.5 36.6663V12.833L16.5 7.33301L27.5 12.833L38.5 7.33301V21.083' stroke='%232C3E50' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5 7.33301V31.1663' stroke='%232C3E50' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.5 12.833V22.9163' stroke='%232C3E50' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.656 38.1687C41.7751 37.0901 42.5372 35.7156 42.8461 34.2193C43.155 32.7229 42.9967 31.1719 42.3913 29.7623C41.7858 28.3527 40.7605 27.1478 39.4448 26.3001C38.1292 25.4525 36.5824 25 35 25C33.4176 25 31.8708 25.4525 30.5552 26.3001C29.2395 27.1478 28.2142 28.3527 27.6087 29.7623C27.0033 31.1719 26.845 32.7229 27.1539 34.2193C27.4628 35.7156 28.2249 37.0901 29.344 38.1687C30.4587 39.2461 32.344 40.8556 35 43C37.8027 40.7116 39.6907 39.1021 40.656 38.1687Z' fill='%2300BF86'/%3E%3Ccircle cx='35' cy='32' r='3' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_530_30'%3E%3Crect width='44' height='44' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;background-size:contain;}

.store_table{width:100%;max-width:140rem;margin:0 auto;border-top:3px solid var(--point-n);margin-bottom:5rem;display:block;table-layout: fixed;}
.store_table th, .store_table td{padding:1rem;box-sizing:border-box;text-align:center;word-break:keep-all;line-height:150%;}
.store_table th{border-bottom:1px solid #ddd;padding:2rem 1rem;background:#f9f9f9;font-size:1.8rem;}
.store_table td{border-bottom:1px solid #ddd;}
.store_table td .map{width:3.6rem;height:3.6rem;}

/* .store_table th:nth-child(1), .store_table td:nth-child(1){width:18%;}
.store_table th:nth-child(2), .store_table td:nth-child(2){width:45%;}
.store_table th:nth-child(3), .store_table td:nth-child(3){width:15%;}
.store_table th:nth-child(4), .store_table td:nth-child(4){width:15%;}
.store_table th:nth-child(5), .store_table td:nth-child(5){width:17%;}
 */
.store_table td.store_none{width:100vw;max-width:140rem;padding:3rem 0;}

/* news & event */
.news_list{border-top:1px solid #ddd;}
.news_list li{display:flex;justify-content: space-between;width:100%;padding:4rem 3rem;box-sizing:border-box;align-items: center;border-bottom:1px solid #ddd;}
.news_list .txt{display:flex;align-items: center;}
.news_list .txt a{color:#222;font-size:2rem;margin-left:2rem;}
.news_list .date{color:#888;font-size:1.6rem;}
.notice .page_wrap{margin:7rem 0;}

.news_box{width:100%;max-width:140rem;margin:6rem auto 0;}
.news_header{width:100%;background:#f9f9f9;text-align:left;display:flex;align-items: end;padding:3.5rem 5rem;box-sizing:border-box;justify-content: space-between;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.news_header .tit{color:#222;font-size:2.8rem;margin-top:1rem;font-weight:500;}
.news_header .date{color:#888;font-size:1.8rem; } 
.news_con{text-align:left;width:100%;padding:5rem;box-sizing:border-box;}
.news_con p{word-break: keep-all;}
.news_con img{max-width:100%;height:auto !important;}
.news_txt_list{text-align:left;border-top:1px solid #ddd;}
.news_txt_list li{display:flex;border-bottom:1px solid #ddd;width:100%;padding:2rem 5rem;box-sizing:border-box;align-items: center;}
.news_txt_list li span{font-size:1.6rem;color:#222;font-weight:500;padding-right:5rem;position:relative;cursor:pointer;}
.news_txt_list li span:after{content:'';display:inline-block;width:1px;height:15px;background:#ddd;position:absolute;right:0;top:5px;}
.news_txt_list li p{font-size:1.6rem;color:#666;margin-left:3rem;}
.go_list{margin:8rem 0;color:#fff;background:var(--point-g);text-align:center;padding:1rem 5rem;font-size:2.2rem;font-weight:400;display:inline-block;}


/* qna */
.qna_wrap{width:100%;max-width:80rem;margin:7rem auto 12rem;}
.qna_wrap li{display:flex;align-items: center;justify-content: space-between;margin-bottom:3rem;}
.qna_wrap li span{display:inline-block;width:13rem;text-align:left;}
.qna_wrap li input[type="text"], .qna_wrap li .select, .qna_wrap li .text_box{width:calc(100% - 13rem);}
.qna_wrap li textarea{width:100%;}
.qna_wrap li .chk_box{width:100%;}
.qna_wrap li input[type="text"]{padding:0 2rem;border:1px solid #ddd;box-sizing:border-box;}
.qna_wrap li input[type="text"], .qna_wrap li .select{height:6rem;line-height:6rem;}
.qna_wrap li .text_box{padding:2rem;position:relative;border:1px solid #ddd;box-sizing:border-box;}
.qna_wrap li:nth-child(2){position:relative;flex-wrap:wrap;}
.qna_wrap li:nth-child(2) p{color:var(--point-n);font-size:1.4rem;margin-top:0.5rem;padding-left:13rem;}
.qna_wrap li textarea{border:none;resize: none;}
.qna_wrap li .text_box .count{text-align:right;}
.qna_wrap li .text_box .count span{width:auto;font-size:1.3rem;color:#888;}
.qna_wrap li:nth-child(4){align-items: flex-start;}

.select {position: relative;}
.select svg {position: absolute;right: 12px;top: calc(50% - 3px);width: 10px;height: 6px;stroke-width: 2px;stroke: #9098a9;fill: none;stroke-linecap: round;stroke-linejoin: round;pointer-events: none;}
.select select {-webkit-appearance: none;padding: 0 2rem;width: 100%;border: 1px solid #ddd;box-sizing:border-box;background: #fff;cursor: pointer;}
.select select:required:invalid {color: #bdbdcc;}
.select select option {color: #222;}
.select select option[value=""][disabled] {display: none;}
.qna_wrap li input[type="text"], .select select:focus, .qna_wrap li textarea:focus {outline: none;}
.sprites {position: absolute;width: 0;height: 0;pointer-events: none;user-select: none;}


.private_wrap{width:100%;padding-left:13rem;box-sizing:border-box;}
.private_box{font-size:1.3rem;text-align:left;border:1px solid #ddd;padding:2rem;box-sizing:border-box;}

.chk_box{text-align:left;margin-top:1rem;}
.checkbox.style {display: inline-block;position: relative;padding-left: 25px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox.style input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkbox.style input:checked ~ .checkbox__checkmark {background-color: var(--point-g);}
.checkbox.style input:checked ~ .checkbox__checkmark:after {opacity: 1;}
.checkbox.style:hover input ~ .checkbox__checkmark {background-color: #eee;}
.checkbox.style:hover input:checked ~ .checkbox__checkmark {background-color: var(--point-g);}
.checkbox.style .checkbox__checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #eee;transition: background-color 0.25s ease;border-radius: 5px;}
.checkbox.style .checkbox__checkmark:after {content: "";position: absolute;left: 6px;top: 3px;width: 5px;height: 7px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);opacity: 0;transition: opacity 0.25s ease;}
.checkbox.style .checkbox__body {color: #222;line-height: 1.4;font-size: 1.4rem;}

.qna_wrap .send_wrap{width:100%;padding-left:13rem;box-sizing:border-box;margin-top:4rem;}
.send_wrap .send{background:var(--point-g);color:#fff;font-size:1.8rem;font-weight:500;display:block;height:5rem;line-height:5rem;}
.send_wrap .send.none{background:#aaa;}



/* 회사소개 */
.info .menu_wrap {position: relative;width:fit-content;margin: 0 auto 5rem;}
.info .menu {display: flex;align-items: center;}
.info .menu > li{padding:1rem 2.5rem;}
.info .menu > li a {display: flex;align-items: center;position: relative;font-size:2.2rem;color:#666;text-decoration: none;}

.info-fixed {position: relative;width: 100%;height: 60rem;} 
.info-fixed .bg-wrap {clip: rect(0, auto, auto, 0);position: absolute;top: 0;left: 0;width: 100%;height: inherit;}  
.info-fixed .bg {position: fixed;top: 8.5rem;left: 0;width: 100%;height: inherit;background-size: cover;background-position: center center;background-image: url(../../img/company/about_bg.png);}

.info h6{font-size:6rem;text-align:center;display:block;color:#222;}
.info .px_ex{height:50rem;}
.about_wrap{width:100%;max-width:140rem;margin:0 auto;padding-top:5rem;}
.about_wrap h6{font-size:5rem;color:#222;padding:5rem 0 10rem;}
.about_wrap h6 + span{display:block;font-size:3rem;color:#222;padding:3.5rem 0 7rem;}
.about_wrap p{font-size:2.2rem;word-break: keep-all;line-height:180%;letter-spacing:-0.2px;padding:0 0 14rem;color:#222;}
.about_wrap strong{font-weight:500;}
.about_wrap h6 > span{display:inline-block;position:relative;}
.about_wrap h6 > span:after{content:'';display:inline-block;width:100%;height:2.5rem;background:#ffe180;bottom:10px;left:-1rem;padding:0 1rem;position:absolute;z-index:-1;}

.history .list{display:flex; align-items:flex-start; margin: 14rem 0 0;}
.history .list .img_box{width:100%;max-width:84.5rem; position: sticky;top:20rem;}
.history .list .img_box figure{position:relative; width: 100%; padding-bottom:77%; overflow: hidden;}
.history .list .img_box img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%;}
.history .list .his_box{margin-top: 0;width:100%;max-width:60rem;padding-left:17rem;}
.history{width:100%;text-align:left;position:relative;margin:0 auto;background:#f9f9f9;padding:14rem 0;}
.history .media{display:flex;align-items: flex-start;text-align:left;}
.history .align-items-stretch{align-items: stretch!important;}
.history .media-left{margin-right:5rem !important;margin:-1px 0;margin-top:1.3rem;}
.history .media-body{flex:1;display:flex;padding:3rem 0;border-bottom:1px dashed #ddd;align-items:flex-start;}
.history .media-body .media-txt{margin-top:1rem;}
.history .media-body h4{color:var(--point-n);font-size:4.5rem;font-weight:bold;letter-spacing:-1px;display:inline-block;margin-right:6rem;}
/* .history .media-body.line2 h4{margin-top:-1.3rem;} */
/* .history .media-body.line3 h4{margin-top:-3.7rem;} */
.history .media-body p{font-size:2rem;margin-bottom:1rem;color:#555;line-height:150%;}
.history .media-body p span{color:#444;}
.history .line3 .vsp-wrap{padding-bottom:2.5rem;}
.history .vsp-wrap {position: relative;height: 100%;padding:5rem 0 6.5rem;}
.history .list .his_box .item:first-child .media-body{padding-top:4rem;}
.history .list .his_box .item:first-child .vsp-wrap{padding-top:0;margin-top:6rem;padding-bottom:5rem;}
.history .list .his_box .item:first-child .vsp-mark{top:0;}
.history .list .his_box .item:first-child .vsp-fill{top:0;}
/* .history .list .his_box .item:last-child .vsp-bar{background:#f9f9f9;} */
.history .list .his_box .item:last-child .media{height:fit-content;}
/* .history .list .his_box .item:last-child .vsp-bar .vsp-fill{background:#f9f9f9;} */
/* .history .list .his_box .item:last-child .media-body{padding:0 0;} */
.history .list .his_box .item:last-child .media-left{margin-top:0;margin-bottom:0;}
.history .list .his_box .item:last-child .vsp-wrap{padding-bottom:0;padding-top:0;}

.history .list .his_box .item.last .vsp-wrap{padding-bottom:0;padding-top:3rem;}
.history .list .his_box .item.last .media-body{margin-bottom:4rem;}
/* .history .list .his_box .item:last-child .media-body{border-bottom:none;margin-top:-1rem;} */
.history .vsp-bar {width: 4px;height: 100%;background: #ccc;}
.history .vsp-mark {position: absolute;top: 16%;left: 50%;transform: translate( -50%, -50% );width: 20px;height: 20px;border-radius: 50%;overflow: hidden;background:url(../../img/company/dot.png) no-repeat;background-size:contain;}
.history .vsp-fill {position: absolute;top: 0;left: 0;right: 0;height: 59%;background:var(--point-g);}

.business_wrap{width:100%;max-width:140rem;margin:0 auto;text-align:center;padding-top:14rem;}
.business_wrap h6 + p{font-size:2.2rem;color:#444;margin-top:7rem;line-height:150%;}
.business_img ul{display:flex;justify-content: space-between;margin:12rem 0 14rem;}
.business_img li{width:28.5%;text-align:center;}
.business_img li:last-child{margin-right:0;}
.business_img li strong{font-weight:bold;font-size:2.6rem;color:#222;margin-top:4rem;display:block;}
.business_img li p{font-size:1.8rem;color:#444;word-break: keep-all;margin-top:2rem;line-height:160%;}
.business_img img{width:100%;}


/* 250618 사이트수정 */
.about_wrap strong{font-weight:bold;}
.item01 .vsp-wrap{height:60%;}


@media (hover: hover) {
	.product_list li a:hover{border:1px solid var(--point-g); }
  .pd_option .swiper-slide img:hover{border:1px solid var(--point-g);box-sizing:border-box;}
  .pd_info .s_link a:hover{text-decoration: underline;}
  .product_list li a:hover::before{content:'';width:100%;height:100%;top:0;left:0;background:var(--point-g);opacity:0.1;display:block;position:absolute;}
  .news_list .txt a:hover, .news_txt_list li a:hover p{color:var(--point-g);}

  .info .menu > li:hover a {color:#222;font-weight:600;}
  .info .menu > li:hover a:before{content:'';display:inline-block;width:100%;height:0.3rem;left:0;bottom:-0.5rem;background:var(--point-g);position:absolute;}
  .info .menu > li:hover a:after {content:'';width:0.5rem;height:0.5rem;display:inline-block;background:var(--point-g);border-radius:50%;position:absolute;top:-0.5rem;right:-0.5rem;}

}



@media screen and (max-width: 1440px){/*PC 작은 모니터*/
  
}


@media screen and (max-width: 1024px){/*PC 작은 모니터*/
    .pd_wrap{padding:0 2rem;box-sizing:border-box;}
    .pd_detail .pd_thumb{margin-right:10rem;}
    .pd_detail .pd_thumb img{width:60rem;}
    .inner_header .gnb_w nav>ul>li{padding:0 3.5rem;}

}

@media screen and (max-width: 950px){/*PC 작은 모니터*/
    .info-fixed .bg{top:7rem;}
    .info-fixed{height:25rem;}

    .store_list{display:block;}
    .store_table{display:none;}

    .brand_info strong, .brand_info p{width:80%;}

}


@media screen and (min-width:768px) and (max-width: 1023px) {
	  .info-fixed{height:40rem;}
    .intro-fixed .bg{background-position:center top !important;}
}



@media screen and (max-width: 768px){/*테블릿 사이즈*/

    .brand_wrap .menu_wrap {width:-webkit-fill-available;}
    .brand_pc{display:none;}
    .brand_mo{display:block;}

    
    
    .intro-fixed{height:60rem;}


    .product_list li{width:33%;max-width: none;}
    .product_wrap .category{flex-wrap:wrap;margin:0 2rem;/* border-right:1px solid #ddd; */}
    .product_wrap .category a{width:50%;height:5rem;line-height:5rem;margin-top: -1px;margin-right:-1px;border-right:1px solid #ddd;}
    .product_wrap .category a.on:after{display:none;}

    .pd_detail{flex-wrap:wrap;justify-content: center;}
    .pd_detail .pd_thumb{margin-right:0;}
    .pd_detail .pd_info{width:100%;margin-top:5rem;}
    .pd_option{margin-top:6rem;}
    
    .info .sub_con h2{margin:6rem 0 4rem;}
    .info h6{font-size:4rem;}
    .info .menu > li a{font-size:1.8rem;}
    .info .menu > li{padding:1rem 2rem;}
    .info_top.mo{height:25rem;background:url(../../img/company/about_bg.png) no-repeat center;background-size:cover;}
    .about_wrap{width:100%;padding:0 2.5rem;box-sizing:border-box;}
    .about_wrap h6{font-size:3rem;margin:6rem 0 2rem;padding:0 0;}
    .about_wrap h6 + span{font-size:2rem;padding:0 0;}
    .about_wrap p{font-size:1.5rem;padding:3rem 0 12rem;}

    .history .list .img_box{max-width:38.5rem;}
    .history .list{margin:7rem 0 14rem;}
    .history .list .his_box{padding-left:5rem;}

    
    .business_wrap{width:100%;padding:0 2.5rem;box-sizing:border-box;}
    .business_wrap h6 + p{font-size:1.6rem;line-height:180%;margin-top:4rem;}
    .business_img ul{margin:4rem 0 2rem;}
    .business_img li{width:31%;margin-right:0;margin-bottom:4rem;}
    .business_img li strong{margin-top:3rem;font-size:2rem;}
    .business_img li p{margin-top:1rem;font-size:1.4rem;}

    .product_wrap .category{justify-content: flex-start;}
    .brandTop {
      animation-name : brandTop;
      animation-duration : 1s;
      animation-timing-function : linear; 
      animation-delay : 1s;
      animation-fill-mode: forwards;
  }
  
  @keyframes brandTop{
      0% {
        transform : translateY(0);
      }
      50% {
        transform : translateY(0);
      }
      100% {
        transform : translateY(0);
      }
    }


    

}

@media screen and (max-width: 640px){/*모바일~테블릿 사이즈*/
    .history .list{margin:2rem 0 12rem;}
    .history .list .img_box{display:none;}
    .history .list .his_box{padding-left:0;padding:0 2.5rem;box-sizing:border-box;width:100%;}
    .history .media-body{flex-wrap:wrap;padding:1rem 0 2rem;}
    .history .media-body h4{font-size:2.8rem;width:100%;margin-right:0;margin-top:2rem;}
    .history .media-body p{font-size:1.6rem;}
    .history .media-body.line2 h4{margin-top:2.5rem;}
    .history .media-body.line3 h4{margin-top:2rem;}
    .history .media-left{margin-right:3rem !important;}
    .history .vsp-mark{width:16px;height:16px;}
    .history .vsp-wrap{padding:4rem 0 6.5rem;}
    .history .vsp-mark{top:15%;}
    /* .history .list .his_box .item:last-child .media-body h4{margin-top:0;} */

    .business_img ul{display:block;}
    .business_img li{width:100%;}

    .item01 .vsp-wrap{height:45%;}
} 

@media screen and (max-width: 480px){/*모바일 사이즈*/
    .sub_con h2{font-size:3.5rem;margin:6rem 0 3rem;}
    .brand_wrap .menu_wrap{margin-bottom:4rem;}
    .px_ex_mo{height:26rem;}
    .brand_mo{height:30rem;}

    .brand_wrap .menu_wrap{margin:2rem auto;}
    .intro-fixed{height:30rem;}
    .intro-fixed .bg{top:0;background-position:bottom !important;background-size:cover !important;height:60vh;}
    .intro_page{border-radius:3rem 3rem 0 0;}


    .brand_info{padding-top:3rem;margin-top:2rem;border-radius:3rem 3rem 0 0;}
    .brand_info .brand_logo{height:7rem;}
    .brand_info strong{font-size:2.8rem;width:75%;margin:2rem auto;line-height:140%;}
    .brand_info p{font-size:1.5rem;width:100%;padding:0 2rem;box-sizing:border-box;line-height:180%;letter-spacing:0.5px;}

    .brand_wrap .menu > li{padding:1rem 2rem;}
    .brand_wrap .menu > li a{font-size:1.6rem;}

    .product h2{font-size:0;margin:0 0 2rem 0;}
    .product_wrap{margin-top:6rem;}
    .product_list{margin:5rem auto 7rem;padding:0 1rem;box-sizing:border-box;}
    .product_list li{width:50%;padding:1rem;box-sizing:border-box;}
    .product_wrap .category a{font-size:1.5rem;}

    
    /* .product h2{margin-bottom:6rem;} */
    .pd_detail .pd_thumb img{width:100%;}
    .pd_info .s_link{margin-bottom:2.5rem;}
    .pd_info .s_link a{font-size:1.3rem;}
    .pd_info .pd_name{font-size:2.8rem;margin-bottom:3.5rem;}
    .pd_info .pd_txt{font-size:1.5rem;margin-bottom:4.5rem;}
    .pd_info .pd_memo{font-size:1.4rem;}
    .pd_info .price_wrap{font-size:2rem;padding:4rem 0;margin-top:4rem;}
    .pd_info .btn_buy_shop{height:6rem;line-height:6rem;font-size:1.8rem;}
    .pd_info .btn_buy_shop span:before{width:1.8rem;height:1.8rem;}
    .pd_option .op_tit span{font-size:1.8rem;}
    .pd_option .op_tit span:after{top:1rem;}
    .pd_option .swiper-slide img{width:100%;height:100%;}


    .store h2{margin:5rem 0 1rem;font-size:3rem;}
    .store h6{font-size:1.6rem;width:78%;word-break: keep-all;margin:0 auto;line-height:150%;}
    .store_wrap .find_wrap{margin:4rem 0 4rem;padding:2rem;box-sizing:border-box;}
    .store_wrap .find_wrap input[type="text"]{height:5rem;line-height:5rem;padding-right:5rem;}
    .store_wrap .find_wrap button{width:5rem;height:5rem;margin-top:-1.25rem;right:-1.25rem;}
    .store_list{margin-bottom:6rem;}
    .store_list li{padding:2.5rem 2rem;align-items: end;}
    .store_info .name{font-size:1.6rem;}
    .store_info .num, .store_info .b_list{font-size:1.3rem;}
    .store_list .map{width:3.6rem;height:3.6rem;}

    .notice .page_wrap{margin:5rem 0;}
    .news_list li{flex-wrap:wrap;padding:3rem 2rem;} 
    .news_list li .txt{width:100%;}
    .news_list .txt span{font-size:1.1rem;}
    .news_list .txt a{font-size:1.6rem;margin-left:1rem;}
    .news_list .date{font-size:1.4rem;padding-left:6.6rem;padding-top:0.5rem;}

    .news_box{margin-top:6rem;}
    .news_header{flex-wrap:wrap;padding:2rem;}
    .news_header .lf{width:100%;}
    .news_header span{font-size:1.1rem;}
    .news_header .tit{font-size:1.8rem;margin-bottom:1rem;}
    .news_header .date{font-size:1.4rem;}
    .news_con{padding:2rem;}
    .news_txt_list li{padding:2rem;}
    .news_txt_list li span{padding-right:2rem;font-size:1.4rem;}
    .news_txt_list li p{margin-left:2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:auto;max-width:27rem;font-size:1.4rem;}
    .go_list{margin:4rem 0;font-size:1.6rem;}

    .qna_wrap{padding:0 2rem;box-sizing:border-box;margin:4rem auto;}
    .qna_wrap li{flex-wrap:wrap;}
    .qna_wrap li input[type="text"], .qna_wrap li .select, .qna_wrap li .text_box, .qna_wrap li textarea{width:100%;}
    .qna_wrap li:nth-child(2) p, .private_wrap, .qna_wrap .send_wrap{padding-left:0;}
    .qna_wrap li span{margin-bottom:1rem;}
    .qna_wrap li input[type="text"], .qna_wrap li .select{height:5rem;line-height:5rem;}
    .qna_wrap li input[type="text"], .select select {padding:0 1rem;}
    .qna_wrap li .text_box{padding:1rem;}
    .qna_wrap li:nth-child(2) p{margin-top:1rem;font-size:1.3rem;text-align:left;}

    .about_wrap h6 > span:after{height:1.5rem;bottom:5px;}
    .about_wrap p{padding-bottom:6rem;}
    .history{padding:6rem 0;}
    .history .list{margin: 2rem 0 0;}
    .business_wrap{padding:6rem 2.5rem;}

}

@media (max-width:480px) and (max-height:720px) {
   
}


@media screen and (max-width: 320px){/*모바일 iPhone5*/

}

@media (max-width: 950px) and (orientation:landscape){/*PC 작은 모니터*/
    
}