@import "navigation.css";
@import "footer.css";
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(https://fonts.googleapis.com/css?family=Yantramanav:100,300,500);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Gmarket Sans';		font-style:normal;		font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'),
	url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff');
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/font/font/GmarketSansBold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Gmarket Sans';		font-style:normal;		font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('/font/font/GmarketSansMedium.otf') format('opentype');
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('/font/font/GmarketSansLight.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/font/font/GmarketSansMedium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
*/

/* Reset.CSS */
/* http://meyerweb.com/eric/tools/css/reset/ 
	v2.0 | 20110126
	License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    color: #222222;
    letter-spacing: 0;
    vertical-align: baseline;
	font-family : 'pretendard', 'Gmarket Sans', 'Noto Sans Korean', dotum, '돋움', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	display: none;
}
a {
    text-decoration: none;
}
a:link {
    font-family: 'Noto Sans KR', dotum, '돋움', sans-serif;
	color:#363636;
    text-decoration: none;
}
a:visited {
    font-family: 'Noto Sans KR', dotum, '돋움', sans-serif;
	color:#363636;
    text-decoration: none;
}
a:hover {
    font-family: 'Noto Sans KR', dotum, '돋움', sans-serif;
	color:#363636;
    text-decoration: none;
}

.clickable {
	cursor: pointer;
}

/* width */

.w300 { width:300px; }
.w320 { width:320px; }
.w306 { width:306px; }
.w280 { width:280px; }
.w238 { width:238px; }
.w182 { width:182px; }
.w180 { width:180px; }


/* margin * padding */

.pb_none { padding-bottom:0 !important; }
.mb10 { margin-bottom:10px; }
.mt13 { margin-top:13px; }


/* color */

.point_color { color:#4d6ede !important; }
.point_red { color:#e3002b !important; }
.point_red16 {color:#e3002b !important; font-size:16px !important; }

/* aside_counsel _ 메인, 서브 / 간편상담신청 */

#aside_counsel {
	position:absolute;
	top:300px;
	right:50px;
	}
	
#aside_counsel2 {
    position: fixed;
	top:300px;
    right: 50px;
    z-index: 100001;
	}	

/* aside_Baro _바로이체 */

#aside_Baro {
	position:fixed;
    bottom:70px;
    left:50px;
    z-index:999999;
	}

#aside_Baro img {
	box-shadow:0px 2px 2px rgba(0, 0, 0, 0.3);
	}


/* aside_scroll _ 서브 / 페이지 스크롤 */

#aside_scroll {
	position:absolute;
	top:1100px;
	left:200px;
	}

.scrollBanner {
	width:66px;
	height:467px;
	background-color:rgba( 50, 52, 72, 0.2 );
	border-radius:50px;
	padding-top:6px;
	}

.scrollBanner ul {
	height:467px;
	background:url('/images/sub/bl_scrollDown.png') no-repeat bottom 40px center;
	}

.scrollBanner li {
    box-sizing:border-box;
	width:56px;
	height:56px;
	margin:0 auto;
	margin-bottom:6px;
    padding-top:20px;
	font-size:13px;
	color:#6f7185;
	text-align:center;
	}
	
.scrollBanner li.on {
	background-color:#323448;
	border-radius:50px;
	color:#fff;
	}

.scrollBanner p {
    box-sizing:border-box;
	width:56px;
	height:56px;
	margin:15px auto 0;
    padding-top:23px;
	background-color:#323448;
	border-radius:50px;
	font-size:9px;
	font-weight:normal;
	color:#fff;
	letter-spacing:2.5px;
	text-align:center;
	}

.aside {
	z-index:100;
}

/* 구매상담 레이어 팝업 */

.modal { 
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	background-color: rgba(0, 0, 0, 0.5); 
	opacity: 0; 
	visibility: hidden; 
	transform: scale(1.1); 
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index:1;
	}

.modal-content { 
	position: absolute; 
	bottom: 56px; 
	right: 31px;
	padding: 25px 25px; 
	/*transform: translate(-50%, -50%);*/
	background-color: white; 
	padding: 25px 25px; 
	width: 1180px; 
	height: 131px; 
	border-radius: 0.8rem;
	}

.modal-content dl {
	float:left;
	width:336px;
	}

.modal-content dt {
	float:left;
	width:90px;
	height:24px;
	margin-bottom:10px;
	padding-top:10px;
	font-size:14px;
	}

.modal-content dt.radioType {
	padding-top:10px;
	}

.modal-content dd {
	float:left;
	width:220px;
	height:36px;
	font-size:14px;
	margin-bottom:10px;
	}

.modal-content dd span {
	vertical-align:middle;
	padding-right:15px;
	font-size:14px;
	}

.modal-content dd input[type="radio"] {
	vertical-align:middle;
	margin-bottom:4px;
	}

.modal-content dd.radioType {
	height:27px;
	padding-top:7px;
	}

.modal-content dd input[type="text"] {
	background:#f1f2f6;
	border:1px solid #FFF;
	height:36px;
	padding:0 0 0 5px;
	margin:0;
	width:213px;
	}

.modal-content dd.numType {
	background:#f1f2f6;
	}

.modal-content dd.numType input {
	background:#f1f2f6;
	border:none;
	height:34px;
	padding:0 0 0 3px;
	}

.modal-content dd.telType {
	background:#f1f2f6;
	}

.modal-content dd.telType select {
	background:#f1f2f6;
	border:none;
	width:61px;
	height:20px;
	padding-left:5px;
	}

.modal-content dd.telType input {
	background:#f1f2f6;
	border:none;
	height:34px;
	padding:0 0 0 3px;
	width:54px;
	}

.modal-content dd textarea {
	clear:both;
	font-size:12px;
	font-family: 'Noto Sans KR', dotum, '돋움', sans-serif;
	line-height:17px;
	border:1px solid #f1f2f6;
	background:#f1f2f6;
	width:208px;
	height:68px;
	padding:5px;
	color:#666;
	}

.modal-content dt.privacy {
	line-height:18px;
	}

.modal-content dd.privacy {
	text-align:right;
	}

.modal-content dd.privacy span {
	font-size:13px;
	color:#666;
	padding-left:5px;
	vertical-align:middle;
	}

.modal-content dd.privacy input {
	vertical-align:middle;
	}

.modal-content dd.privacy textarea {
	height:46px;
	margin-bottom:5px;
	}

.show-modal { 
	opacity: 1; 
	visibility: visible; 
	transform: scale(1.0); 
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; 
	}

p.counselBtn {
	width:336px;
	float:left;
	}

#submit{ 
	width: 149px; 
	height: 35px; 
	text-align: center; 
	border: 1px solid #4d6ede; 
	margin-top: 45px; 
	cursor: pointer;
	background-color: #4d6ede;
	border-radius: 0.25rem;
	color: #fff;
	font-weight:600;
	line-height: 1.4rem;
	} 

#submit:hover{ 
	color: #fff; 
	background-color: #666; 
	border: 1px solid #666;
	opacity: 0.9; 
	} 

#cancel { 
	width: 149px;
	height: 35px; 
	text-align: center; 
	border:1px solid #bbb;
	background-color:#bbb;
	margin-top: 45px;
	margin-left: 8px;
	cursor: pointer;
	border-radius: 0.25rem;
	line-height: 1.4rem;
	font-weight:600;
	color: #292929;
	} 

#cancel:hover{ 
	background-color: #666; 
	border: 1px solid #666;
	color: #fff;
	}


/* 구매상담 레이어 팝업 END */

/* 퀵메뉴 신규 */
/*
.quickBanner div.quickMenu {
	position:relative;
	width:205px;
	margin-bottom:14px;
	border:2px solid #fe7062;
	}


.quickBanner div.quickMenu p {
	position:absolute;
	top:-56px;
	left:26px;
	}

.quickBanner div.quickMenu ul {
	background:#FFF;
	overflow:hidden;
	}

.quickBanner div.quickMenu li {
	border-bottom:1px solid #CCC;
	border-right:1px solid #ccc;
	font-size:12.5px;
	float:left;
	width:102px;
	text-align:center;
	padding:8px 0;
	}

.quickBanner div.quickMenu li a {
	font-size:12.5px;
	font-family: 'Gmarket Sans';
	letter-spacing:-0.8px;
	}

.quickBanner div.quickMenu li a:hover {
	color:#4d6ede;
	}

.quickBanner div.quickMenu li:last-child {
	border-right:none;
	}

.quickBanner div.quickMenu ul.bbn li {
	border-bottom:none;
	}

.quickBanner video {
	width:205px;
	border:2px solid #557aec;
	margin-top:12px;
	display:block;
	}

.quickBanner p.video_txt {
	font-size:10.5px;
	font-family: 'Gmarket Sans';
	color:#fff;
	background-color:#557aec;
	text-align:center;
	width:100%;
	padding:3px 0;
	}

.quickBanner p.video_txt span{
	font-size:10.5px;
	color:#ffe400;
	font-family: 'Gmarket Sans';
	font-weight:bold;
	}

.quickMenu .aside_updown {
    background-color: #fe7062;
    color: #fff;
    text-align: center;
    padding: 7px 0 5px;
    font-size: 13px;
    font-family: 'Gmarket Sans';
	cursor: pointer;
	}


div.quickBanner .quickSmenu {
	position:relative;
	width:205px;
	margin-bottom:14px;
	border:2px solid #fe7062;
	}

div.quickBanner .quickSmenu ul {
	background:#FFF;
	overflow:hidden;
	}

div.quickBanner .quickSmenu li {
	border:1px solid #ffa49b;
	font-size:14px;
	line-height:1;
	float:left;
	width:203px;
	text-align:center;
	padding:15px 0;
	background-color:#fe7062;
	color:#FFF;
	}

div.quickBanner .quickSmenu li a {
	font-size:14px;
	font-family: 'Gmarket Sans';
	line-height:1;
	letter-spacing:-0.8px;
	color:#FFF;
	}

div.quickBanner .quickSmenu li a:hover {
	color:#000;
	}*/

/* 퀵메뉴 신규 END */

/* 얼마 */

#aside_olma  {
	position:absolute;
	bottom:50px;
	right:45px;
	background:url('/images/sub/olma_side.png') no-repeat bottom center;
	width:270px;
	min-height:160px;
	}

#aside_olma .quickBanner {
	width:209px;
	padding:34px 15px 0 30px;
	}
#aside_olma .quickBanner p{
	font-size:16px;
	font-weight:600;
	color:#f7b400;
	text-align:center;
	margin-bottom:15px;
	}
#aside_olma .quickBanner input {
	height:37px;
	border:1px solid #e3e3e3;
	border-radius:20px;
	padding-left:12px;
	font-size:12px;
    outline: none;
	width:146px;
	}

#aside_olma .quickBanner .send {
	float:right;
	padding:13px 8px;
	border-radius:50px;
	background-color:#f7b400;
	color:#fff;
	font-size:12px;
	cursor:pointer;
	}




/* 2022 리뉴얼 CSS **********************************************************************************************************************************************************************************/

@import "navigation.css";
@import "footer.css";



/* G마켓 홈페이지 폰트 */

@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('https://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('https://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('https://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* G마켓 내장 폰트 */

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/fonts/GmarketSansTTFLight.eot');
    src: url('/fonts/GmarketSansTTFLight.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GmarketSansTTFLight.woff2') format('woff2'),
        url('/fonts/GmarketSansTTFLight.woff') format('woff'),
        url('/fonts/GmarketSansTTFLight.ttf') format('truetype'),
        url('/fonts/GmarketSansTTFLight.svg#GmarketSansTTFLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/fonts/GmarketSansTTFMedium.eot');
    src: url('/fonts/GmarketSansTTFMedium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GmarketSansTTFMedium.woff2') format('woff2'),
        url('/fonts/GmarketSansTTFMedium.woff') format('woff'),
        url('/fonts/GmarketSansTTFMedium.ttf') format('truetype'),
        url('/fonts/GmarketSansTTFMedium.svg#GmarketSansTTFMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gmarket Sans TTF';
    src: url('/fonts/GmarketSansTTFBold.eot');
    src: url('/fonts/GmarketSansTTFBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/GmarketSansTTFBold.woff2') format('woff2'),
        url('/fonts/GmarketSansTTFBold.woff') format('woff'),
        url('/fonts/GmarketSansTTFBold.ttf') format('truetype'),
        url('/fonts/GmarketSansTTFBold.svg#GmarketSansTTFBold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* 프리텐다드 내장 폰트 */

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	color:#222222;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	display: none;
}
a {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}