@charset "utf-8";

/*=============================================================
0.공통사용
=============================================================*/

*:focus {outline: none !important;}

#gbnb-wrapper {overflow: hidden;}
#gbnb-wrapper h2 {font-size:61px;}
#gbnb-wrapper h3 {font-size:51px;}
#gbnb-wrapper h4 {font-size:41px;}
#gbnb-wrapper h5 {font-size:31px; font-weight:500}
#gbnb-wrapper h6 {font-size:25px;}

.section_cont { padding:100px 0}
.inner_cont {position: relative; width: 1280px; margin: 0 auto;}
.inner_cont.shop_detail {width: 1280px; min-height:350px;}

.section_title { margin-bottom: 50px;}
.section_title h6 { font-size:30px; text-align: center; margin-bottom: 10px; color: #212121; font-weight:500;}
.section_title p {font-size:18px; color: #666; text-align: center; line-height:1.7;}
.section_title span { color:#78b240; font-weight:bold}



@media all and (max-width:1480px) {
    .inner_cont {width: 100%; box-sizing: border-box; padding-left:50px; padding-right: 50px}
}

@media all and (max-width:1200px) {
    .inner_cont.shop_detail {width: 100%;}
}

@media all and (max-width:1100px) {
    .inner_cont {padding-left:35px; padding-right: 35px}
}

@media all and (max-width:980px) {
    #gbnb-wrapper h6 {font-size:23px;}
    
    .section_cont {padding: 80px 0;}
    
    .section_title { margin-bottom: 40px;}
    .section_title h6 {margin-bottom: 10px; font-size:18px !important}
    .section_title p {font-size: 14px; line-height: 1.7;}
}

@media all and (max-width:768px) {
    #gbnb-wrapper h6 {font-size:18px !important;}
    
    .section_cont {padding: 60px 0}  
    .inner_cont {padding-left:27px; padding-right: 27px}
}

@media all and (max-width:640px) {
    #gbnb-wrapper h6 {font-size:17px;}
    
    .section_cont {padding: 40px 0}    
    .inner_cont {padding-left:20px; padding-right: 20px}
    
    .section_title { margin-bottom: 20px;}
    .section_title p {font-size: 14px;}
}


/*=============================================================
00.인풋요소
=============================================================*/

/*== 비디오비율 ==*/
.video-container {position:relative; padding-bottom:56.30%; height:0; overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed, .video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}
iframe {transition: opacity 250ms ease-in-out; transition-delay: 250ms;}

/*== 싱글 체크박스 ==*/
.single input[type="checkbox"] {display:none;}
.single input[type="checkbox"] + label {position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:16px; line-height: 20px; color: #fff; }
.single input[type="checkbox"] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("../_img/resource/check.png"); background-color: #fff; border: 1px solid #e8e8e8; border-radius: 4px;}
.single input[type="checkbox"]:checked + label:before {background-color:#ff6800; border-color: #ff6800}

.single input[type="radio"] {display:none;}
.single input[type="radio"] + label {position:relative; display:inline-block; cursor:pointer; padding-left:23px; font-size:16px; line-height: 20px; color: #fff;}
.single input[type="radio"] + label:before {position:absolute; left:0; top:2px; display:inline-block; width:15px; height:15px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("../_img/resource/check.png"); background-color: #fff; border: 1px solid #e8e8e8; border-radius: 100%;}
.single input[type="radio"]:checked + label:before {background-color:#ff6800; border-color: #ff6800}

@media all and (max-width:768px) {
	.single input[type="checkbox"] + label {padding-left: 19px;}
	.single input[type="checkbox"] + label:before {width: 12px; height: 12px; border-radius: 2px; top: 3px;}
	.single input[type="radio"] + label {padding-left: 19px;}
	.single input[type="radio"] + label:before {width: 12px; height: 12px; border-radius: 2px; top: 3px;}
}


/*=============================================================
1.헤더
=============================================================*/
#gbnb-header {position: relative; width: 100%; z-index: 999; box-sizing: border-box;}
#gbnb-header h1#logo {text-align: center; width:258px; margin: 10px auto 20px auto;}
#gbnb-header h1#logo img {width: 100%;}

#glob_line {position: relative; width: 100%; padding: 15px 0}
#glob_line .inner_cont {display: flex; flex-wrap: wrap; justify-content: space-between;}
#glob_line ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
#glob_line ul li {font-size: 14px; color: #6a6a6a; margin: 0 15px;}


@media all and (max-width:1480px) {
    #glob_line .inner_cont {padding-left: 10px; padding-right: 10px}
}


#gnb_wrapper {width: 100%;}
#gnb_wrapper ul#gnb {display: flex; flex-wrap: wrap; justify-content: center; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#78b240}
#gnb_wrapper ul#gnb>li {position: relative; margin: 0 35px; font-size: 18px;}
#gnb_wrapper ul#gnb>li>a {color: #fff; padding: 20px 0; display: block; transition: all .3s;}
#gnb_wrapper ul#gnb li .gnb-dep2 {position: absolute; top: 50px; left:50%; margin-left: -75px; width: 150px; overflow: hidden; transition: 1s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; padding: 25px 0; height: 0;  opacity: 0; background: #f3f4f6;}
#gnb_wrapper ul#gnb li .gnb-dep2 ul {}
#gnb_wrapper ul#gnb li .gnb-dep2 ul li {font-size: 16px; padding: 7px 0; line-height: 1.5; text-align: center;}
#gnb_wrapper ul#gnb li .gnb-dep2 ul li a {text-align: center;}
#gnb_wrapper ul#gnb li .gnb-dep2 ul li a:hover {color:#78b240; font-weight:bold}
#gnb_wrapper ul#gnb li .gnb-dep2.on {height: auto;opacity: 1;}
#gnb_wrapper ul#gnb>li:hover>a {color: #3c601d !important;}

.all_menu {position: absolute; top: 50%; transform: translate(0,-50%); right: 20px; z-index: 999; transition: all .3s; display: none;}
.sm_btn {width: 26px; height: 20px; cursor: pointer;}
.sm_btn .bar {background: #000; height: 2px; display: inline-block; width: 26px; margin-top: 2px; position: absolute; top: 0; right: 0;}
.sm_btn .bar01 {top: 0;-webkit-transition: 1s ease;transition: 1s ease;}
.sm_btn .bar02 {top:8px; width: 20px; -webkit-transition: 1s ease;transition: 1s ease;}
.sm_btn .bar03 {top: 16px; transition: 1s ease;-webkit-transition: 1s ease;}
.sm_btn:hover .bar {background: #78b240;}
.sm_btn:hover .bar01 {width: 20px;}
.sm_btn:hover .bar02 {width: 26px;}
.sm_btn:hover .bar03 {width: 20px;}

.sm_btn.on {z-index: 300;}
.sm_btn.on .bar {width: 26px; top: 8px;}
.sm_btn.on .bar01{ -webkit-transform: rotate(45deg);transform: rotate(45deg); }
.sm_btn.on .bar02{display: none;}
.sm_btn.on .bar03{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.sm_btn.on:hover .bar{background: #78b240; width: 26px;}


/*gnb mouse over*/
#gbnb-header.over {background-color: #fff;}
#gbnb-header.over h1.logo a {background-image: url("/_img/common/logo-c.svg"); width: 250px;}
#gbnb-header.over #gnb_wrapper ul#gnb>li>a {color: #212121;}
#gbnb-header.over .sm_btn .bar {background: #78b240;}


@media all and (max-width:1300px) {
	#gbnb-header h1.logo a {width: 235px;}
	#gnb_wrapper ul#gnb>li {font-size: 16px; margin: 0 25px;}	
	
	
	#gbnb-header.scroll h1.logo a {width: 235px;}
	#gbnb-header.sub-header h1.logo a {width: 235px;}
}

@media all and (max-width:1100px) {
	#gbnb-header .header-inner {padding-right: 50px;}
	#gbnb-header h1.logo {margin-top: 15px;}
	#gbnb-header h1.logo a {width: 200px;}
	
	#gnb_wrapper ul#gnb>li {margin: 0 20px;}
	#gnb_wrapper ul#gnb>li>a {padding: 35px 0}
	
	
	#gbnb-header.scroll h1.logo a {width: 200px;}
	#gbnb-header.sub-header h1.logo a {width: 200px;}
    
    #gnb_wrapper ul#gnb li .gnb-dep2 {top: 70px;}

	
}

@media screen and (max-width:980px) {
    .all_menu {display: block;}
	#gnb_wrapper ul#gnb {display: none;}   
    
    #gbnb-header {padding: 0 15px; position: fixed; background-color: #fff; top: 0; left: 0;  }
    #gbnb-header h1#logo {width:150px; margin:15px 0;}
    
    #glob_line {display: none;}
	/*#section-shop_intro {padding-top:50px;}*/
}

@media screen and (max-width:768px) {
	#gbnb-header h1.logo {margin-top: 5px}
	#gbnb-header h1.logo a {width: 160px; height: 50px;}

	.sm_btn .bar {width: 21px; height: 2px;}
	.sm_btn .bar02 {top: 6px; width: 16px;}
	.sm_btn .bar03 {top: 12px;}
	
	#gbnb-header.scroll h1.logo a {width: 140px;}
	#gbnb-header.scroll .all_menu {top: 17px;}
	#gbnb-header.scroll #gnbM .utility_list {top: 20px;}
	
	#gbnb-header.sub-header h1.logo a {width: 140px;}
}


/*전체메뉴*/
#gnbM {position:fixed; top:0; right:-1000%; width:62%; height:100vh; background-color: #fff; z-index:99; overflow-y:auto; -webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s; box-sizing:border-box; overflow:hidden;  box-sizing: border-box; padding: 20px;}
#gnbM p {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 13px; padding: 20px 0; color: #fff; opacity: .5}
#gnbM #gnbNavigation {width: 100%;}
#gnbM #gnbNavigation > ul {overflow:hidden; box-sizing: border-box; width: 100%;}
#gnbM #gnbNavigation > ul > li {position:relative;  box-sizing:border-box; font-size:18px; margin:24px 0; font-weight: 500;  text-align: left;}
#gnbM #gnbNavigation > ul > li:first-of-type {border-left:0}
#gnbM #gnbNavigation > ul > li > a {display:block; color:#212121; text-decoration:none; line-height:1; box-sizing: border-box;}
#gnbM #gnbNavigation > ul > li > a span {position: relative; margin-bottom: 10px;}
#gnbM #gnbNavigation > ul > li .gnb-2dep {overflow:hidden; margin-top: 20px; display: none;}
#gnbM #gnbNavigation > ul > li .gnb-2dep li {font-size:21px; margin-bottom:15px; padding-left: 10px; font-size: 16px;}
#gnbM #gnbNavigation > ul > li .gnb-2dep li a {color:#212121; transition: .3s; text-decoration: none; position: relative;}
#gnbM #gnbNavigation > ul > li .gnb-2dep li a::after {width: 0; height: 1px; background: #78b240; position: absolute; left: 0; bottom: 0; transition: .3s; content: '';}
#gnbM #gnbNavigation > ul > li .gnb-2dep li a:hover {color:#78b240}
#gnbM #gnbNavigation > ul > li .gnb-2dep li a:hover::after {width: 100%;}

#gnbM .utility_list {flex-wrap: wrap; justify-content: flex-start; display: flex; margin-bottom: 30px;}
#gnbM .utility_list li {text-align: center; font-size: 12px; padding: 0 10px; position: relative;}
#gnbM .utility_list li::after {position: absolute;left: 0; width: 1px; height: 12px; top: 4px; background:#ddd;; content: '';}
#gnbM .utility_list li:first-of-type {padding-left: 0}
#gnbM .utility_list li:first-of-type::after {display: none;}
#gnbM .utility_list li a {color: #212121; }

#gnbM.open{right:0;}
#gnbM.open #gnbNavigation> ul > li {animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);}

.menu_close {position: absolute;right: 0;top: 0;width: 8.5rem;height: 8.5rem;text-align: center; cursor:pointer; z-index: 9}
.menu_close span {display:inline-block;position:relative;margin-top: 28%;width: 5.2rem; height: 5.2rem;color:#333;}
.menu_close span::before,
.menu_close span::after {content: '';display: block;position: absolute;left: 0;width: 100%;border-bottom: 0.1rem solid #fff;}
.menu_close span::before {top:50%;transform: rotate(-45deg);}
.menu_close span::after {bottom:50%;transform: rotate(45deg);}


/*=============================================================
2.콘텐츠1
=============================================================*/
#gbnb-contents {}
#gbnb-subContents {margin-top:30px;}
@media (max-width:980px){
#gbnb-contents,
#gbnb-subContents {margin-top:80px;}  
}
/*아이템 정렬*/
.itemBox {position: relative; transition: 0.3s}
.itemBox .thumbNail {position: relative; width: 100%;  overflow: hidden;}
.itemBox .thumbNail img {width: 100%; height: 100%;  top: 0; left: 0;}
.itemBox .thumbNail span.item_tag {position: absolute; top: 0; left: 0; z-index: 1; max-width: 60px;}
.itemBox .thumbNail span.item_tag img {width: 100%;}
.itemBox .item_info {padding: 15px 0; transition: 0.3s}
.itemBox .item_info p {text-align: center; font-size: 14px; color: #999;margin: 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.itemBox .item_info p.name {color: #212121;}
.itemBox .item_info p.price {color: #212121;}
.itemBox:hover {box-shadow:0 0 15px rgba(0,0,0,0.34);}
.itemBox:hover .item_info {background: #fff;}

.item_list {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.item_list .itemBox {width: 23.5%; margin-right: 2%; margin-bottom: 2%;}



@media all and (min-width:980px){
	
    .item_list .itemBox:nth-of-type(4n) {margin-right: 0}
}

@media all and (max-width:980px){
    .item_list .itemBox {width: 32%;}  
	
}

@media all and (max-width:980px) and (min-width:640px) {
    .item_list .itemBox:nth-of-type(3n) {margin-right: 0}
}

@media all and (max-width:640px){
    .item_list .itemBox {width: 48%; margin-right: 4%; margin-bottom: 4%}
    .item_list .itemBox:nth-of-type(2n) {margin-right: 0}
    
    
    .itemBox .thumbNail span.item_tag {max-width: 45px;}
    .itemBox .item_info p {font-size: 13px; margin:0;}
}



/*=============================================================
 3.푸터
=============================================================*/
#gbnb-footer {width: 100%; background: #f7f7f7;}
#gbnb-footer #company_info {position: relative; padding: 60px 0}
#gbnb-footer #company_info p {font-size: 14px;}
#gbnb-footer #company_info p br {display: none;}
#gbnb-footer #company_info p em {line-height: 1; background: #e6e6e6; padding: 4px 10px; border-radius: 3px; margin-right: 10px;}
#gbnb-footer #company_info p span {padding: 0 10px;}
#gbnb-footer #company_info p span:first-of-type {padding-left: 0;}
#gbnb-footer #company_info dl {}
#gbnb-footer #company_info dl dt {font-size: 14px; margin-bottom: 10px; margin-top: 30px; font-weight: 500;}
#gbnb-footer #company_info dl dd {font-size: 14px; color: #999; margin-top: 5px;}
#gbnb-footer #company_info dl dd span {padding: 0 10px;}
#gbnb-footer #company_info dl dd em {color: #666}
#gbnb-footer #company_info dl dd br {display: none;}
#gbnb-footer #company_info dl dd span:first-of-type {padding-left: 0;}
#gbnb-footer #company_info ul {position: absolute; top: 60px; right: 0; display: flex;}
#gbnb-footer #company_info ul li {margin: 0 5px;}
#gbnb-footer #company_info ul li a {font-size: 20px; color: #999; width: 45px; height: 45px; line-height: 50px; text-align: center;border-radius: 100%; border: 1px solid #acacac; display: block;}
#gbnb-footer #company_info ul li a i {}
#gbnb-footer #company_info ul li a span {display: none;}

#gbnb-footer #copyright {display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid #dedede; padding: 30px 0}
#gbnb-footer #copyright p {font-size: 14px; color: #999}
#gbnb-footer #copyright ul {display: flex; flex-wrap: wrap; justify-content: flex-start;}
#gbnb-footer #copyright ul li {font-size: 14px; margin: 0 10px;}
#gbnb-footer #copyright ul li a {color: #999}


.fi-blog {background:url(../_img/content/bi_blog.png) center  no-repeat; background-size:32px;}


@media all and (max-width:1100px){
    #gbnb-footer #company_info ul li a {width: 40px;height: 40px; line-height: 45px; }
}


@media all and (max-width:980px){
    #gbnb-footer #company_info {padding: 40px 0}
    #gbnb-footer #company_info ul {position: relative; top: auto; right: auto;}
    #gbnb-footer #company_info ul li a {border:none; width: auto; height: auto; margin: 0 5px; line-height: 1;}
}



@media all and (max-width:640px){
    #gbnb-footer #company_info {padding: 40px 0 30px 0}
    #gbnb-footer #company_info p, #gbnb-footer #company_info dl dt, #gbnb-footer #company_info dl dd {font-size: 13px;}
    #gbnb-footer #company_info p br, #gbnb-footer #company_info dl dd br {display: block;}
    #gbnb-footer #company_info dl dd span.pl0 {padding-left: 0}
    #gbnb-footer #company_info ul {margin-top: 30px;}
    #gbnb-footer #company_info ul li {margin-left: 0; margin-right: 10px;}
    #gbnb-footer #company_info ul li a {font-size: 12px; color: #555; text-transform: uppercase;}
    #gbnb-footer #company_info ul li a i {display: none;}
    #gbnb-footer #company_info ul li a span {display: block; font-weight: 500;}
    
    
    #gbnb-footer #copyright {display: block; padding: 20px 0}
    #gbnb-footer #copyright p {font-size: 12px; text-align: center;}
    #gbnb-footer #copyright ul {justify-content: center; margin-top: 10px;}
    #gbnb-footer #copyright ul li {font-size: 12px;}
}


/* 문의하기 03 :: 작성폼 */
.inquiry-con-write-box{display: flex; flex-wrap: wrap; margin: -0.8rem -1rem; padding-bottom: 2rem;}
.inquiry-con-write-box dl {display:table; width: calc(100% - 2rem); margin: 0.8rem 1rem; background-color:#fafafa;}
.inquiry-con-write-box dl.w50 {width: calc(50% - 2rem); margin: 0.8rem 1rem;}
.inquiry-con-write-box dt {display:table-cell; position:relative; width:13rem; vertical-align: top; height:6rem; padding-left: 2.8rem; font-size:1.6rem; font-weight: 700; line-height: 6rem; /*letter-spacing: -0.015em;*/ color:#000000; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.inquiry-con-write-box dd {width: calc(100% - 13rem); display:table-cell; vertical-align: top; padding:0 1rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
.inquiry-con-write-box dd input,
.inquiry-con-write-box dd select,
.inquiry-con-write-box dd textarea{
	height:6rem; border:0; width:100%; font-size:1.4rem; letter-spacing: -0.02em; color:#000; font-weight: 400; background-color:#fafafa; text-indent: 1rem;
}
.inquiry-con-write-box dd textarea {width:100%; height:26rem; padding: 1.5rem 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none;  }
.inquiry-con-write-box dd input::placeholder,
.inquiry-con-write-box dd textarea::placeholder {color: #b7b7b7;}
.inquiry-con-write-box .custom-radio-item label {color: rgba(0,0,0,0.5);}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label {color: #000;}
.inquiry-con-write-box .custom-radio-item input[type="radio"]:checked + label::before {color: #000;}
.custom-check-wrap {display: flex; align-items: center;}
.custom-check-wrap strong {width: 17.5rem; font-size: 1.6rem; font-weight: 700; /*letter-spacing: -0.025em;*/ color: #000000;}
.custom-check-wrap .custom-checkbox-item-box {display: flex; width: calc(90% - 17.5rem);}
.custom-check-wrap:first-of-type .custom-checkbox-item-box {border-bottom: 0.1rem solid rgba(51,51,51,0.1);}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item {display: inline-block; width: 14%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4) {width: 12%;}
.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: 20%;}
.sub-con-txt {font-size:14px; line-height:1.5; padding:5px 0}
.inquiry-bottom-con {display: flex; align-items: center; justify-content: space-between; padding-top: 1.5rem; padding-bottom: 10rem;}
.inquiry-bottom-con .agree-txt {display: flex; align-items: center;}
.inquiry-bottom-con .agree-txt li {margin-right: 2.3rem;}
.inquiry-bottom-con .agree-txt input {    overflow: hidden;
    border: 0;
    clip: rect(0px, 0px, 0px, 0px);
    width: 22px;
    height: 22px;
    margin: -3px 0 0 0;
    position: absolute;
    -webkit-appearance: none;
    appearance: none;
}
.inquiry-bottom-con .agree-txt label {position: relative; display: inline-block; padding-left: 3rem; font-size: 1.55rem;  font-weight: 500; letter-spacing: -0.05em; line-height: 2.4rem; color: #000000;}
.inquiry-bottom-con .agree-txt label:before {position: absolute; content: '\e92c'; top: 0.1rem; left: 0; font-size: 2.4rem; color: #000; font-family: xeicon;}
.inquiry-bottom-con .agree-txt label a {display: inline-block; color: #000; border-bottom: 0.3rem solid #000;}
.inquiry-bottom-con .agree-txt input:checked + label:before {content: '\e92b';}
.inquiry-bottom-con .right-box {display: flex; align-items: center;}
.cm-btn02 {display: block; width: 20rem; height: 6rem; line-height: 5.4rem; text-align: center; border-radius: 1rem; border: 0.3rem solid #cfcfcf; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.5rem; color: #000; font-weight: 700; transition: all 0.3s;} 
.cm-btn02:hover {border-color: #717171;}
.inquiry-essential-txt{text-align:right; color:#333333; font-size:1.6rem; letter-spacing:-0.025em; padding-bottom:15px;}
.essential-icon{color:#78b240; font-size: 1.8rem; margin-right:0.1em}
.privacy-btn {position: absolute; left: 1.5rem; top: 13px;width: 140px; height: 33px;}
.privacy-btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 10px; width: 100%; height: 100%; line-height: 31px; border: 1px solid #030e1b; 
	font-size: 14px; font-weight: 600; color: #030e1b; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.privacy-btn a i {font-size: 18px;}
.cm-btn-controls .cm-btn01 {margin: 10rem auto 0;}
.recaptcha-box {height: 63px; padding: 1rem ;}
.recaptcha-box .g-recaptcha {display: inline-block;}

@media all and (min-width:801px){
	.recaptcha-box .g-recaptcha {transform: scale(0.8); transform-origin: 0 0; width: calc(100% / 0.8);}
}

@media all and (max-width:1280px){
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item,
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:first-child, 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:nth-child(4), 
	.custom-check-wrap  .custom-checkbox-item-box .custom-checkbox-item:last-child {width: auto;}
}
@media all and (max-width:800px){
	.public-info-con {padding-top: 0;}
	.inquiry-con-write-box dl.w50 {width: calc(100% - 2rem);}
	.inquiry-con-write-box dt { padding-left: 2rem; width: 11rem;}
	.inquiry-con-write-box dd {width: calc(100% - 11rem);}
	.inquiry-con-write-box dl.recaptcha{display: block;}
	.inquiry-con-write-box dl.recaptcha dt {width: 12rem; width: 100%; height: auto; display: block;}
	.inquiry-con-write-box dl.recaptcha dd {width: calc(100% - 12rem); width: 100%; display: block;}
	.custom-check-wrap {flex-wrap: wrap;}
	.custom-check-wrap strong { display: inline-block;width: 100%; padding-top: 2rem; padding-left: 7px;}
	.custom-check-wrap .custom-checkbox-item-box {width: 100%; flex-wrap: wrap; /* margin: -2px -7px; */ margin: -7px 0;}
	.custom-check-wrap .custom-checkbox-item-box .custom-checkbox-item {margin: 7px;}
	.inquiry-con-tbl .custom-radio-item-box {margin: -3px 0;}
	.inquiry-con-tbl .custom-radio-item-box .custom-radio-item {margin: 7px;}
	.inquiry-bottom-con {flex-wrap: wrap;}
	.inquiry-bottom-con .agree-txt {flex-wrap: wrap; width: 100%; align-items: start; justify-content: center;}
	.inquiry-bottom-con .agree-txt li {width: 100%; text-align: left; margin-right: 0; margin-bottom: 1.5rem;}
	.inquiry-bottom-con .agree-txt li:last-child {margin-bottom: 0;}
	.inquiry-bottom-con .right-box {width: 100%; text-align: center; margin-top:20px;}
	.recaptcha-box {height: auto; padding: 0 1rem 2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
	.cm-btn02 {margin: 3rem 0 0;}

}


.cm-btn-style02{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	opacity:1;
}
.cm-btn-style02 {position:relative; display:flex; align-items:center; justify-content:center; width:19rem; height:5rem; font-size:1.6rem; color:#000; border:1px solid #000; transition: border-color 0.3s; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box;}
.cm-btn-style02:before {content:""; width:0; height:100%; background-color:#78b240; position:absolute; top:0; left:0; transition: width 0.3s; z-index: -1;}
.cm-btn-style02:hover {border-color:#78b240; !important; background-color:#78b240; color: #fff !important;}
.cm-btn-style02:hover:before {width:100%;}

.cm-btn-style02{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	opacity:1;
}
@media all and (max-width:980px){
	.cm-btn-style02  {width:100%}
}