/* *{font-family: 'Montserrat', 'Spoqa Han Sans Neo', 'sans-serif', sans-serif; box-sizing:border-box;} */
*{font-family: "Work Sans", sans-serif;}
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

/* banner */
.banner{background: #000; display: flex; position: fixed; top: 0; width: 100%; z-index: 1200;}
.banner a{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; width: 33.33%; height: 60px; color: #fff; font-size: 16px; font-weight: 600; position: relative; font-family: 'Pretendard'; text-align: center; border-bottom: 1px solid rgba(0,0,0,0.1);}
.banner a.on{background: #fff; color: #000;}
.banner a + a::before{content: ''; display: block; width: 1px; height: 30px; background: #fff; opacity: 0.5; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);}
.banner a span{font-size: 13px; font-weight: 400; font-family: "Libre Baskerville", serif; font-style: italic;}

@media screen and (max-width: 1820px) {
	.banner a{gap: 0.16vw; height: 3.30vw; font-size: 0.88vw;}
	.banner a + a::before{height: 1.64vw;}
	.banner a span{font-size: 0.77vw;}
}

@media screen and (max-width: 1400px) {
	.banner a{gap: 0.21vw; height: 4.29vw; font-size: 1.00vw;}
	.banner a + a::before{height: 2.14vw;}
	.banner a span{font-size: 1.00vw;}
}

@media screen and (max-width: 1024px) {
	.banner a{gap: 0.29vw; height: 5.86vw; font-size: 1.56vw;}
	.banner a + a::before{height: 2.92vw;}
	.banner a span{font-size: 1.37vw;}
}

@media screen and (max-width: 768px) {
	.banner{justify-content: center;}
	.banner a + a::before{height: 5.21vw;}
	.banner a{gap: 0.39vw; height: 9.81vw; font-size: 2.86vw; padding: 0;}
	.banner a span{font-size: 2.15vw;}
}

/* header */
#header {position: absolute; top: 60px; left: 0; width: 100%; height: 100px; z-index: 1200; padding: 0 50px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);}
.head {display: flex; justify-content: space-between; align-items:center; max-width: 1820px; height: 100%; margin: 0 auto;}
.head h1 img{width: 54px;}
.head h1 img.mob_logo {display: none;}
.head h1 img.logo_on {display: none;}
.gnb > li {position: relative; float: left;}
/* .gnb > li + li {margin-left: 50px;} */
.gnb > li + li {margin-left: 80px;}
.gnb > li > a {color: #fff; display: block; font-size: 18px; font-weight: 700; line-height:1.3;}
.head_rt{display: flex; align-items:center; gap:30px;}
.head_rt .log a{font-size: 14px; font-family: "Work Sans"; color:#fff;}
.head_rt .log a:first-of-type{font-weight: 700; margin-right:26px; position:relative;}
.head_rt .log a:first-of-type:after{content:''; display:block; width: 1px; height: 12px; background: #FFF; position:absolute; right:-15px; top:50%; transform:translateY(-50%);}
.head_rt .cart{position:relative; margin-right:5px;}
.head_rt .cart a.m_ic{display:inline-block; width: 25px; height:20px; background: url("/img/icon/cart_ic.svg") no-repeat center / contain;}
.head_rt .cart span.num{display:inline-block; font-size: 10px; font-family: "Work Sans"; font-weight: 700; width: 20px; height: 20px; line-height: 20px; border-radius:50%; background:#000; color:#fff; text-align:center; position:absolute; right:-15px; bottom:-5px;}
.head_rt .head_btn {width: 30px; height: 20px; background: url("/img/icon/all_menu_ic.svg") no-repeat center / 100%; cursor: pointer;}
.head_rt .head_mob_btn {display:none;}
.head_bg {display: none;}

.head_gnb_2depth {display: none; position: absolute; top: 100px; left: 0; width: 100%; height: 265px; background: #fff; border-top: 1px solid #E3E3E3;}
.gnb_2depth {display: none; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: 100%; z-index: 50;}
.gnb_2depth li a {position: relative; display: inline-block; font-size: 18px; font-family: "Work Sans";}
.gnb_2depth li + li {margin-top: 20px;}
.gnb_2depth li:hover a:before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #000;}

.head_all_bg.on {display: block;}
.head_all_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3000; background: rgba(0,0,0,0.85); padding:0 50px;}
.head_all_bg_inner {position: relative; max-width: 1820px; margin: 0 auto;}
.head_all_tp {position: relative; height: 100px;}
.head_all_tp h1 {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.head_all_tp h1 img{width:54px;}
.head_all_tp .head_close_btn {position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 30px; height: 28px; background: url("/img/icon/head_close_on.png") center no-repeat; background-size: 100%; cursor: pointer;}
.head_middle {margin: 40px auto 0; width: 1200px;}
.head_middle dl {padding: 27px 0; border-bottom: 1px solid #fff;}
.head_middle dl dt {display: inline-block; vertical-align: middle; margin-right: 20px; width: 400px;}
.head_middle dl dt a {display: block; color: #fff; font-size: 25px; font-family: "Work Sans"; font-weight:700;}
.head_middle dl dd {display: inline-block; vertical-align: middle;}
.head_middle dl dd + dd {margin-left: 30px;}
.head_middle dl dd a {display: block; color: #fff; font-size: 22px; font-family: "Work Sans"; text-transform:uppercase;}

#header:hover {background: #fff; }
#header:hover .head h1 img.logo {display: none;}
#header:hover .head h1 img.logo_on {display: block;}
#header:hover .gnb > li > a {color: #000;}
#header:hover .head_rt .log a{color:#000;}
#header:hover .head_rt .log a:first-of-type:after{background: #000;}
#header:hover .head_rt .cart a.m_ic {background-image: url("/img/icon/cart_ic_on.svg");}
#header:hover .head_rt .cart span.num{border:1px solid #000; background:#fff; color:#000;}
#header:hover .head_btn {background-image: url("/img/icon/all_menu_ic_on.svg");}
#header:hover .head_gnb_2depth {display: block;}
#header:hover .gnb_2depth {display: block;}

#header.fixed {background: #fff; position:fixed;}
#header.fixed .head h1 img.logo {display: none;}
#header.fixed .head h1 img.logo_on {display: block;}
#header.fixed .gnb > li > a {color: #000;}
#header.fixed .head_rt .log a{color:#000;}
#header.fixed .head_rt .log a:first-of-type:after{background: #000;}
#header.fixed .head_rt .cart a.m_ic {background-image: url("/img/icon/cart_ic_on.svg");}
#header.fixed .head_rt .cart span.num{border:1px solid #000; background:#fff; color:#000;}
#header.fixed .head_btn {background-image: url("/img/icon/all_menu_ic_on.svg");}
/* #header.fixed:hover .head_gnb_2depth{border-top:none;} */

/* popup */
.pop_wrap{display:none; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; z-index:10000;}
.pop_wrap.on{display:block;}
.pop_bg{width:100%; height:100%; background: rgba(0, 0, 0, 0.60);}
.pop_inner{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 450px; background: #FFF; padding:60px 75px;}
.pop_close{position:absolute; top:25px; right:20px; cursor:pointer;}
.pop_wrap .title{text-align: center; font-size: 30px; margin-bottom:37px;}
.pop_wrap .input_wrap li + li{margin-top:10px;}
.input{border-radius: 50px; border: 1px solid rgba(0,0,0,0.2); background: #FFF; height:50px; font-size: 14px; font-weight: 500; padding:0 30px; outline:none !important;}
.input::placeholder{color:#8E8E8E;}
.pop_wrap .input_wrap li .input{width:100%;}
.pop_wrap .auto_login{margin-top:15px;}
input[type="checkbox"]{display:inline-block; vertical-align:middle; width: 20px; height: 20px; background:#fff; border-radius:5px; border:1px solid #BEBEBE; appearance:none;}
input[type="checkbox"]:checked{background:#fff url("/img/icon/check_ic.svg") no-repeat center / 11px; border:1px solid #000;}
.pop_wrap .auto_login label{display:inline-block; vertical-align:middle; font-size: 16px; font-weight: 500; color:#6D6D6D; margin-left:5px;}
.pop_wrap .submit_btn{display:block; width:100%; font-size: 18px; font-weight: 700; font-family: "Spoqa Han Sans Neo"; text-align: center; color:#fff; border-radius: 50px; background: #000; line-height: 55px; border:none; margin-top:30px;}
.pop_wrap .login_last{margin-top:40px; text-align: center;}
.pop_wrap .login_last a{font-size: 16px; }
.pop_wrap .login_last a.find{color:#6D6D6D; position:relative; margin-left:20px;}
.pop_wrap .login_last a.find:before{position:absolute; content:''; display:block; width: 1px; height: 10px; background: #E3E3E3; left:-12px; top:50%; transform:translateY(-50%);}

/* main */
.main_visual{display:flex; flex-wrap:wrap;}
.main_visual .item{width:50%; font-size: 0;}
.main_visual .item a{display:block; position:relative;}
.main_visual .item a span{position:absolute; font-size: 40px; font-weight: 700; color:#fff; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 10;}
.main_visual .item a .image{height: 880px; transition:all 1s; background-position: center; background-size: cover;}
.main_visual .item a .image.man1{background:url("/img/main/main_vis_man1.png") no-repeat center / cover;}
.main_visual .item a .image.woman1{background:url("/img/main/main_vis_woman1.png") no-repeat center / cover;}
.main_visual .item a .image.man2{background:url("/img/main/main_vis_man2.png") no-repeat center / cover;}
.main_visual .item a .image.woman2{background:url("/img/main/main_vis_woman2.png") no-repeat center / cover;}
.main_visual .item a .image.off{opacity:0.6;}
.main_visual .item a .image.mob{display:none;}

/* footer */
#footer {padding: 60px 50px; border-top: 1px solid #999;}
.foot {max-width: 1820px; min-height: 270px; margin: 0 auto;}
.ft_table {display: table; width: 100%;}
.ft_logo {display: table-cell; width: 50%; vertical-align: top;}
.ft_logo img{width: 285px;}
.ft_menu {position: relative; display: table-cell; width: 50%; vertical-align: top;}
.ft_menu1 li {color: #464646; font-size: 18px; font-weight: 300; letter-spacing: -0.5px; line-height:1.45;}
.ft_sns {margin-top: 30px; position: relative;}
.ft_sns:after {content: ""; display: block; clear: both;}
.ft_sns li {float: left;}
.ft_sns li + li {margin-left: 15px;}
.ft_sns li a {display: block; width: 40px; height: 40px; border-radius: 50%;}
.ft_sns li.ft_insta1 a {background: #333 url("/img/icon/ft_sns2.png") center no-repeat; background-size: 13px;}
.ft_sns li.ft_insta2 a {background: #fff url("/img/icon/ft_sns2_black.png") center no-repeat; background-size: 13px; border: 1px solid #333;}
.ft_sns li.ft_insta3 a {background: #949494 url("/img/icon/ft_sns2.png") center no-repeat; background-size: 13px;}
.ft_sns li.ft_youtube a {background: #333 url("/img/icon/ft_sns3.png") center no-repeat; background-size: 19px;}
.ft_sns li.ft_blog a {background: #333 url("/img/icon/ft_sns4.png") center no-repeat; background-size: 25px;}
.ft_menu2 {position: relative; margin-top: 55px;}
.ft_menu2:after {content: ""; display: block; clear: both;}
.ft_menu2 li {position: relative; float: left;}
.ft_menu2 li a {display: block; color: #000; font-size: 18px; }
.ft_menu2 li + li {margin-left: 30px;}
.ft_menu2 li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -15px; width: 1px; height: 10px; background: #e5e5e5;}
.ft_menu p.copy {margin-top: 25px; color: #464646; font-size: 15px;}
.ft_menu3 {position: absolute; right: 0; bottom: 40px;}
.ft_menu3 span {padding: 0 10px 15px; border-bottom: 1px solid #000; color: #000; font-size: 18px; font-weight: 700; cursor: pointer;}
.ft_menu3 span.on .ft_ic {transform: rotate(180deg);}
.ft_menu3 span .ft_ic {display: inline-block; vertical-align: middle; width: 8px; height: 6px; background: url("/img/icon/ft_arrow.svg") center no-repeat; background-size: 100%; margin-left: 15px;}
.ft_menu3 ul {display: none; position: absolute; left: 0; bottom: 40px; width: 100%;}
.ft_menu3 ul li a {display: block; font-size: 18px; padding: 0 10px;}
.ft_menu3 ul li + li {margin-top: 5px;}


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


	/* header */
	#header {height: 5.49vw; padding: 0 2.75vw; top: 3.30vw;}
	.head {max-width: 100%;}
	.head h1 img{width: 2.97vw;}
	/* .gnb > li + li {margin-left: 2.35vw;} */
	.gnb > li + li {margin-left: 4.40vw;}
	.gnb > li > a {font-size: 0.99vw;}
	.head_rt{gap:1.65vw;}
	.head_rt .log a{font-size: 0.77vw;}
	.head_rt .log a:first-of-type{margin-right:1.43vw;}
	.head_rt .log a:first-of-type:after{height: 0.66vw; right:-0.82vw;}
	.head_rt .cart{margin-right:0.27vw;}
	.head_rt .cart a.m_ic{width: 1.37vw; height:1.10vw;}
	.head_rt .cart span.num{font-size: 0.55vw; width: 1.10vw; height: 1.10vw; line-height: 1.10vw; right:-0.82vw; bottom:-0.27vw;}
	.head_rt .head_btn {width: 1.65vw; height: 1.10vw;}

	.head_gnb_2depth {top: 5.49vw; height: 14.56vw;}
	.gnb_2depth {top: 5.49vw;}
	.gnb_2depth li a {font-size: 0.99vw;}
	.gnb_2depth li + li {margin-top: 1.10vw;}

	.head_all_bg {padding: 0 2.75vw;}
	.head_all_bg_inner {max-width: 100%;}
	.head_all_tp {height: 5.49vw;}
	.head_all_tp h1 img{width:2.97vw;}
	.head_all_tp .head_close_btn {width: 1.65vw; height: 1.54vw;}
	.head_middle {margin: 2.20vw auto 0; width: 65.93vw;}
	.head_middle dl {padding: 1.48vw 0;}
	.head_middle dl dt {margin-right: 1.10vw; width: 21.98vw;}
	.head_middle dl dt a {font-size: 1.37vw;}
	.head_middle dl dd + dd {margin-left: 1.65vw;}
	.head_middle dl dd a {font-size: 1.21vw;}

	/* main */
	.main_visual .item a .image{height: 48.35vw;}
	.main_visual .item a span{font-size: 2.20vw;}

	/* footer */
	#footer {padding: 3.30vw 2.75vw;}
	.foot {max-width: 100%; min-height: 14.84vw;}
	.ft_logo img{width: 15.66vw;}
	.ft_menu1 li {font-size: 0.99vw; letter-spacing: -0.03vw;}
	.ft_sns {margin-top: 1.65vw;}
	.ft_sns li + li {margin-left: 0.82vw;}
	.ft_sns li a {width: 2.20vw; height: 2.20vw;}
	.ft_sns li a {background-size: 0.71vw;}
	.ft_sns li.ft_youtube a {background-size: 1.04vw;}
	.ft_sns li.ft_blog a {background-size: 1.37vw;}
	.ft_menu2 {margin-top: 3.02vw;}
	.ft_menu2 li a {font-size: 0.99vw;}
	.ft_menu2 li + li {margin-left: 1.65vw;}
	.ft_menu2 li + li:before {left: -0.82vw; height: 0.55vw;}
	.ft_menu p.copy {margin-top: 1.37vw; font-size: 0.82vw;}
	.ft_menu3 {right: 0; bottom: 2.20vw;}
	.ft_menu3 span {padding: 0 0.55vw 0.82vw; font-size: 0.99vw;}
	.ft_menu3 span .ft_ic {width: 0.44vw; height: 0.33vw; margin-left: 0.82vw;}
	.ft_menu3 ul {bottom: 2.20vw;}
	.ft_menu3 ul li a {font-size: 0.99vw; padding: 0 0.55vw;}
	.ft_menu3 ul li + li {margin-top: 0.27vw;}

}


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


	/* header */
	#header {height: 5.50vw; padding: 0 2.79vw; top: 4.29vw;}
	.head h1 img{width: 3.16vw;}
	/* .gnb > li + li {margin-left: 2.29vw;} */
	.gnb > li + li {margin-left: 4.43vw;}
	.gnb > li > a {font-size: 1.00vw;}
	.head_rt{gap:1.64vw;}
	.head_rt .log a{font-size: 0.79vw;}
	.head_rt .log a:first-of-type{margin-right:1.43vw;}
	.head_rt .log a:first-of-type:after{height: 0.64vw; right:-0.79vw;}
	.head_rt .cart{margin-right:0.29vw;}
	.head_rt .cart a.m_ic{width: 1.36vw; height:1.07vw;}
	.head_rt .cart span.num{font-size: 0.57vw; width: 1.07vw; height: 1.07vw; line-height: 1.07vw; right:-0.79vw; bottom:-0.29vw;}
	.head_rt .head_btn {width: 1.64vw; height: 1.07vw;}

	.head_gnb_2depth {top: 5.50vw; height: 14.57vw;}
	.gnb_2depth {top: 5.50vw;}
	.gnb_2depth li a {font-size: 1.00vw;}
	.gnb_2depth li + li {margin-top: 1.07vw;}

	.head_all_bg_inner {width: 98.93vw;}
	.head_all_tp {height: 5.50vw;}
	.head_all_tp h1 img{width:3.16vw;}
	.head_all_tp .head_close_btn {width: 1.64vw; height: 1.57vw;}
	.head_middle {margin: 2.21vw auto 0; width: 65.93vw;}
	.head_middle dl {padding: 1.50vw 0;}
	.head_middle dl dt {margin-right: 1.07vw; width: 22.00vw;}
	.head_middle dl dt a {font-size: 1.36vw;}
	.head_middle dl dd + dd {margin-left: 1.64vw;}
	.head_middle dl dd a {font-size: 1.21vw;}

	/* main */
	.main_visual .item a .image{height: 52.14vw;}
	.main_visual .item a span{font-size: 2.21vw;}

	/* footer */
	#footer {padding: 3.29vw 2.79vw;}
	.foot {min-height: 14.86vw;}
	.ft_logo img{width: 15.64vw;}
	.ft_menu1 li {font-size: 1.00vw; letter-spacing: -0.00vw;}
	.ft_sns {margin-top: 1.64vw;}
	.ft_sns li + li {margin-left: 0.79vw;}
	.ft_sns li a {width: 2.21vw; height: 2.21vw;}
	.ft_sns li a {background-size: 0.71vw;}
	.ft_sns li.ft_youtube a {background-size: 1.07vw;}
	.ft_sns li.ft_blog a {background-size: 1.36vw;}
	.ft_menu2 {margin-top: 3.00vw;}
	.ft_menu2 li a {font-size: 1.00vw;}
	.ft_menu2 li + li {margin-left: 1.64vw;}
	.ft_menu2 li + li:before {left: -0.79vw; height: 0.57vw;}
	.ft_menu p.copy {margin-top: 1.36vw; font-size: 0.79vw;}
	.ft_menu3 {right: 0; bottom: 2.21vw;}
	.ft_menu3 span {padding: 0 0.57vw 0.79vw; font-size: 1.00vw;}
	.ft_menu3 span .ft_ic {width: 0.43vw; height: 0.36vw; margin-left: 0.79vw;}
	.ft_menu3 ul {bottom: 2.21vw;}
	.ft_menu3 ul li a {font-size: 1.00vw; padding: 0 0.57vw;}
	.ft_menu3 ul li + li {margin-top: 0.29vw;}


}


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


	/* header */
	#header {height: 9.52vw; padding: 0 3.13vw; top: 5.86vw;}
	#header .head h1 img{display:block; width: 4.16vw;}
	#header .head h1 img.logo_on{display:none;}
	#header .head_rt .cart span.num{border:1px solid #fff;}
	.gnb{display:none;}
	.head_rt{gap:3.25vw;}
	.head_rt .log{display:none;}
	.head_rt .cart{margin-right:0.39vw;}
	.head_rt .cart a.m_ic{width: 4.36vw; height:4.36vw; border-radius:50%; background: #000 url("/img/icon/cart_ic.svg") no-repeat center / 1.86vw;}
	.head_rt .cart span.num{font-size: 1.48vw; width: 2.2vw; height: 2.2vw; line-height: 2.2vw; right:-1.07vw; bottom:-0.39vw; background:#fff; color:#000;}
	.head_rt .head_btn {display:none;}
	.head_rt .head_mob_btn {display:block; width: 3.25vw; height: 2.46vw; background: url("/img/icon/all_menu_ic.svg") no-repeat center / 100%; cursor: pointer;}

	
	#header:hover .gnb > li > a {color: #fff;}
	#header:hover .head_rt .log a{color:#fff;}
	#header:hover .head_rt .log a:first-of-type:after{background: #fff;}
	#header:hover .head_rt .cart a.m_ic {background-image: url("/img/icon/cart_ic.svg");}
	#header:hover .head_rt .cart span.num{border:1px solid #000;}
	#header:hover .head_gnb_2depth{display:none;}
	#header:hover .head_mob_btn {background-image: url("/img/icon/all_menu_ic_on.svg");}

	
	#header.fixed .head_rt .cart a.m_ic {background-image: url("/img/icon/cart_ic.svg");}
	#header.fixed .head_rt .cart span.num{border:1px solid #000; background:#fff; color:#000;}
	#header.fixed .head_mob_btn {background-image: url("/img/icon/all_menu_ic_on.svg");}

	.head_all_bg{display:none !important;}
	.head_bg.on {display: block;}
	.head_bg {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 3000;}
	.head_bg_inner {float: right; width: 75.52vw; height: 100%; background: #fff; padding: 0 4.51vw;}
	.head_bg_tp {position: relative; height: 6.53vw; margin-top: 6.26vw;}
	.head_bg_tp h1 {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
	.head_bg_tp h1 img {width: 6.11vw;}
	.head_bg_close {position: absolute; top:50%; transform: translateY(-50%); right: 0; width: 1.91vw; height: 1.65vw; background: url("/img/icon/head_mob_close.svg") center no-repeat; background-size: 100%; cursor: pointer;}

	.head_bg .log{margin-top: 4vw;}
	.head_bg .log > div a{font-size:3.26vw;}
	.head_bg .log > div a:first-of-type{font-weight: 700; margin-right:7vw; position: relative;}
	.head_bg .log > div a:first-of-type:after{content: ''; display: block; width: 1px; height: 3vw; background: #000; position: absolute; right: -3.5vw; top: 50%; transform: translateY(-50%);}

	.accordion {margin-top: 4.51vw; height: 70%; overflow-y: auto;}
	.accordion > li:last-child {border-bottom: 1px solid #e1e1e1;}
	.accordion .link {position: relative; cursor: pointer; padding: 0 2.51vw; display: block;  color: #14151a;  font-size: 2.15vw; font-weight: 700; border-top: 1px solid #e1e1e1; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;  transition: all 0.4s ease; height: 8.02vw; line-height: 8.02vw; background: url("/img/icon/head_arrow.svg") 95% center no-repeat; background-size: 1.6vw;}
	.accordion .link a {display: block;}
	.accordion .link.board_link {border-bottom: 1px solid #e1e1e1;}
	.accordion li.open .link {color: #fff; background: #000 url("/img/icon/head_arrow_on.svg") 95% center no-repeat; background-size: 2.26vw ; border-bottom: 0;}
	.submenu {display: none;  padding: 3.21vw 2.51vw; border-top: 1px solid #e1e1e1;}
	.submenu li + li {margin-top: 2.60vw;}
	.submenu a {display: block; font-size: 1.95vw; -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}

	/* main */
	.main_visual{display:block;}
	.main_visual .item{width:100%;}
	.main_visual .item a span{font-size: 4.03vw;}
	.main_visual .item a .image{height: 71.65vw;}

	/* footer */
	#footer {padding: 5.86vw 3.91vw;}
	.foot {max-width: 100%; min-height: 20.31vw;}
	.ft_logo{display:block; width:100%;}
	.ft_logo img{width: 21.39vw;}
	.ft_menu{display:block; width:100%; margin-top: 3.91vw;}
	.ft_menu1 li {font-size: 1.76vw;}
	.ft_sns {margin-top: 2.93vw;}
	.ft_sns li + li {margin-left: 1.46vw;}
	.ft_sns li a {width: 3.91vw; height: 3.91vw;}
	.ft_sns li a {background-size: 1.27vw;}
	.ft_sns li.ft_youtube a {background-size: 1.86vw;}
	.ft_sns li.ft_blog a {background-size: 2.44vw;}
	.ft_menu2 {margin-top: 4.10vw;}
	.ft_menu2 li a {font-size: 1.76vw;}
	.ft_menu2 li + li {margin-left: 2.93vw;}
	.ft_menu2 li + li:before {left: -1.46vw; height: 0.98vw;}
	.ft_menu p.copy {margin-top: 1.95vw; font-size: 1.46vw;}
	.ft_menu3 {right: 0; bottom: 3.03vw;}
	.ft_menu3 span {padding: 0 0.98vw 1.46vw; font-size: 1.76vw;}
	.ft_menu3 span .ft_ic {width: 0.78vw; height: 0.59vw; margin-left: 1.46vw;}
	.ft_menu3 ul {bottom: 3.91vw;}
	.ft_menu3 ul li a {font-size: 1.76vw; padding: 0 0.98vw;}
	.ft_menu3 ul li + li {margin-top: 1vw;}


}


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

	/* header */
	#header {height: 13.52vw; padding: 0 3.13vw; top: 9.81vw;}
	#header .head h1 img{width: 8.16vw;}
	.head_rt{gap:4.25vw;}
	.head_rt .cart{margin-right:0.39vw;}
	.head_rt .cart a.m_ic{width: 7.86vw; height:7.86vw; background-size: 4.16vw;}
	.head_rt .cart span.num{font-size: 2.6vw; width: 3.6vw; height: 3.6vw; line-height: 3.46vw; right:-1.07vw; bottom:-0.39vw;}
	.head_rt .head_mob_btn {width: 6.25vw; height: 5.46vw;}
	.head_bg_inner {width: 75.52vw; padding: 0 5.51vw;}
	.head_bg_tp {height: 19.53vw; margin-top: 3.26vw;}
	.head_bg_tp h1 img {width: 9.11vw;}
	.head_bg_close {width: 3.91vw; height: 3.65vw;}

	.accordion {margin-top: 6.51vw; height:100%;}
	.accordion .link {padding: 0 3.51vw; font-size: 3.56vw; height: 13.02vw; line-height: 12.76vw; background-size: 3.26vw;}
	.accordion li.open .link {background-size: 3.26vw;}
	.submenu {padding: 5.21vw 3.51vw;}
	.submenu li + li {margin-top: 2.60vw;}
	.submenu a {font-size: 3.26vw; line-height: 4.69vw;}

	/* main */
	.main_visual{display:block;}
	.main_visual .item{width:100%;}
	.main_visual .item a span{font-size: 6.03vw;}
	.main_visual .item a .image{height: 80.65vw;}


	#footer {padding: 8.81vw 2.60vw;}
	.foot {min-height: 35.16vw; }
	.ft_logo img {width: 30.60vw;}
	.ft_menu {margin-top: 5.21vw;}
	.ft_menu1 li { font-size: 3.13vw; line-height: 4.30vw;}
	.ft_menu1 li + li {margin-top: 1.30vw;}
	.ft_sns {margin-top: 3.91vw; }
	.ft_sns li + li {margin-left: 1.95vw;}
	.ft_sns li a { width: 9.11vw; height: 9.11vw; }
	.ft_sns li.ft_facebook a {background-size: 1.56vw;}
	.ft_sns li.ft_insta1 a {background-size: 2.73vw;}
	.ft_sns li.ft_insta2 a {background-size: 2.73vw;}
	.ft_sns li.ft_insta3 a {background-size: 2.73vw; }
	.ft_sns li.ft_youtube a {background-size: 4.04vw;}
	.ft_sns li.ft_blog a {background-size: 5.34vw;}
	.ft_menu2 {margin-top: 3.91vw;}
	.ft_menu2 li a {font-size: 2.86vw; line-height: 4.30vw;}
	.ft_menu2 li + li {margin-left: 2.60vw;}
	.ft_menu2 li + li:before {left: -1.56vw; height: 1.30vw; }
	.ft_menu p.copy {margin-top: 2.60vw;  font-size: 3.13vw; line-height: 4.30vw;}
	.ft_menu3 {position: relative; bottom: auto; margin-top: 4.91vw; display: inline-block;}
	.ft_menu3 span {padding: 0 1.30vw 1.95vw; font-size: 3.13vw; line-height: 3.39vw;}
	.ft_menu3 span .ft_ic {  width: 1.04vw; height: 0.78vw; margin-left: 1.95vw;}
	.ft_menu3 ul {bottom: 6.21vw; background: #fff; box-shadow: 0 0 1.95vw rgba(0,0,0,0.25); padding: 2.60vw 0;}
	.ft_menu3 ul li a {  font-size: 3.13vw; line-height: 4.17vw; padding: 0 1.30vw;}
	.ft_menu3 ul li + li {margin-top: 1.30vw;}

	
	/* popup */
	.pop_inner{width: 90%; padding:13.81vw 9.77vw;}
	.pop_close{top:3.26vw; right:2.60vw; width: 3.65vw;}
	.pop_wrap .title{font-size: 5.91vw; margin-bottom:6.82vw;}
	.pop_wrap .input_wrap li + li{margin-top:2.30vw;}
	.input{height:10.51vw; font-size: 3.65vw; padding:0 4.91vw;}
	.pop_wrap .auto_login{margin-top:3.95vw;}
	input[type="checkbox"]{width: 3.60vw; height: 3.60vw; border-radius:0.65vw;}
	input[type="checkbox"]:checked{background-size:1.43vw;}
	.pop_wrap .auto_login label{font-size: 3.65vw; margin-left:0.65vw;}
	.pop_wrap .submit_btn{font-size: 4.34vw; line-height: 11.16vw; margin-top:6.91vw;}
	.pop_wrap .login_last{margin-top:6.21vw;}
	.pop_wrap .login_last a{font-size: 3.65vw;}
	.pop_wrap .login_last a.find{margin-left:4.6vw;}
	.pop_wrap .login_last a.find:before{height: 2.80vw; left:-2.86vw;}

}