@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* 
-- 여기서부터
나눔고딕 EA v5 , 위 링크로 사용시 최신 IOS 15.41 에서   가 X된 네모로 보이는 버그가 있음  2022-05-10 문제 해결되면 이 부분 삭제
https://www.womantable.com/_upload/_test/test4.html 여기가 문제가 없다면 이부분 삭제
 */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format("truetype")
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format("woff2"),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format("woff"),url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format("truetype")
}
/*
-- 여기까지
*/


@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@font-face {
  font-family: 'NotoKr';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'NotoKr';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	  url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'NotoKr';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'NotoKr';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: "Gmarket Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Gmarket Sans Bold"), local("GmarketSans-Bold"), url("https://script.gmarket.com/fonts/GmarketSansBold.woff2") format("woff2"),
        url("https://script.gmarket.com/fonts/GmarketSansBold.woff") format("woff");
}
@font-face {
    font-family: "Gmarket Sans";
    font-style: normal;
    font-weight: 500;
    src: local("Gmarket Sans Medium"), local("GmarketSans-Medium"), url("https://script.gmarket.com/fonts/GmarketSansMedium.woff2") format("woff2"),
        url("https://script.gmarket.com/fonts/GmarketSansMedium.woff") format("woff");
}
@font-face {
    font-family: "Gmarket Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Gmarket Sans Light"), local("GmarketSans-Light"), url("https://script.gmarket.com/fonts/GmarketSansLight.woff2") format("woff2"),
        url("https://script.gmarket.com/fonts/GmarketSansLight.woff") format("woff");
}

/* .v2_wrap { width:750px; margin:0 auto; }

@media (max-width:800px) {
	.v2_wrap { width:100%; margin:0 auto; }
} */

:root{
	--width:750px;
}
.width-600{
	--width:600px;
}

div { box-sizing:border-box; }
/* gnb */
.v2_gnb { width:var(--width,750px); height:4rem; margin:0 auto; }
.v2_gnb .v2_wrap { display:flex; align-items:center; flex-wrap: wrap; height:4rem; }
.v2_gnb .v2_logo { font-family:'Gmarket Sans'; font-size:2.0rem; padding:0 0 0 1.5rem; font-weight:700; letter-spacing:-1px; }
.v2_gnb .v2_tmenu_container { visibility:hidden; flex-direction: column; position:absolute; padding:0 1.5rem; width:100%; top:4rem; background-color:#fff; z-index:10; margin:0; border-bottom:1px solid #909090; }
.v2_gnb .v2_tmenu { display:flex; margin-left:auto; }
.v2_gnb .v2_tmenu a { font-family:'Gmarket Sans'; font-size:20px; font-weight:500; letter-spacing:-1px; margin:0 30px; }
.v2_gnb .v2_member_btns { display:flex; margin-left:110px; }
.v2_gnb .v2_member_btns a { font-family:'Gmarket Sans'; font-size:20px; font-weight:500; letter-spacing:-1px; }
.v2_gnb .v2_member_btns a.pink { color:#ff6491; }
.v2_gnb .v2_member_btns .v2_var { font-family:'Gmarket Sans'; font-size:20px; font-weight:500; letter-spacing:-1px; margin:0 10px; }

#gnb_overlay_input:checked ~ .gnb_overlay_btn span { background: transparent; }
#gnb_overlay_input:checked ~ .gnb_overlay_btn span:before { transform: rotate(45deg) translate(0.2rem, 0.5rem); opacity: 1; }
#gnb_overlay_input:checked ~ .gnb_overlay_btn span:after { transform: rotate(-45deg) translate(0.2rem, -0.5rem); opacity: 1; }
#gnb_overlay_input:checked ~ .v2_tmenu_container { visibility: visible; }

.v2_gnb .gnb_overlay_btn { visibility: visible; margin-left:auto; padding:0 1.5rem 0 0; height: 32px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; }
.v2_gnb .gnb_overlay_btn span { height:0.2rem; width:2.0rem; border-radius:0.1rem; background-color: #000; position: relative; display: block; transition: all .2s ease-in-out; }
.v2_gnb .gnb_overlay_btn span:before { height: 0.2rem; width: 2.0rem; top:-0.5rem; border-radius: 2px; background-color: #000; position: absolute; content: ""; transition: all .2s ease-in-out; }
.v2_gnb .gnb_overlay_btn span:after { height: 0.2rem; width: 2.0rem; top:0.5rem; border-radius: 2px; background-color: #000; position: absolute; content: ""; transition: all .2s ease-in-out; }

.v2_gnb .v2_tmenu_container { visibility:hidden; flex-direction: column; position:absolute; padding:0 1.5rem; width:var(--width,750px); top:4rem; background-color:#fff; z-index:10; margin:0; border-bottom:1px solid #909090; }
.v2_gnb .v2_tmenu_container .v2_tmenu { flex-direction: column; margin-left:0; }
.v2_gnb .v2_tmenu_container .v2_tmenu a { font-family:'Gmarket Sans'; margin:0; display:block; font-size:2.0rem; font-weight:500; padding:1rem 0; }
.v2_gnb .v2_tmenu_container .v2_member_btns { flex-direction: column;  margin:2.0rem 0 0 0 ; }
.v2_gnb .v2_tmenu_container .v2_member_btns .v2_var { display:none; }
.v2_gnb .v2_tmenu_container .v2_member_btns a { margin:0; display: block; font-size:1.5rem; padding:1rem 0; border-top:1px solid #909090; }
.v2_gnb .v2_tmenu_container .v2_member_btns a:first-child { border-top:none; }

@media (max-width:var(--width,750px)) {
	.v2_gnb { width:100%; height:4rem; }
	.v2_gnb .v2_wrap { width:100%; height:4rem; }
	.v2_gnb .v2_logo { font-family:'Gmarket Sans'; font-size:2.0rem; padding:0 0 0 1.5rem; }
	.v2_gnb .gnb_overlay_btn { visibility: visible; margin-left:auto; padding:0 1.5rem 0 0; }
	.v2_gnb .gnb_overlay_btn span { height:0.2rem; width:2.0rem; border-radius:0.1rem; background-color: #000; position: relative; display: block; transition: all .2s ease-in-out; }
	.v2_gnb .gnb_overlay_btn span:before { height: 0.2rem; width: 2.0rem; top:-0.5rem; border-radius: 2px; background-color: #000; position: absolute; content: ""; transition: all .2s ease-in-out; }
	.v2_gnb .gnb_overlay_btn span:after { height: 0.2rem; width: 2.0rem; top:0.5rem; border-radius: 2px; background-color: #000; position: absolute; content: ""; transition: all .2s ease-in-out; }

	#gnb_overlay_input:checked ~ .gnb_overlay_btn span { background: transparent; }
	#gnb_overlay_input:checked ~ .gnb_overlay_btn span:before { transform: rotate(45deg) translate(0.2rem, 0.5rem); opacity: 1; }
	#gnb_overlay_input:checked ~ .gnb_overlay_btn span:after { transform: rotate(-45deg) translate(0.2rem, -0.5rem); opacity: 1; }
	#gnb_overlay_input:checked ~ .v2_tmenu_container { visibility: visible; }

	.v2_gnb .v2_tmenu_container { visibility:hidden; flex-direction: column; position:absolute; padding:0 1.5rem; width:100%; top:4rem; background-color:#fff; z-index:10; margin:0; border-bottom:1px solid #909090; }
	.v2_gnb .v2_tmenu_container .v2_tmenu { flex-direction: column; margin-left:0; }
	.v2_gnb .v2_tmenu_container .v2_tmenu a { font-family:'Gmarket Sans'; margin:0; width:100%; font-size:2.0rem; font-weight:500; padding:1rem 0; }
	.v2_gnb .v2_tmenu_container .v2_member_btns { flex-direction: column;  margin:2.0rem 0 0 0 ; }
	.v2_gnb .v2_tmenu_container .v2_member_btns .v2_var { display:none; }
	.v2_gnb .v2_tmenu_container .v2_member_btns a { margin:0; width:100%; font-size:1.5rem; padding:1rem 0; border-top:1px solid #909090; }
	.v2_gnb .v2_tmenu_container .v2_member_btns a:first-child { border-top:none; }
} 




/* common */
.btn-empty{
    border-width: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
.cursor-pointer{
	cursor: pointer;
}

/* for layer link */
.layer-parent{
	position: relative;
}
.layer{
	display: block;
	position: absolute;
	/* background-color: rgba(255,255,255,0.2); */
}
.link{
	text-indent: -999999px;
	z-index: 3;
	width: 200px;
	height: 100px;
}