/*---common css---*/
.ml-20 {margin-left:0;}
.main_wrap{width: 100%;max-width: 1920px;margin: 0 auto;overflow-x: hidden;}

.pc_wrap{display: block;}
.mo_wrap{display: none;}
.img_768_on {display:none;}
.ml-20 {margin-left:20px;}

.pos {position: absolute;left: 0; top: 0;}
.main_section {position:relative;}



@media screen and (max-width: 768px){
	.img_768_off {display:none;}
	.img_768_on {display:block}
	.pc_wrap{display: none;}
	.mo_wrap{display: block;}
	.ml-20 {margin-left:0;}
}
.content_img {overflow:hidden;}
.content_img img {width:100%; display:block; transition: all .6s ease-out; transform: translateY(50px); opacity: 0;}
.content_img.on img {transform: translateY(0); opacity: 1;}


.wb {word-break:keep-all;}

:root {
  /*color*/
  --color-base: #000;
  --color-gray: #646464;
  --color-wh-gray: #929292;
  --color-point: #007eff;
  --color-strong: #116ae9;
  --color-kakao: #ffc401;
  --color-kakao-text: #442f01;

  --color-naver: #00c13a;

	/*bene_color*/
  --color-blue:#05749d;
  --color-red:#9d0542;
  --color-green:#339d05;

  /*font-size*/
  --font-size-13: 0.813rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-17: 1.0625rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-21: 1.313rem;
  --font-size-24: 1.5rem;
  --font-size-25: 1.563rem;
  --font-size-26: 1.625rem;
  --font-size-30: 1.875rem;
  --font-size-32: 2rem;
  --font-size-40: 2.5rem;
  --font-size-80: 5rem;

  /*font-weight*/
  --font-r: 400;
  --font-m: 500;
  --font-sb: 600;
  --font-b: bold;
  --font-eb: 800;
  --font-bl: 900;
}




/*font size*/

.fs_13 {
 font-size: var(--font-size-13);
}

.fs_14 {
  font-size: var(--font-size-14);
}
.fs_16 {
  font-size: var(--font-size-16);
}
.fs_17 {
  font-size: var(--font-size-17);
}
.fs_18 {
  font-size: var(--font-size-18);
}
.fs_20 {
  font-size: var(--font-size-20);
}

.fs_21 {
  font-size: var(--font-size-21);
}

.fs_24 {
 font-size: var(--font-size-24);
}

.fs_25 {
  font-size: var(--font-size-25);
}

.fs_26 {
  font-size: var(--font-size-26);
}

.fs_30 {
  font-size: var(--font-size-30);
}

.fs_32 {
  font-size: var(--font-size-32);
}


.fs_40 {
  font-size: var(--font-size-40);
}

.fs_80 {
  font-size: var(--font-size-80);
}

@media screen and (max-width: 1380px){

}


@media screen and (max-width: 1200px){
	
	.fs_20 {font-size:16px;}
	.fs_40 {font-size:28px;}
}

@media screen and (max-width: 1080px){
	
	.fs_20 {font-size:14px;}
	.fs_40 {font-size:24px;}
}

@media screen and (max-width: 768px){
	.fs_16 {font-size:12px;}
	.fs_17 {font-size:12px;}
	.fs_18 {font-size:14px;}
	.fs_20 {font-size:13px;}
	.fs_24 {font-size:16px;}
	.fs_40 {font-size:20px;}
}





/*font_color*/


.font_92 {color: var(--color-wh-gray);}
.font_ad {color: var(--color-point);}
.font_64 {color: var(--color-gray);}

/*bene_color*/

.font_st {color: var( --color-strong);}
.font_blue {color: var(--color-blue);}
.font_red {color: var(--color-red);}
.font_green {color: var(--color-green);}

/*text-align*/
.tc {text-align:center;}

/*font weight*/
.font_r {
  font-weight: var(--font-r);
}
.font_m {
  font-weight: var(--font-m);
}
.font_sb {
  font-weight: var(--font-sb);
}
.font_b {
  font-weight: var(--font-b);
}

.font_eb {
  font-weight: var(--font-eb);
}

.font_bl {
  font-weight: var(--font-bl);
}




/*text-motion*/

.j_motion.common_motion {
  transform: translateY(25px);
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.4s;
}
.j_motion.common_motion.on {
  transform: translateY(0);
  opacity: 1;
}

.j_delay_01 {
  transition-delay: 0.2s !important;
}
.j_delay_02 {
  transition-delay: 0.4s !important;
}
.j_delay_03 {
  transition-delay: 0.6s !important;
}
.j_delay_04 {
  transition-delay: 0.8s !important;
}
.j_delay_05 {
  transition-delay: 1s !important;
}
.j_delay_06 {
  transition-delay: 1.2s !important;
}
.j_delay_07 {
  transition-delay: 1.4s !important;
}
.j_delay_08 {
  transition-delay: 1.6s !important;
}
.j_delay_09 {
  transition-delay: 1.8s !important;
}
.j_delay_10 {
  transition-delay: 2s !important;
}
.j_delay_11 {
  transition-delay: 2.2s !important;
}

.j_delay_12 {
  transition-delay: 2.4s !important;
}




/*---header---*/

.j_header {height:100px; width:100%; position:fixed; overflow: hidden; transition:.4s; top:0; left:0; background: #fff; z-index:99;}
.j_header.active {background:#fff;}
.j_hd_con {justify-content: space-between; display: flex; height:100%; width:100%; align-items: center;  max-width:1820px;  width:92%; margin: 0 auto;}
.j_hd_con .hd_logo {z-index:99;}
.j_hd_con>.j_gnb {height:100%;}
.j_hd_con>.j_gnb>ul {display:flex; height:100%;}
.j_hd_con>.j_gnb>ul>li {height:100%;}
.j_hd_con>.j_gnb>ul>li + li {margin-left:68px;}
.j_hd_con>.j_gnb>ul>li>a {display:block; line-height:100px; font-size:1.125rem; font-weight:800;}

.j_hd_con .tel_box {display:flex; align-items:center;}
.j_hd_con .tel_box a {padding-left:10px; display:block;}



/*--moblie_wrap--*/
.mobile_wrap .mo_gnb>ul>li {text-align:center;}
.mobile_wrap .mo_gnb>ul>li a {font-size:1.125rem; font-weight:700; display:block; padding:20px; }
.hd_btn_box {display:none;}
.hd_btn_box .nav_btn {width:100%; height:100%; max-width:30px;}
.nav_btn>span {display: block; width: 100%; height: 2px; background: #000;position: absolute; transition: .3s; max-width:30px;}
.nav_btn>span:nth-of-type(1) {transform: translateY(6px);}
.nav_btn>span:nth-of-type(2) {transform: translateY(0px);}
.nav_btn>span:nth-of-type(3) {transform: translateY(-6px);}

.hd_btn_box.on .nav_btn>span:nth-of-type(1) {transform: rotate(45deg);}
.hd_btn_box.on .nav_btn>span:nth-of-type(2) {display:none;}
.hd_btn_box.on .nav_btn>span:nth-of-type(3) {transform: rotate(-45deg);}

.mobile_wrap {position: absolute; top: 0;right: 0;width: 100%; height: 100vh; background: #fff; transition: transform .6s ease, opacity .45s; z-index: 98; padding: 100px 10px 0 10px; transform: translateX(110%); opacity:0;}
.mobile_wrap.active {transform: translateX(0px); position: fixed; opacity:1;}

.mobile_wrap .mo_wrap_btn {margin-top:20px; width:100%; display:none;}
.mobile_wrap .mo_wrap_btn span {display:block; width:100%; height:60px; color:#fff; background:#007eff; line-height:60px; text-align:center; border-radius:10px; font-size:1.125rem; font-weight:700;}

/* .mobile_wrap.active .mo_close_btn>span:nth-of-type(1) {transform: rotate(45deg);}
.mobile_wrap.active .mo_close_btn>span:nth-of-type(2) {display:none;}
.mobile_wrap.active .mo_close_btn>span:nth-of-type(3) {transform: rotate(-45deg);} */

/* .mo_btn_box {position: absolute;right: 25px; top: 30px;z-index: 999; width: 20px; height:20px;}
.mo_btn_box .mo_close_btn{width:100%; height:100%; max-width:30px;}
.mo_close_btn>span {display: block; width: 100%; height: 2px; background: #000;position: absolute; transition: .4s; max-width:30px;}
.mo_close_btn>span:nth-of-type(1) {transform: translateY(6px);}
.mo_close_btn>span:nth-of-type(2) {transform: translateY(0px);}
.mo_close_btn>span:nth-of-type(3) {transform: translateY(-6px);} */



@media screen and (max-width: 1380px){
.j_hd_con>.j_gnb>ul>li + li {margin-left:30px;}
}


@media screen and (max-width: 1200px){
	.j_hd_con>.j_gnb>ul {display:none;}
	.j_hd_con .tel_box {display:none;}
	.hd_btn_box {display:block; max-width:30px; width:100%; height:30px; z-index:99;}
	
}

@media screen and (max-width: 768px){
.j_header {height:60px;}
.j_header  .hd_logo img {width:70%;}
.hd_btn_box {display:block; max-width:20px;}
.nav_btn>span  {max-width:20px;}
.mobile_wrap .mo_gnb>ul>li a {font-size:14px; padding:10px; }
.mobile_wrap .mo_wrap_btn span {font-size:14px; height:30px; line-height:30px; display:none;}

}



/*sec01*/
#j_section01 {margin-top: 100px;}

.reil_content {}
.rail_wrap {position: relative;}
.rail_wrap:after { content: "";position: absolute; bottom: 0;left: 0; width: 100%; height: 100%; z-index: 1;}
.rail_line {display: flex; width: 100%;padding: 22px 0;}

.rail_line_01{
    animation: s-left 40s linear infinite;
    -webkit-animation: s-left 40s linear infinite;
}


@keyframes s-left{
    to{transform: translate3d(-50%,0,0);}
}

@keyframes s-right{
    0%{transform: translate3d(-50%,0,0);}
    to{transform: translate3d(0,0,0);}
}

@-webkit-keyframes s-left{
    to{transform: translate3d(-50%,0,0);}
}

@-webkit-keyframes s-right{
    0%{transform: translate3d(-50%,0,0);}
    to{transform: translate3d(0,0,0);}
}


@media screen and (max-width:767px){
    .rail_line{padding: 10px 0;}
    .rail_line_01{animation: s-left 20s linear infinite;}

	#j_section01 {margin-top: 60px;}
}


/*---상품 리스트 section03---*/
#j_section03 .sec_list {flex-wrap:unset;}
#j_section03 .sec_list li {margin-right:0;margin-top: 0 !important;}




.sec_list {display:flex; flex-wrap:wrap;}
.sec_list li {position:relative; width:calc((100% - 25px*3)/4); margin-right:25px; background-color:#f7f7f7; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.sec_list li:nth-of-type(4n) {margin-right:0;}
.sec_list li:nth-of-type(n + 5) {margin-top:20px;}
.sec_list li .pro_list_top {display: flex; justify-content: space-between; position: absolute;top: 0; width: 100%; left: 0;}
.sec_list li .pro_list_top p.benefit {background-color:#05749d; color:#fff; border-radius:20px 0 20px 0px; padding: 21px 14px;}
.sec_list li .pro_list_top i.brand img {margin-right:16px; margin-top:18px;}
.sec_list li .prod_img {text-align:center; padding-top:25px; box-sizing:border-box;}
.sec_list li .pro_list_bottom {padding:0 25px;box-sizing:border-box; margin-top:0px; word-break: keep-all;}
.sec_list li .pro_list_bottom h4{min-height: 48px;}
.sec_list li .pro_cost_box {margin-top:5px;}
.sec_list li .pro_cost_box dl {display:flex; justify-content: space-between; }
.sec_list li .pro_cost_box dl + dl {margin-top:5px;}
.sec_list li .prod_btn_box {width:100%; margin-top:25px;}
.sec_list li .prod_btn_box a {width:100%; max-width:306px; text-align:center; height:72px; line-height:72px; background:#116ae9; display:block; color:#fff;}
.sec_list li .prod_btn_box a i img {margin-bottom: 3px; margin-left:5px;}


.sec_list li.none_prod .n_prod_btn { position:absolute; bottom:0px; left:0}
/*.sec_list li.none_prod .n_prod_btn a {background:none; color:#116ae9;}*/
.sec_list li.none_prod .n_prod_text {position: absolute;left: 50%; transform: translateX(-50%); width: 100%; top: 50%;}
.sec_list li.none_prod .n_prod_text h4 {line-height:1.3em;}
.sec_list li.none_prod .n_prod_text p {margin-top:10px; line-height:1.6em;}

.pro_list_top .m_bene {display:none;}

@media screen and (max-width: 1480px){

	.sec_list li .pro_list_bottom h4{min-height: 40px;}
}

@media screen and (max-width: 1200px){

}	

@media screen and (max-width: 1080px){
	.sec_list li .pro_list_bottom {padding:0 50px;}
	.sec_list {flex-wrap:wrap;}
	.sec_list li {width:calc((100% - 10px)/2); margin-right:10px;}
	.sec_list li:nth-of-type(2n) {margin-right:0}
	.sec_list li:nth-of-type(n+3) {margin-top:10px;}
	.sec_list li .prod_btn_box a {max-width: none;}
}

@media screen and (max-width: 768px){
.sec_list li .pro_cost_box {margin-top:2px;}
.sec_list li .pro_list_bottom {padding:0 25px;box-sizing:border-box; margin-top:5px;}
.sec_list li .prod_btn_box a {width:100%; max-width:306px; text-align:center; height:40px; line-height:40px; background:#116ae9; display:block; color:#fff;}
.sec_list li .pro_list_bottom {padding:0 10px;}
.sec_list li .pro_list_top p.benefit {padding: 10px 7px;}
.sec_list li .prod_img img {width:80%;}
.sec_list li .pro_list_top .brand img {width:53%;}
.sec_list li .pro_list_top .brand {position: absolute;     right: -20px;top: 10px;}    
.sec_list li.none_prod .n_prod_text h4 {font-weight:600;}
.sec_list li.none_prod .n_prod_text {top:40%;}
.sec_list li .prod_img {padding-top:7px;}
.sec_list li .pro_cost_box {margin-top:7px;}
.sec_list li.none_prod .n_prod_text p {margin-top:5px;}
.sec_list li .prod_btn_box a i img {width:4%;}
.sec_list li .pro_list_top i.brand img {margin-top:5px; margin-right:0;}
.pro_list_top .pc_bene {display:none;}
.pro_list_top .m_bene {display:block; position: absolute; left: 0; top: 0;}
/*.pro_tit {overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}*/

.sec_list li .pro_list_bottom h4{min-height: 30px;}
}



/*---sec05---*/

.tab_content_box {padding-top:70px;}
.sec_list .chk_box {position:absolute; left:0; top:0; z-index:999;}
.sec05_tab_btn .j_tabs {display:flex; justify-content: center;}
.sec05_tab_btn .j_tabs li {position:relative;}
.sec05_tab_btn .j_tabs li:nth-of-type(1):before {display:none;}
.sec05_tab_btn .j_tabs li + li {margin-left:60px;}
.sec05_tab_btn .j_tabs li:before {content:''; position:absolute; left:-30px; top:50%; transform:translateY(-50%); background:#d9d9d9; height:17px; width:1px;}
.sec05_tab_btn .j_tabs li a {font-weight:400;}
.sec05_tab_btn .j_tabs li a#bo_cate_on{font-weight:800;}
.sec05_board {padding-top:50px;}

@media screen and (max-width: 1080px){
.tab_content_box {padding-top:35px;}

}

@media screen and (max-width: 768px){

.tab_content_box {padding-top:25px;}
.sec05_tab_btn .j_tabs li + li {margin-left:20px;}
.sec05_tab_btn .j_tabs li:before {left:-10px;}
}


/*sec06*/ 
.sec06_m_swiper .swiper-slide img {width:100%;}
.sec06_m_swiper .swiper-slide {margin-right:19px;}

/*---sec08---*/

#j_section08 {background:#fbfbfb;}
.sec08_swiper {overflow: visible;}
.sec08_swiper .swiper-wrapper{transition-timing-function: linear;}
#j_section08 .sec08_btn_box a{display:block; width:220px; height:55px; text-align:center; line-height:55px; background:#000; color:#fff; border-radius:30px; margin:0 auto; margin-top:77px; }


.sec08_swiper .swiper-slide img {width:100%;}


media screen and (max-width: 1080px){

#j_section08 .sec08_btn_box a {margin-top:35px}
}

@media screen and (max-width: 768px){
#j_section08 .sec08_btn_box a {margin-top:25px; font-size:14px;}
#j_section08 .sec08_btn_box a{width:160px; height:40px; text-align:center; line-height:40px;}
}




/*---문의폼---*/
#j_section010 {padding-bottom:123px;}
.form_tit p {margin-top:25px;}
.form_list_box {padding:88px 83px; box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.14); border-radius:10px; max-width:933px; width:100%; margin:64px auto 0; box-sizing:border-box; }
.form_list_box .form_box {display:flex; position:relative;}
.form_list_box .form_box > label {width:157px;}
.form_list_box .form_box > label b {color:#ff0000;}
.form_list_box .form_box + .form_box {margin-top:12px;}
.form_list_box .form_box:nth-of-type(2) {margin-top:36px;}
.form_list_box .form_box:nth-of-type(3) {margin-top:36px;}
.form_list_box .j_input_box {align-items:center;}
.form_list_box .j_input_box02 label{margin-top:20px;}
.form_list_box .form_box input[type=text] {font-size:1.125rem;}
.form_list_box .form_box:nth-of-type(2) .field_box:before {content:''; width:100%; height:1px; background:#f2f2f2; position:absolute; top:-18px; left:0;}
.form_list_box .form_box .field_box {width:calc(100% - 157px); position:relative;}
.form_list_box .check_list ul {display:flex; flex-wrap: wrap;}
.form_list_box .check_list ul li {margin-right:35px; width:calc((100% - 35px*3)/4); position:relative; }
.form_list_box .check_list ul li:nth-of-type(4n) {margin-right:0;}
.form_list_box .check_list ul li:nth-of-type(n + 5) {margin-top:12px;} 
.form_list_box .check_list ul li input[type=checkbox] {position: absolute;top: 0;  left: 0; width: 0;  height: 0; opacity: 0; outline: 0;  z-index: -1;overflow: hidden;}
.form_list_box .check_list ul li input[type=checkbox] + label {cursor:pointer; display:flex; color:#acabab;}
.form_list_box .check_list ul li input[type=checkbox] + label span {display: block; width: 19px; height: 19px; border: 1px solid #dfdfdf;border-radius: 19px;cursor: pointer; margin-right:9px; background:url(/img/chk_gray.png) no-repeat 50% 50%; background-color:#f8f8f8;}
.form_list_box .check_list ul li input[type=checkbox]:checked + label {color:#116ae9;}
.form_list_box .check_list ul li input[type=checkbox]:checked + label span {background: url(/img/chk_white.png) no-repeat 50% 50% #116ae9; border:none;}

.form_list_box .form_box .field_box .form_input {width:100%; border-radius:5px; background:#f8f8f8; height:55px; padding: 0 18px; border:1px solid #ddd;}
.form_list_box .form_box .form_input::placeholder {font-size:1rem; font-weight:400; color:#aaaaaa;}

.form_list_box .field_box .agree_box {margin-top:18px; position:relative;}
.form_list_box .field_box .agree_box label a {color:#aeaeae; border-bottom: 2px solid #aeaeae; display:block; margin-left:10px;}
.form_list_box .field_box .agree_box input[type=checkbox] {position: absolute; top: 0;  left: 0; width: 0;  height: 0; opacity: 0; outline: 0;  z-index: -1;overflow: hidden;}
.form_list_box .field_box .agree_box input[type=checkbox] + label {display:flex; cursor:pointer;}
.form_list_box .field_box .agree_box input[type=checkbox] + label span {display: block; width: 19px; height: 19px; border: 1px solid #dfdfdf;border-radius: 19px;cursor: pointer; margin-right:9px; background:url(/img/chk_gray.png) no-repeat 50% 50%;}
.form_list_box .field_box .agree_box input[type=checkbox]:checked + label span {background: url(/img/chk_white.png) no-repeat 50% 50% #116ae9; border:none;}
.form_list_box .field_box .form_btn_wrap .form_btn {width:100%; height:65px; text-align:center; line-height:65px; border-radius:5px; color:#fff; background:#000; margin-top:26px;}

@media screen and (max-width: 1024px){
	.form_list_box .check_list ul li {width: calc((100% - 30px*2)/3); margin-right:30px;}
	.form_list_box .check_list ul li:nth-of-type(3n){margin-right:0;}
	.form_list_box .check_list ul li:nth-of-type(4n) {margin-right:30px;}
	.form_list_box .check_list ul li:nth-of-type(n + 4) {margin-top:10px;}
}


@media screen and (max-width: 800px){
.form_list_box {padding:60px;}
}	

@media screen and (max-width: 767px){
#j_section010 {padding-bottom:40px;}
.form_list_box {padding:20px; margin:40px auto 0;}
.form_list_box .form_box {flex-wrap:wrap;}
.form_list_box .check_list {margin-top:16px;}
.form_list_box .check_list ul li {width: calc((100% - 23px*2)/3); margin-right:23px;}

	.form_list_box .check_list ul li:nth-of-type(4n) {margin-right:23px;}
.form_list_box .form_box > label {width:100%;}
.form_list_box .form_box .field_box {width:100%;}
.form_list_box .form_box .field_box .form_input {height:40px; margin-top:10px;}
.form_list_box .form_box:nth-of-type(2):before {top:-11.5px;}
.form_list_box .form_box + .form_box {margin-top:20px;}

.form_list_box .check_list ul li input[type=checkbox] + label span {width:20px; height:20px;}
.form_list_box .field_box .agree_box input[type=checkbox] + label span {width:20px; height:20px; margin-right:2px;}
.form_list_box .field_box .agree_box input[type=checkbox] + label {flex-wrap:wrap; align-items:center;}
.form_list_box .field_box .agree_box label a {}
.form_list_box .field_box .form_btn_wrap .form_btn {height:40px; line-height:40px;}
.form_list_box .j_input_box02 label {margin-top:12px;}
.form_list_box .form_box:nth-of-type(2) .field_box:before {top:-26px;}
.form_list_box .check_list ul li input[type=checkbox] + label {font-size:12px; align-items: center;}
}	





/*section12 */

#j_section012 {background:#f9f7f3; padding-bottom:154px; position:relative;}
.sec12_swiper .swiper-slide {border-radius:10px; overflow:hidden; background:#fff; box-shadow: 1px 2px 29px 0px rgba(94, 97, 54, 0.14);box-sizing:border-box; max-height:566px; min-height:566px;}
.sec12_swiper .swiper-slide .img_box img {width:100%;}
.sec12_swiper .swiper-slide .sec12_desc {margin-top:22px; padding:0 22px; box-sizing:border-box; word-break:keep-all; }
.sec12_swiper .swiper-slide .sec12_desc p {color:#767676; line-height:1.8em; margin-top:15px;}
#j_section012 .j_inner .sec12_pagebar {bottom:-10px !important; top:auto; height:2px !important;}
#j_section012 .j_inner .sec12_pagebar .swiper-pagination-progressbar-fill {background:#998d73; width:100%;}

.sec12_swiper .swiper-wrapper {margin-bottom:30px;}


@media screen and (max-width: 767px){
#j_section012 {padding-bottom:50px;}
#j_section012 .j_inner .sec12_pagebar {bottom:-10px;}
.sec12_swiper .swiper-slide {min-height:370px;}
.sec12_swiper .swiper-slide .sec12_desc {padding:0 12px; white-space:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.sec12_swiper .swiper-slide .sec12_desc h4 {font-size:15px;}
.sec12_swiper .swiper-slide .sec12_desc p {font-size:12px;}


}	


/*footer*/
.j_footer {padding:43px 0; box-sizing:border-box; border-top:1px solid #f2f2f2;}
.ft_inner {margin:0 auto; max-width:1820px; position:relative; width:92%;}
.j_footer .ft_top_box {display:flex; justify-content:space-between;}

.j_footer .ft_bottom_box {display:flex; justify-content:space-between; align-items: end; margin-top:34px;}
.j_footer .ft_bottom_box p {line-height:1.9em;}
.j_footer .ft_bottom_box i + i{margin-left:20px;}
.j_footer .ft_bottom_box i b {position:relative;}
.j_footer .ft_bottom_box i b:before {content:''; background:#dbdbdb; position:absolute; width:1px; height:16px; left:-10px; top:50%; transform:translateY(-50%);}

.ft_right_box .ft_menu {display:flex;}
.ft_right_box .ft_menu li + li {margin-left:20px;}


.ft_menu li a {display:block;}
.ft_menu li a i{position:relative; transition:.3s;}
.ft_menu li a i:after {position:absolute; content:''; left:0; bottom:-2px; width:0; height:2px; background:#000;transition:.3s;}
.ft_menu li a:hover i:after {width:100%;}
.ft_right_box .copy {color: rgba(0, 0, 0, 0.4); margin-top:23px; }




@media screen and (max-width: 767px){
	
.j_footer .ft_bottom_box {flex-wrap:wrap; margin-top:16px;}
.j_footer .ft_bottom_box i b:before {display:none;}
.ft_top_box .ft_logo img {width:70%;}
.ft_right_box {margin-top:10px;}
.j_footer {padding-bottom: 130px;}
.j_footer .ft_bottom_box p {font-size:12px;}
.ft_menu li a {font-size:12px;}

}	


/*popup privacy_olicy terms_service */

.j_pop_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);z-index: 2000;display: none;}
.j_pop_inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;max-width: 800px;background: #FFF;box-shadow: 5px 5px 13px rgba(0,0,0,0.3);padding: 40px;}

.pop_content{position: relative;}
.pop_content h4{font-size: 1.3rem;font-weight: bold;letter-spacing: -0.045em;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.pop_content p{max-height: 350px;overflow-y: scroll;font-size: 14px;line-height: 140%;}
.pop_content p i{display: block;}
.pop_content p i b{font-weight: 500;}

.pop_close{position: absolute;top: 0;right: 0;width: 30px;height: 30px;}
.pop_close span{position: absolute;top: 14px;left: 0;width: 100%;height: 2px;background: #222;transition: transform 0.3s;}
.pop_close span:nth-child(1){transform: rotate(45deg);}
.pop_close span:nth-child(2){transform: rotate(-45deg);}
.pop_close:hover span{transform: rotate(0);}


/*quick_form*/

#form_quick { position: fixed; top: 24%; right: 50px; width: 230px;z-index: 100;}
#form_quick.on {transform: translateX(0); opacity: 1;}
#form_quick.on .quick_tel {display:none;}

.quick_wrap {border-radius: 20px; box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11);}
.quick_wrap form {padding: 20px 15px 20px 15px; background: #FFF; border-radius:0 0 5px 5px;}
.quick_wrap h3 {background:#1669df; color:#fff; text-align:center; height: 60px; line-height: 60px; border-radius:5px 5px 0 0;}
.quick_list {position: relative;margin-bottom: 8px;}
.quick_input {font-size: 13px !important; height: 40px;  line-height: 40px; font-weight: bold; border: 1px solid #ececec;  padding: 0 15px;  padding-left: 58px;   border-radius: 5px;  overflow: hidden; width: 100%;}
.quick_list>label { position: absolute;  top: 0;  left: 10px; line-height: 40px;  z-index: 1;  font-size: 0.875rem;  font-weight: bold; color:#007eff;}
.quick_list>label b {color: #F00;}

.quick_tel .qt_top a p {margin-top:5px;}

.fq_select_box {display: flex; align-items: center; width: 100%; justify-content: space-between; border:1px solid #ececec; border-radius:5px; height:40px; line-height:40px; padding:0 8px; position: relative; cursor: pointer;}
.fq_select p {color:#007eff; font-size: 0.875rem;  font-weight: bold;}
.fq_select b {color: #F00;}
.fq_select {  display: flex; align-items: center;justify-content: space-between; width: 100%;}
.fq_brand { background:#fff;position: absolute;top: 100%;width: 100%;left: 0;z-index: 999; padding: 0px 8px; border: 1px solid #c9c9c9; display:none;}
.fq_brand>li {font-weight:bold; font-size: 0.875rem;}

.fq_prod_box {display: flex; align-items: center; width: 100%; justify-content: space-between; border:1px solid #ececec; border-radius:5px; height:40px; line-height:40px; padding:0 8px; position: relative; cursor: pointer;}
.fq_select p {color:#007eff; font-size: 0.875rem;  font-weight: bold;}
.fq_select b {color: #F00;}
.fq_select {  display: flex; align-items: center;justify-content: space-between; width: 100%;}
.fq_prod { background:#fff;position: absolute;top: 100%;width: 100%;left: 0;z-index: 999; padding: 0px 8px; border: 1px solid #c9c9c9; display:none;}
.fq_prod {font-weight:bold; font-size: 0.875rem;}

.quick_radio_wrap {display:flex; cursor:pointer;}
.quick_radio_wrap .quick_check input[type=checkbox] {position: absolute; top: 0;  left: 0; width: 0;  height: 0; opacity: 0; outline: 0;  z-index: -1;overflow: hidden;}
.quick_radio_wrap .quick_check input[type=checkbox]:checked + label span {background: url(/img/chk_white.png) no-repeat 50% 50% #007eff; border-color: #007eff;}

.quick_radio_wrap .quick_flex {display:flex; align-items:center;cursor: pointer;}
.quick_radio_wrap .quick_flex span {display:block; width:14px; height:14px; border-radius:50%; border:1px solid #c9c9c9; margin-right:5px;}

.quck_form_btn_wrap button {width:100%; height:45px; background:#006cff; color:#fff; border-radius:5px; margin-top:13px}

.quick_tel .quick_num {display:block; background:#05749d; color:#fff; text-align: center; border-radius:10px; padding:10.5px 0; margin-top:14px;  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11);}
.quick_tel .quick_num i {display: inline-block; vertical-align: super; margin-right:5px;}

.kaka_btn {display:flex; width:100%; background:#ffeb3b; height:60px; border-radius:5px;  line-height:60px; color:#3e2723; margin-top:10px;  box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.11); padding-left: 20px;}
.qt_naver {background:#00c63b;}
@media screen and (max-width: 1200px){
	
#form_quick {right:25px;transform: translateX(110%);opacity: 0;transition: transform .6s ease, opacity .45s;}

}	

@media screen and (max-width: 767px){
	
#form_quick {width:330px;}
}	


#mobile_quick {display:none;}
#mobile_quick ul {display:flex;}
#mobile_quick ul img {width:100%; display:block;}
#mobile_quick ul li a {display:block; width:100%;}


@media screen and (max-width: 767px){

#mobile_quick {position: fixed; bottom: 0;left: 0; width: 100%; display: block; z-index:999; background:#fff;}

}





/*230804_수정*/

.sec_list li .prod_img{padding-top:0; }
.sec_list li .pro_list_bottom{padding: 13px;}
.sec_list li .prod_img > a{display: flex; justify-content: center; align-items: center;} 
.sec_list li .prod_img img{display: block; width: 100%;}


.b_revise{color:#555 !important; font-size:0.874rem; font-weight:500; margin-left: 13px; display: block; margin-bottom: 10px;}

/* @media screen and (max-width: 1080px){ 
	 .sec_list li{width: calc((100% - 40px)/3); margin-right: 20px;}
	 .sec_list li:nth-of-type(3n){margin-right: 0; }
	 .sec_list li:nth-of-type(2n) {margin-right: 20px;}
	 .sec_list li:nth-of-type(n+3) {margin-top: 20px;}
	 .sec_list li:nth-of-type(3) {margin-top: 0;}
}

@media screen and (max-width: 767px){
	 .sec_list li{width: calc((100% - 20px)/2); margin-right: 20px;}
	 .sec_list li:nth-of-type(2n){margin-right: 0; }
	 .sec_list li:nth-of-type(3n){margin-right: 20px; }
	 .sec_list li:nth-of-type(3) {margin-top: 20px;}
	 .sec_list li .pro_list_bottom {padding: 15px;}

	 .b_revise{margin-left:15px; }
}


@media screen and (max-width: 460px){
	 .sec_list li{width: calc((100% - 10px)/2); margin-right: 10px;}
	 .sec_list li:nth-of-type(n+3) {margin-top: 10px;}
	 .sec_list li:nth-of-type(3) {margin-top: 10px;}
	 .sec_list li:nth-of-type(3n) {margin-right: 10px;}

} */

/*---2023.08.10 - 수정---*/
.best_dot{text-align: center;margin-top: 40px;}

#kTab_slide{margin-top: 70px;}

@media screen and (max-width: 767px){
	
	.best_dot{margin-top: 20px;}
	.best_dot span{width: 6px;height: 6px;margin: 0 3px;}

	#kTab_slide{margin-top: 40px;}
}