@charset "utf-8";

/* 폰트 font-weight 속성 설정 */
/* noto-sans-kr-100 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-kr-v8-korean-100.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
       url('../fonts/noto-sans-kr-v8-korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-kr-v8-korean-300.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
       url('../fonts/noto-sans-kr-v8-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-kr-v8-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('../fonts/noto-sans-kr-v8-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-kr-v8-korean-500.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
       url('../fonts/noto-sans-kr-v8-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-kr-v8-korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('../fonts/noto-sans-kr-v8-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-kr-v8-korean-900.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
       url('../fonts/noto-sans-kr-v8-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-kr-v8-korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-kr-v8-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-kr-v8-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}


/* ----- 프리텐다드 폰트 ----- */
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('../fonts/Pretendard-Black.woff2') format('woff2'), url('../fonts/Pretendard-Black.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'), url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('../fonts/Pretendard-Bold.woff2') format('woff2'), url('../fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('../fonts/Pretendard-SemiBold.woff2') format('woff2'), url('../fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('../fonts/Pretendard-Medium.woff2') format('woff2'), url('../fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('../fonts/Pretendard-Regular.woff2') format('woff2'), url('../fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('../fonts/Pretendard-Light.woff2') format('woff2'), url('../fonts/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'), url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../fonts/Pretendard-Thin.woff2') format('woff2'), url('../fonts/Pretendard-Thin.woff') format('woff');
}


/* saira-100 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-100.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-300 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-300.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-200 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-200.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-regular - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-regular.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-500 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-500.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-600 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-600.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-700 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-700.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-800 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-800.svg#Saira') format('svg'); /* Legacy iOS */
}
/* saira-900 - vietnamese_latin-ext_latin */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/saira-v8-vietnamese_latin-ext_latin-900.svg#Saira') format('svg'); /* Legacy iOS */
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Reset */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

*, *:after, *:before {box-sizing: border-box;}
* {outline: 0 !important;} /* focus 발생 시 태그에 파란색 라인 생김 방지 */

body {font-family: "Pretendard", "Noto Sans KR", sans-serif;}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin: 0; padding: 0;}
dl,ul,ol,li {list-style: none;}
img {border: 0; vertical-align: top;}
legend {position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden;}
caption {position: absolute; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
table {margin: 0; padding: 0; border: 0; border-collapse: collapse; border-spacing: 0;}
label, input, button, select {vertical-align: middle}
button {cursor: pointer;}
hr {display: none;}
pre {overflow-x:scroll;}

input[type="text"],input[type="password"],input[type="submit"],input[type="search"] {-webkit-appearance:none; border-radius: 0;}
input:checked[type="checkbox"] {background-color:#666; -webkit-appearance:checkbox;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"] {-webkit-appearance:button; border: 0; border-radius:0}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none}

/* chrome 및 기타브라우저 input 에 자동 채워지는 배경색상 글자색상 변경 */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #111 !important;}
input:autofill, input:autofill:hover, input:autofill:focus, input:autofill:active {-webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}

a {cursor: pointer; text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a:hover, a:focus, a:active {text-decoration: none;}

/* Layout */
#wrap {float: left; width: 100%;}
#header {float: left; width: 100%;}
#contents {float: left; width: 100%;}
#footer {float: left; width: 100%; margin-top: 100px;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 쇼핑몰 상단 - 로고 및 검색창, 랜딩페이지 바로가기, GNB 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#head-top {position: relative; display: block; width: 100%; background-color: #fff;}
#head-top .head-box {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 auto; width: 100%; min-width: 1200px; max-width: 1280px; height: 90px;}

/* 쇼핑몰 상단 - 좌측 로고 영역 */
#head-top .head-box h1.logo {display: block; width: 184px;}
#head-top .head-box h1.logo a img {width: 100%;}

/* 쇼핑몰 상단 - 센터 검색창 영역 */
#head-top .head-box .head-search {display: inline-block; width: 498px; margin-top: -5px;}
#head-top .head-box .head-search .search-box {position: relative; width: 100%; border: 0; border-bottom: 3px solid #2064a3; background: #ffffff;}
#head-top .head-box .head-search .search-box input.search-input {width: 100%; height: 50px; font-family: "Pretendard", sans-serif; font-size: 16px; font-weight: 500; padding: 10px 45px 5px 0; background-color: #fff; border: 0;}
#head-top .head-box .head-search .search-box .search-btns {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

/* 쇼핑몰 상단 - 센터 검색창 영역 - placeholder 속성 설정 */
#head-top .head-box .head-search .search-box input::-webkit-input-placeholder {font-size: 17px; color: #b2b1b1; font-weight: 400;}
#head-top .head-box .head-search .search-box input::-moz-placeholder {font-size: 17px; color: #b2b1b1; font-weight: 400;}
#head-top .head-box .head-search .search-box input:-ms-input-placeholder {font-size: 17px; color: #b2b1b1; font-weight: 400;}
#head-top .head-box .head-search .search-box input::placeholder {font-size: 17px; color: #b2b1b1; font-weight: 400;}

/* 쇼핑몰 상단 - 센터 검색창 포커싱 검색어 팝업창 - 오픈 시작 영역 */
#head-top .head-box .head-search .search-box .search-pop {position: absolute; top: 60px; z-index: 100000000; /*index=8*/ width: 100%; overflow: hidden; display: flex; flex-wrap: wrap; margin: 0; font-size: 0; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); border-radius: 10px;}

/* 쇼핑몰 상단 - 센터 검색창 포커싱 검색어 팝업창 - 최근검색어 영역 */
#head-top .head-box .head-search .search-box .search-pop .recentsearch-box {position: relative; width: 50%; padding: 30px 30px; min-height: 65px; font-size: 12px; text-align: left; border-right: 1px solid #e1e0e0; vertical-align: top;}
#head-top .head-box .head-search .search-box .search-pop .recentsearch-box .recent-content {width: 100%;}
#head-top .head-box .head-search .search-box .search-pop .recentsearch-box .recent-content h2 {font-family: "Pretendard", sans-serif; font-size: 19px; color: #252525; font-weight: 700; letter-spacing: -0.2px;}
#head-top .head-box .head-search .search-box .search-pop .recentsearch-box .recent-content p {font-size: 13px; color: #5b5a5a; font-weight: 500; letter-spacing: -0.2px; margin-top: 20px;}
#head-top .head-box .head-search .search-box .search-pop .recentsearch-box .recent-content p a {font-size: 16px;}
#head-top .head-box .head-search .search-box .search-pop .recentsearch-box .recent-content p img {cursor: pointer; margin-left: 5px;}

/* 쇼핑몰 상단 - 센터 검색창 포커싱 검색어 팝업창 - 인기검색어 영역 */
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box {position: relative; width: 50%; font-size: 15px; padding: 30px 30px;}
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box h2 {font-family: "Pretendard", sans-serif; font-size: 19px; color: #252525; font-weight: 700; letter-spacing: -0.2px;}
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box ul {margin-top: 20px;}
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box ul li {position: relative; text-align: left; padding-left: 15px; margin-bottom: 17px;}
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box ul li:after {position: absolute; top: 50%; left: 0; content: ""; transform: translateY(-50%); width: 5px; height: 5px; background: #2064a3;}
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box ul li a {font-size: 15px; color: #565555; font-weight: 500; letter-spacing: -0.2px;}
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box ul li:last-child {margin-bottom: 0;}
#head-top .head-box .head-search .search-box .search-pop .popularsearch-box ul li a:hover {color: #006db4;}

/* 쇼핑몰 상단 - 우측 랜딩페이지 바로가기 영역 */
#head-top .head-box .page-link {display: inline-block;}
#head-top .head-box .page-link a {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 16px; color: #252525; font-weight: 400; letter-spacing: -0.2px;}
#head-top .head-box .page-link a span {margin-right: 10px;}
#head-top .head-box .page-link a i {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 26px; height: 26px; padding-left: 2px; background-color: #fff; border: 1px solid #d9d7d7; border-radius: 58px; box-shadow: 6px 6px 10px rgba(0,0,0,0.05);}

#head-top .head-box .page-link a:hover {color: #1e68b3;}
#head-top .head-box .page-link a:hover i {border: 1px solid #1e68b3;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 쇼핑몰 상단 - 카테고리 메뉴 및 회원메뉴 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#head-gnb {position: relative; display: block; width: 100%; background-color: #fff; border-bottom: 1px solid #e2e2e2;}
#head-gnb .gnb-wrap {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 auto; width: 100%; min-width: 1200px; max-width: 1280px; height: 70px;}

/* 쇼핑몰 상단 - 카테고리 메뉴 영역 */
#head-gnb .gnb-wrap .btn-home {float: left; width: auto;}
#head-gnb .gnb-wrap .btn-home a {display: block; height: 70px; padding-right: 70px; font-size: 20px; color: #252525; font-weight: 600; letter-spacing: -0.2px; line-height: 70px;}

/* 쇼핑몰 상단 - 카테고리 메뉴 영역 - 대메뉴 영역 */
#head-gnb .gnb-wrap .gnb {float: left;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 {display: inline-flex; height: 70px;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li {position: relative; padding-right: 100px;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li:last-child {padding-right: 0;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li > a {display: block; font-size: 20px; color: #252525; font-weight: 600; letter-spacing: -0.2px;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li > a span {position: relative; display: inline-block; width: auto; line-height: 70px;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li > a span:after {position: absolute; bottom: 0; left: 50%; content: ""; width: 0; height: 5px; background: #2064a3; transition-duration: 0.5s; transition-property: width, left;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li.quote > a span:after {background: red;}

/* 쇼핑몰 상단 - 카테고리 메뉴 영역 - 하위메뉴 영역 */
#head-gnb .gnb-wrap .gnb .depth-2 {position: absolute; top: 70px; left: 0; width: 100%; background: #fff; height: 0; overflow: hidden; border-top: 1px solid #e2e2e2; border-bottom: 0; transition: height .3s;} /* 하위메뉴 */
#head-gnb .gnb-wrap .gnb .depth-2 > ul {display: flex; flex-wrap: wrap; /*position: absolute; left: 0;*/ margin: 0 auto; width: 100%; min-width: 1200px; max-width: 1280px; padding-left: 138px;}
#head-gnb .gnb-wrap .gnb .depth-2 > ul > li {position: relative;}
#head-gnb .gnb-wrap .gnb .depth-2 > ul > li > span {font-weight: 600; display: block; height: 0; overflow: hidden; font-size: 20px; padding-right: 100px;} /* 대메뉴 가로값 설정 */
#head-gnb .gnb-wrap .sub-wrap {display: block; transition: all .3s; opacity: 0;}
#head-gnb .gnb-wrap .sub-wrap > li {text-align: left; margin-bottom: 17px;}
#head-gnb .gnb-wrap .sub-wrap > li:last-child {margin-bottom: 0;}
#head-gnb .gnb-wrap .sub-wrap > li > a {display: block; font-size: 16px; color: #7b7a7a; font-weight: 500; line-height: 1; letter-spacing: -0.2px;}

/* 쇼핑몰 상단 - 카테고리 메뉴 영역 - 마우스 롤오버시 하위메뉴 오픈 */
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li.active a, #head-gnb .gnb-wrap .gnb > ul.depth-1 > li:hover a {color: #2064a3;} /* 대메뉴 롤오버 폰트컬러 */
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li.active a span:after, #head-gnb .gnb-wrap .gnb > ul.depth-1 > li:hover a span:after {left: 0; width: 100%; background: #2064a3;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li.quote.active a span:after, #head-gnb .gnb-wrap .gnb > ul.depth-1 > li.quote:hover a span:after {background: red;}
#head-gnb .gnb-wrap .gnb .depth-2:hover, #head-gnb .gnb-wrap .gnb > ul.depth-1:hover ~ .depth-2 {height: 340px; border-bottom: 1px solid #E8E8E8;} /* 하위메뉴 BG 오픈 */
#head-gnb .gnb-wrap .gnb > ul.depth-1:hover ~ .depth-2 .sub-wrap, #head-gnb .gnb-wrap .gnb .depth-2:hover .sub-wrap {padding: 40px 0 0; opacity: 1;} /* 하위메뉴 오픈 */
#head-gnb .gnb-wrap .sub-wrap > li > a:hover {color: #f6a01a;}

/* 쇼핑몰 상단 - 카테고리 메뉴 영역 - 배너 이미지 영역 */
#head-gnb .gnb-wrap .gnb .depth-2 > ul > .gnb-banner {margin-top: 40px; margin-left: 310px;}

/* 쇼핑몰 상단 - 카테고리 메뉴 스크롤시 상단고정 스타일 */
.page-header {z-index: 1000000;} /*index=7*/
.page-header.sticky {position: fixed !important; top: 0 !important; background: rgba(0,0,0,0.7); z-index: 1000000;} /*index=7*/

/* 쇼핑몰 상단 - 회원메뉴 영역 */
#head-gnb .gnb-wrap .user-member {width: auto;}
#head-gnb .gnb-wrap .user-member ul {width: 100%;}
#head-gnb .gnb-wrap .user-member ul li {display: inline-block; margin-left: 15px;}
#head-gnb .gnb-wrap .user-member ul li:first-child {margin-left: 0;}
#head-gnb .gnb-wrap .user-member ul li a {display: block; font-size: 15px; color: #676666; font-weight: 500; letter-spacing: -0.2px; }
#head-gnb .gnb-wrap .user-member ul li.cart {position: relative; padding-right: 32px;}
#head-gnb .gnb-wrap .user-member ul li.cart a strong {position: absolute; top: -5px; right: 0; display: inline-block; width: 26px; height: 26px; font-size: 15px; color: #fff; font-weight: 700; line-height: 26px; background: #2064a3; border-radius: 50%; text-align: center;}

#head-gnb .gnb-wrap .user-member ul li a:hover {color: #f6a01a;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 레이어팝업 - 견적받기 폼 전체 오픈 추가 영역 - 250923 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popup-open {position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 1000000; display: none;}
.popup-wrap {position: absolute; width: 100%; height: auto; top: 0; left: 0;}
.popup-wrap .popup-content {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 800px; padding: 50px; background: #fff; border: 2px solid #000;}
.popup-wrap .popup-content .btn-close {position: absolute; top: 20px; right: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color: #2764a3; border-radius: 58px;}
.popup-wrap .popup-content .btn-close button {width: 50px; height: 50px; background: transparent;}
.popup-title {width: 100%; text-align: center; margin-bottom: 30px;}
.popup-title h4 {font-family: "Pretendard", "Noto Sans KR", sans-serif; font-size: 28px; color: #252525; font-weight: 800; line-height: 1; letter-spacing: -1px; margin-bottom: 10px;}
.popup-title p {font-size: 18px; color: #252525; font-weight: 400; line-height: 1.2; letter-spacing: -1px;}

.form-wrap {width: 100%; padding: 10px 0; /*overflow-y: scroll;*/}
.form-wrap .form-box .item-row {display: flex; align-items: center; width: 100%; margin-bottom: 15px;}
.form-wrap .form-box .item-row label.item-tit {width: 25%; transform: rotate(-0.03deg); font-size: 18px; color: #111; font-weight: 600; letter-spacing: -1px;}
.form-wrap .form-box .item-row .input-box {width: 75%; height: 50px; font-family: "Pretendard", "Noto Sans KR", sans-serif; font-size: 16px; color: #252525; font-weight: 500; padding: 10px 20px; background-color: #f5f5f5; border: 1px solid #ebeaea; border-radius: 8px; overflow: hidden;}
.form-wrap .form-box .item-row select.select-box {width: 75%; height: 50px; font-family: "Pretendard", "Noto Sans KR", sans-serif; font-size: 17px; color: #252525; font-weight: 500; padding: 10px 20px; background: #f5f5f5 url("../img/ico_select_arrow.svg") 96% center no-repeat; background-size: 14px; border: 1px solid #ebeaea; -webkit-appearance: none; outline: none; border-radius: 8px; overflow: hidden;}

/* 레이어팝업 - 제품 모델 복수선택 체크박스 스타일 영역 */
.form-wrap .form-box .item-row .item-con {width: 75%;}
.form-wrap .form-box .item-row .item-con .check-row {display: inline-flex; align-items: center; margin-right: 15px;}
.form-wrap .form-box .item-row .item-con .check-row:nth-of-type(1), .form-wrap .form-box .item-row .item-con .check-row:nth-of-type(2) {margin-bottom: 5px;}
.form-wrap .form-box .item-row .item-con .check-row input.modelcheck {opacity: 0; position: absolute;}
.form-wrap .form-box .item-row .item-con .check-row input.modelcheck, .model-name {display: inline-block; cursor: pointer;}
.form-wrap .form-box .item-row .item-con .check-row .model-name {position: relative; font-size: 17px; color: #4d4d4d; font-weight: 600; letter-spacing: -1px;}
.form-wrap .form-box .item-row .item-con .check-row input.modelcheck + .model-name:before { display: inline-block; width: 20px; height: 20px; content: ""; padding: 2px; margin-right: 8px; text-align: center; vertical-align: -4px; background: #fff; border: 2px solid #ddd;}
.form-wrap .form-box .item-row .item-con .check-row input.modelcheck:checked + .model-name:before {background: #2764a3; border: 2px solid #2764a3; box-shadow: inset 0px 0px 0px 4px #fff;}

/* 레이어팝업 - 개인정보처리방침 내용 및 동의 영역 */
.check-block {position: relative; display: flex; align-items: center; width: 100%; margin-top: 30px;}
.check-block input.basiccheck {opacity: 0; position: absolute;}
.check-block input.basiccheck, .agree-label {display: inline-block; vertical-align: middle; cursor: pointer;}
.check-block .agree-label {position: relative; font-size: 17px; color: #4d4d4d; font-weight: 400; letter-spacing: -1px;}
.check-block input.basiccheck + .agree-label:before { display: inline-block; width: 20px; height: 20px; content: ""; padding: 2px; margin-right: 10px; text-align: center; vertical-align: -4px; background: #fff; border: 2px solid #ddd;}
.check-block input.basiccheck:checked + .agree-label:before {background: #2764a3; border: 2px solid #2764a3; box-shadow: inset 0px 0px 0px 4px #fff;}
.check-block button {position: absolute; top: 0; right: 0; font-family: "Pretendard", "Noto Sans KR", sans-serif; font-size: 16px; color: #4d4d4d; font-weight: 400; background: none; border: 0; border-radius:0; -webkit-appearance:button; vertical-align: middle;}
.check-block button:hover {color: #317ecc;}

/* 레이어팝업 하단 문의폼 - 버튼 */
.popup-content .btntype-area {display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin-top: 20px;}
.popup-content .btntype-area button {display: block; width: 28%; height: 60px; font-family: "Pretendard", sans-serif; font-size: 20px; color: #fff; font-weight: 500; letter-spacing: -1px; padding: 0 30px; background: #317ecc; border-radius: 58px; transition: all 0.3s ease-in-out;}
.popup-content .btntype-area button:hover {background: #2764a3;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 공통 컨텐츠 - 하단 고객센터 공통 영역 */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.seccommon-customer {float: left; width: 100%; margin-top: 65px;}
.seccommon-customer .inner {margin: 0 auto; width: 100%; min-width: 1200px; max-width: 1280px;}

.customer-box {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.customer-box .support-center {width: 19.53125%;}
.customer-box .support-center h3 {font-family: "Pretendard", sans-serif; font-size: 22px; color: #111111; font-weight: 600; line-height: 1; letter-spacing: -0.2px;}
.customer-box .support-center p {font-size: 49px; color: #2064a3; font-weight: 700; line-height: 1; letter-spacing: -2px; margin-top: 30px;}
.customer-box .support-center ul {margin-top: 20px;}
.customer-box .support-center ul li {font-size: 15px; color: #888787; font-weight: 400; line-height: 1; letter-spacing: -0.2px; margin-bottom: 0.4rem;}

.customer-box .support-shbtns {width: 71.875%;}
.customer-box .support-shbtns ul {width: 100%; font-size: 0;}
.customer-box .support-shbtns ul li {position: relative; float: left; width: calc(50% - 30px); height: 100%; min-height: 75px; margin-bottom: 30px; border-bottom: 1px solid #e2e2e2;}
.customer-box .support-shbtns ul li:nth-of-type(2n-1) {margin-right: 60px;}
.customer-box .support-shbtns ul li a {display: block; width: 100%; height: 100%; transition: all 0.3s ease;}
.customer-box .support-shbtns ul li a h4 {font-family: "Pretendard", sans-serif; font-size: 22px; color: #111111; font-weight: 600; line-height: 1; letter-spacing: -0.2px; margin-bottom: 18px;}
.customer-box .support-shbtns ul li a p {font-size: 16px; color: #747373; font-weight: 400; line-height: 1; letter-spacing: -0.2px;}
.customer-box .support-shbtns ul li a i {position: absolute; top: 13px; right: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 35px; height: 35px; background: #fff; border: 1px solid #d8d7d7; border-radius: 58px; box-shadow: 5px 5px 6px rgba(0,0,0,0.05);}
.customer-box .support-shbtns ul li a i img {margin-left: 2px;}

.customer-box .support-shbtns ul li:hover {border-bottom: 1px solid #2064a3;}
.customer-box .support-shbtns ul li a:hover h4 {color: #2064a3;}
.customer-box .support-shbtns ul li a:hover i {border: 1px solid #2064a3;}

.customer-box .support-shbtns ul li a .account-info {position: absolute; top: 3px; right: 0;}
.customer-box .support-shbtns ul li a .account-info img {display: inline-block;}
.customer-box .support-shbtns ul li a .account-info .bank-info {display: inline-block; margin-top: 6px; margin-left: 10px}
.customer-box .support-shbtns ul li a .account-info .bank-info span {font-size: 16px; color: #252525; font-weight: 600; line-height: 1; letter-spacing: -0.2px;}
.customer-box .support-shbtns ul li a .account-info .bank-info p {font-size: 18px; color: #111111; font-weight: 500; line-height: 1; letter-spacing: -0.2px; margin-top: 5px;}

.customer-box .support-shbtns ul .as-consul {position: relative; float: left; width: calc(50% - 30px); height: 100%; min-height: 75px; margin-bottom: 30px; border-bottom: 1px solid #e2e2e2;}
.customer-box .support-shbtns ul .as-consul a {display: block; width: 100%; height: 100%; transition: all 0.5s ease;}
.customer-box .support-shbtns ul .as-consul a h4 {font-family: "Pretendard", sans-serif; font-size: 22px; color: #111111; font-weight: 600; line-height: 1; letter-spacing: -0.2px; margin-bottom: 18px;}
.customer-box .support-shbtns ul .as-consul a p {font-size: 16px; color: #747373; font-weight: 400; line-height: 1; letter-spacing: -0.2px;}
.customer-box .support-shbtns ul .as-consul a .arrow-bg {position: absolute; top: 13px; right: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 35px; height: 35px; background-color: #fff; border: 1px solid #d8d7d7; border-radius: 58px; box-shadow: 5px 5px 6px rgba(0,0,0,0.05);}
.customer-box .support-shbtns ul .as-consul a .arrow-bg span.open {display: block; width: 12px; height: 7px; margin-top: 2px; background: url("../images/support_asico_arrow.png") no-repeat; background-position: center; background-size: 12px 7px;}
.customer-box .support-shbtns ul .as-consul a .arrow-bg span.close {display: block; width: 12px; height: 7px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); /* 이미지 로테이션 */ background: url("../images/support_asico_arrow.png") no-repeat; background-position: center; background-size: 12px 7px;}
.customer-box .support-shbtns ul .as-consul .as-team {display: none; position: relative; width: 100%; margin: 20px 0;}
.customer-box .support-shbtns ul .as-consul .as-team p {font-size: 18px; color: #252525; font-weight: 500; line-height: 1; letter-spacing: -0.2px;}
.customer-box .support-shbtns ul .as-consul .as-team p strong {color: #2064a3;}

.customer-box .support-shbtns ul .as-consul:hover {border-bottom: 1px solid #2064a3;}
.customer-box .support-shbtns ul .as-consul a:hover h4 {color: #2064a3;}
.customer-box .support-shbtns ul .as-consul a:hover .arrow-bg {border: 1px solid #2064a3;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 쇼핑몰 하단 바로가기 링크 및 하단정보 공통 COMMON */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* 쇼핑몰 하단 고객센터 및 회사정보 */
.foot-info {position: relative; float: left; width: 100%; padding: 60px 0; background-color: #000000;}
.foot-info .inner {margin: 0 auto; width: 100%; min-width: 1200px; max-width: 1280px;}

.address-info {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.address-info .foot-logo {width: 15.9375%;}
.address-info .foot-logo img {width: 100%;}

.address-info .office-info {width: 44.921875%;}
.address-info .office-info .list-info {display: block;}
.address-info .office-info .list-info li {display: table-row;}
.address-info .office-info .list-info li div.label {display: table-cell; font-size: 15px; color: #5e5e5e; font-weight: 600; line-height: 1.2; letter-spacing: -0.2px; padding-right: 40px; padding-bottom: 12px;}
.address-info .office-info .list-info li div.txt {display: table-cell; font-size: 15px; color: #5e5e5e; font-weight: 600; line-height: 1.2; letter-spacing: -0.2px; padding-bottom: 12px;}

.address-info .right-content .foot-link {width: 100%; font-size: 0; text-align: right;}
.address-info .right-content .foot-link li {display: inline-block;}
.address-info .right-content .foot-link li:last-child {margin-left: 40px;}
.address-info .right-content .foot-link li a {display: block; font-size: 17px; color: #7e7d7d; font-weight: 600; line-height: 1; letter-spacing: -0.2px;}
.address-info .right-content .foot-link li a:hover {color: #fff;}

.address-info .right-content .sns-area {width: 100%; font-size: 0; margin-top: 29px; text-align: right;}
.address-info .right-content .sns-area li {display: inline-block; margin-left: 15px;}
.address-info .right-content .sns-area li a {display: block; width: 100%; height: 100%;}
.address-info .right-content .sns-area li a:hover {opacity: 0.6; transition: all 0.3s ease;}

/* 쇼핑몰 하단 - 카피라이트 영역 */
.foot-copyright {position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 80px; background-color: #000000; border-top: 1px solid #242424;}
.foot-copyright .inner {margin: 0 auto; width: 100%; min-width: 1200px; max-width: 1280px; text-align: center;}
.copyright-txt {font-size: 15px; color: #454444; font-weight: 500; line-height: 1; letter-spacing: -0.2px;}

/* gototop */
div.gototop {position: absolute; top: 0; left: 0; z-index: 99999999;}
div.gototop a.top {position: fixed; right: 20px; bottom: 55px; display: table; width: 50px; height: 50px; font-size: 13px; color: #fff; text-align: center; line-height: 50px; background: #2064a3; border-radius: 10px; display: none; opacity: 1;}
div.gototop a.top:hover {background: #f6a01a; opacity: 1;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny pc 1024,1199 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

#head-top .head-box {min-width: 1024px;}
#head-gnb .gnb-wrap {min-width: 1024px;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li:last-child {padding-right: 0;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li {padding-right: 49px;}
#head-gnb .gnb-wrap .gnb > ul.depth-1 > li > a {font-size: 18px;}
#head-gnb .gnb-wrap .gnb .depth-2 > ul {min-width: 1024px;}
#head-gnb .gnb-wrap .gnb .depth-2 > ul > li > span {font-size: 18px; padding-right: 49px;}
#head-gnb .gnb-wrap .gnb .depth-2 > ul > .gnb-banner {width: 32%; margin-left: 50px;}
#head-gnb .gnb-wrap .gnb .depth-2 > ul > .gnb-banner img {width: 100%;}
#head-gnb .gnb-wrap .sub-wrap > li > a {font-size: 15px;}

#head-gnb .gnb-wrap .user-member ul li {margin-left: 15px;}

.seccommon-customer .inner {min-width: 1024px;}
.customer-box .support-center {width: 15%;}
.customer-box .support-center p {font-size: 30px;}
.customer-box .support-shbtns {width: 80%;}
.customer-box .support-shbtns ul li {width: calc(50% - 15px);}
.customer-box .support-shbtns ul li:nth-of-type(2n-1) {margin-right: 30px;}

.foot-info .inner {min-width: 1024px;}
.foot-copyright .inner {min-width: 1024px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny pc 1200,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

#head-gnb .gnb-wrap .gnb .depth-2 > ul > .gnb-banner {margin-left: 100px;}

}