@charset "utf-8";
@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');

/* ÆùÆ® 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 */
}

/* nanumsquarer-300 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 300;
  src: url('../fonts/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareL.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareL.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-400 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 400;
  src: url('../fonts/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareR.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareR.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-700 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 700;
  src: url('../fonts/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareB.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareB.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* nanumsquarer-800 */
@font-face {
  font-family: 'NanumSquare';
  font-weight: 800;
  src: url('../fonts/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('../fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/NanumSquareEB.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../fonts/NanumSquareEB.ttf') format('truetype'); /* Safari, Android, iOS */
}

/* Gmarket Sans ÆùÆ® Àû¿ë */
@font-face {
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://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('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://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('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ÃʱâÈ­ */
html {overflow-y: scroll}
body {margin: 0; padding: 0;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, section {display: block}
#hd ul, nav ul, #ft ul {margin: 0; padding: 0; list-style: none}
ul, li {list-style: none; margin: 0; padding: 0;}
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, img {vertical-align: middle}
input, button {margin: 0; padding: 0; font-family: "Noto Sans KR", sans-serif; font-size: 13px;}
button {cursor: pointer;}
textarea, select {font-family: "Noto Sans KR", sans-serif; font-size: 13px;}
select {margin: 0}
p {margin: 0; padding:0;}
hr {display: none}
pre {overflow-x:scroll; font-size: 1.1em}
a {cursor: pointer; text-decoration: none;}
a:link, a:visited {text-decoration: none}
a:hover, a:focus, a:active {text-decoration: none /*underline*/;}

/* Layout */
#wrap {float: left; width: 100%;}
#header {float: left; width: 100%;}
#contents {position: relative; float: left; width: 100%;}
#footer {position: relative; float: left; width: 100%; background: #232220;}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Mobile Contents */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#header-inner-m {width: 100%; height: 70px; margin-right: auto; margin-left: auto; margin-top: 0px; /* box-shadow: 0 5px 5px rgba(0,0,0,0.2); */}
#header-inner-mlogo {float: left; margin-left: 2%;}
#header-inner-mlogo-img {float: left;}
#header-inner-mlogo h1 {float: left; width: 120px; margin-top: 8px;}
#header-inner-mlogo h1 img {width: 100%;}
#header-inner-mnav {float: right; margin-top: 17px; margin-right: 3.5%;}
#header-inner-mnav p {display: block; float: left;}
#header-inner-mnav p:hover {color: rgba(255,255,255,1); background-color: hsla(225,13%,18%,1); cursor:pointer;}
.row .three{padding: 80px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; color: #ecf0f1; text-align: center;}
.hamburger .line{width: 32px; height: 4px; background-color: #111; display: block; margin: 6px auto;}
.hamburger:hover{cursor: pointer;}

/* mobile gnb_togglemenu_common */
html .opened {overflow: hidden;} /* ¿ÞÂÊ ¸Þ´º°¡ ¿ÀÇ嵃 ¶§ html¿¡ Àû¿ëµÇ´Â ¼Ó¼º */
.drawer-toggle {top: 0; right: 0;} /* open/closed ¹öÆ° */
#drawer {position: fixed; width: 70%; height: 100%; top: 0; right: -70%; background: #f6f6f6; -webkit-transition: .3s; transition: .3s; overflow: hidden; z-index: 10000000000;} /* ¿ÀÇ½à ³ªÅ¸³ª´Â drawer ű×. closed »óÅ¿¡¼­ È­¸é ¹Û¿¡ À§Ä¡ÇÏ°í open½Ã¿¡ ³ªÅ¸³­´Ù. */
#drawer.opened {right: 0; box-shadow: 5px 5px 15px 1.5px rgba(0, 0, 0, 0.2); display: block;} /* left¼Ó¼ºÀÌ -(width)px ¶ó¼­ È­¸é ¹Û¿¡ ÀÖ°í left¸¦ 0À¸·Î ¹Ù²ã¼­ È­¸é¿¡ ³ªÅ¸³­´Ù.  */
#blocker {display: none; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999;} /* drawer open ½Ã ¹è°æ ¾îµÓ°Ô Çϱâ */ 
#blocker.opened {display: block; background: rgba(0, 0, 0, 0.8) url(../images/toggle_ico_close.png) no-repeat 18% 20px;}
.drawer_area {float: right; width: 100%;}

/* mobile ·Î±×ÀÎȸ¿ø°¡ÀÔ */
.memberbox {font-family: "Noto Sans KR", sans-serif; text-align: center; padding: 10px 0; background-color: #000; overflow: hidden;}
.member_login {display: inline-block; width: 40%; margin-right: 1%;}
.member_login a {display: block; width: 100%; color: #fff; font-size: 15px; padding: 5px 0; border: 1px solid #535456; transition: all 0.3s ease;}
.member_login a:hover {background-color: #37af2e; border: 1px solid #37af2e;}
.member_join {display: inline-block; width: 40%;}
.member_join a {display: block; width: 100%; color: #fff; font-size: 15px; padding: 5px 0; border: 1px solid #535456; transition: all 0.3s ease;}
.member_join a:hover {background-color: #37af2e; border: 1px solid #37af2e;}

/* mobile Åä±Û ½Åû¹öÆ° */
.requestbtns {float: left; width: 100%; padding: 3%; background: #fff; border-bottom: 1px solid #d6d6d6; box-sizing: border-box;}
.requestbtns ul {float: left; width: 100%;}
.requestbtns ul li {float: left; width: 50%; border-top: 1px solid #d6d6d6; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; box-sizing: border-box;}
.requestbtns ul li:first-child {border-left: 1px solid #d6d6d6;}
.requestbtns ul li a {display: inline-block; width: 100%; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #3d3d3d; font-weight: 400; text-align: center; padding: 5% 0;}
.requestbtns ul li a .reico {display: inline-block; width: 100%; box-sizing: border-box;}
.requestbtns ul li a .reico img {width: 50%; height: 56px;}

/* mobile slide_categorymenu */
#slide_categorymenu {width: 100%; top: 0; right: 0px; font-family: "Noto Sans KR", sans-serif; z-index: 10000000000;}
#slide_categorymenu ul {width: 100%; height: 100%; background: #eaeaea;}
#slide_categorymenu ul li {width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #d6d6d6; overflow: hidden; position: relative; box-sizing:border-box;}
#slide_categorymenu ul li.tt_fr a {padding-left: 30px; cursor: pointer;}
#slide_categorymenu ul li.tt_fr .lotate_v {position: absolute; top: 22px; right: 30px; width: 14px; height: 7px; display: block;}
#slide_categorymenu ul li.tt_fr .lotate_none {position: absolute; top: 20px; right: 18px; width: 9px; height: 8px; display: block;-ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg);}
#slide_categorymenu ul li.tt_fr .lotate_none img {vertical-align: top;}
#slide_categorymenu ul li.tt_fr .lotate_v img {vertical-align: top;}
#slide_categorymenu ul li.tt_fr .lotate_v_180 {-ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg);}
/* #slide_categorymenu ul li:hover {cursor: pointer;} */
#slide_categorymenu ul li.active {background: #37af2e; color: #fff;}
#slide_categorymenu ul li.active a {color: #fff; cursor: pointer;}
#slide_categorymenu ul li a {display: block; cursor: pointer; transform: rotate(-0.04deg); color: #111; font-size: 16px; font-weight: 500; text-decoration: none; cursor: pointer;}
#slide_categorymenu ul li span {color: #dd042b; font-size: 11px; font-weight: bold; margin-left: 11px;}
#slide_categorymenu ul li ul.nav {background: #fff; display: none;}
#slide_categorymenu ul li ul.nav li {border-bottom: 1px solid #d6d6d4; height: 40px; line-height: 40px;}
#slide_categorymenu ul li ul.nav li:last-child {border-bottom: 0;}
#slide_categorymenu ul li ul.nav li a {display: block; font-size: 15px; font-weight: 400; color: #3d3d3d; cursor: pointer; transition: all 0.3s ease;}
#slide_categorymenu ul li ul.nav li a:hover {color: #fff; font-weight: 700; background-color: #757575; cursor: pointer; text-decoration: none;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PC Contents */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* aside_wrapper */
.aside_wrapper {float: left; width: 100%; height: 45px; border-bottom: 1px solid #e5e7ee; box-sizing: border-box;}
.aside_box {margin: 0 auto; width: 100%; max-width: 1200px;}
.aside_left {float: left;}
.aside_left .bookmark {float: left; width: auto; margin-right: 17px; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; box-sizing: border-box;}
.aside_left .bookmark a {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 14px; color: #939393; font-weight: 400; line-height: 45px; padding: 0 16px; transition: all 0.3s ease;}
.aside_left .bookmark a:hover {color: #111;}
.aside_left .bookmark a i {float: left; width: 14px; height: 13px; margin-top: 16px; margin-right: 5px;}
.aside_left .bookmark a i img {width: 100%; vertical-align: top;}
.aside_left a.topico {float: left; width: 32px; height: 32px; margin-top: 6.5px; margin-right: 5px; transition: all 0.3s ease;} 
.aside_left a.topico img {width: 100%;}
.aside_left a.topico:hover {opacity: 0.4;}

.utils_btns {float: right;}
.utils_btns ul {position: relative;}
.utils_btns ul li {float: left; width: auto;}
.utils_btns ul li a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #939393; font-weight: 400; line-height: 45px; padding: 0 15px; border-right: 1px solid #f1f1f1; box-sizing: border-box; transition: all 0.3s ease;}
.utils_btns ul li:first-child a {border-left: 1px solid #f1f1f1;}
.utils_btns ul li a:hover {color: #111; background: #f6f6f6;}

.mypagebox {position: relative; float: left; width: 96px;}
.mypagebox .topnav {float: left; width: 100%;}
.mypagebox .topnav a {display: block; width: 100%; border-left: 0; display: block; font-family: "Noto Sans KR", sans-serif; font-size: 13px; color: #939393; font-weight: 400; line-height: 45px; padding: 0 15px; border-right: 1px solid #f1f1f1; box-sizing: border-box; transition: all 0.3s ease;}
.mypagebox .subnav {position: absolute; z-index: 3; left: 0; top: 45px; width: 96px; font-family: "Noto Sans KR", sans-serif; background: #fff; box-sizing: border-box; border-top: 0; display: none;}
.mypagebox .subnav li {float: left; width: 100%; border-bottom: 1px solid #f1f1f1;}
.mypagebox .subnav li a {display: block; width: 100%; padding: 0; font-size: 13px; color: #888787; font-weight: 300; line-height: 40px !important; letter-spacing: -0.8px; text-align: center; border-right: 0; transition: all 0.3s ease;}
.mypagebox .subnav li:first-child a {border-left: 0;}
.mypagebox .subnav li a:hover {color: #000; background: #f6f6f6;}

/* pc gnb_contents_common */
#header-inner {float: left; width: 100%; height: 115px;}
#header-inner .gnbbox {margin: 0 auto; width: 100%; max-width: 1200px;}
#header-inner-logo {float: left;}
#header-inner-logo h1 {float: left; width: 160px; height: 70px; margin-top: 22px; }
#header-inner-logo h1 img {width: 100%; vertical-align: top;}
#header-inner-logo .ico {float: left; margin-top: 9px; margin-left: 10px;}
#header-inner-nav {float: right;}
#header-inner-nav p {display: block; float: left;}

/* pc gnb_common */
.gnb {float: left; margin-top: 30px;}
.gnb > li {float: left; text-align: center;}
.gnb > li > a {display: block; font-family: "NanumSquare", sans-serif; transform: rotate(-0.04deg); font-size: 22px; color: #000; font-weight: 700; line-height: 20px; letter-spacing: -0.2px; padding: 20px 38px; box-sizing: border-box; transition: all 0.3s ease;}
.gnb > li:hover > a {color: #37af2e;}
.gnb > li.active > a {color: #37af2e;}
.sub_wrap {position: absolute; height: 0; overflow: hidden; z-index: 10;}
.submn {float: left; background: #63c75c; border-radius: 8px; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s;}
.submn li a {display: block; width: 164px !important; height: 40px; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 14.5px; color: #fff; font-weight: 300; text-align: center; padding: 0 10px !important; line-height: 40px; letter-spacing: -0.1px; border-bottom: 1px solid #7ed596; box-sizing: border-box; transition: all 0.3s ease;}
.submn li:first-child a {border-radius: 8px 8px 0 0;}
.submn li:last-child a {border-radius: 0 0 8px 8px; border-bottom: 0;}
.submn li a:hover {color: #1f652c; font-weight: 500; background: #ffdd60;}

/* Ä«Å×°í¸® Àüü¸Þ´º */
.category_allmenu {float: left; position: relative; margin-top: 34px;}
.category_allmenu .navi_set {float: left; width: 46px; padding-left: 30px; position: relative;}
.topnav {float: left;}
.topnav a {display: block; width: 46px; height: 46px; padding-bottom: 35px;}
.topnav img {width: 100%;}
.subnav {position: absolute; z-index: 3; right: 0; top: 81px; background: #fff; border: 1px solid #f1f1f1; box-sizing: border-box; border-top: 0; display: none;}
.subnav .submenu {float: left; width: 100%; min-width: 1200px; padding: 20px 0 15px 0; font-size: 13px; border-top: 1px solid #e1e0e0;}
.subnav .submenu .smname {float: left; line-height: 18px; padding: 8px 20px;}
.subnav .submenu .smname:first-child {margin-left: 10px;}
.smtitle {display: block; font-family: "NanumSquare", sans-serif; font-size: 17px; color: #444; font-weight: 700; line-height: 18px; text-align: center; margin-bottom: 15px; padding: 12px 112px 8px 20px; border: 1px solid #c5c9d6; border-radius: 5px;}
.smdownmenu {position: relative; padding-left: 10px; margin-bottom: 5px;}
.smdownmenu:before {display: inline-block; content: ''; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background-color: #c5c9d6;}
.smdownmenu a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #979696 !important; font-weight: 400; transition: all 0.3s ease;}
.smdownmenu a:hover {color: #37af2e !important; text-decoration: underline;}

/* footer_common */
.footlinks_box {float: left; width: 100%; height: 70px; /*border-top: 1px solid #e5e4e4;*/ border-bottom: 1px solid #383635; box-sizing: border-box;}
.footlinks_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.footlinks_area .left {float: left;}
.footlinks_area .left li a {display: inline-block; font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #979695; font-weight: 500; line-height: 69px; margin-right: 20px;}
.footlinks_area .left li a:hover {color: #37af2e; text-decoration: underline;}
.footlinks_area .right {float: right; margin-top: 19px;}
.footlinks_area .right li {display: inline-block; margin-left: 10px;}
.footlinks_area .right li a {display: block; transition: all 0.3s ease;}
.footlinks_area .right li a:hover {opacity: 0.4;}

.footbottom_box { width: 100%; padding-top: 70px; padding-bottom: 70px; }
.footbottom_area { display: flex; align-items: center; margin: 0 auto; padding-top: 4rem; width: 100%; max-width: 1200px; }
.footlogo { display: inline-block; width: 150px; margin-right: 50px; }
.address_txt li {display: inline-block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 14px; color: #797673; font-weight: 500; margin-right: 10px;}
.copyright { display: inline-block; margin-top: 5px;}
.copyright li {display: inline-block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 13px; color: #797673; font-weight: 400;}

/* gototop */
.gototop {position: fixed; bottom: 30px; right: 20px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.gototop.active {opacity: 0.9; visibility: visible;}
.gototop a {width: 50px; height: 50px; display: table; background: #37af2e; font-size: 12px; color: #fff; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.gototop a:hover {color: #111; background: #ffdd60;}
.gototop a i {height: 50px; display: table-cell; vertical-align: middle;}
[class^="icon-"], [class*=" icon-"] 
{font-family: "Noto Sans KR", sans-serif !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.placeholder { color: #aaa !important; } /* IE9 ÀÌÇÏ */
input::placeholder { color: #aaa !important; opacity: 1; } /* IE10 ÀÌ»ó */
input::-ms-input-placeholder  { color: #aaa !important; } /* IE */
input::-webkit-input-placeholder  { color: #aaa !important; } /* Crome */
input::-moz-placeholder  { color: #aaa !important; } /* Firefox */

 


@media (max-width:500px) {
	.footbottom_area { justify-content: center; flex-wrap: wrap; }
	.footlogo img { display: block; }
	
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

#header-inner-mlogo {margin-left: 1%;}
#header-inner-mlogo h1 {width: 245px;}

.memberbox li:nth-of-type(3) {display: none;}
.member_login a {font-size: 14px;}
.member_join a {font-size: 14px;}

#slide_categorymenu ul li.tt_fr a {padding-left: 20px;}
#slide_categorymenu ul li.tt_fr .lotate_v {right: 20px;}

.aside_wrapper {display: none;}
#header-inner {display: none;}

.footlinks_box {height: 50px;}
.footlinks_area .left {width: 100%; text-align: center;}
.footlinks_area .left li a {font-size: 15px; line-height: 50px;}
.footlinks_area .left li a:last-child {margin-right: 0;}
.footlinks_area .right {width: 100%; text-align: center;}
.footbottom_box {text-align: center; padding: 0; margin: 80px 0 40px;}
.footlogo {float: none; width: auto; margin-right: 0;}
.footlogo .logo img {width: 64%;}
.address_info {width: 100%; margin-top: 20px;}
.address_txt li {font-size: 12.5px; letter-spacing: -1px;}
.address_txt li:nth-of-type(1), .address_txt li:nth-of-type(2), .address_txt li:nth-of-type(5) {margin-right: 0;}
.copyright {float: none;}

.gototop {display: none;}

}



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

.memberbox li:nth-of-type(3) {display: none;}
.requestbtns ul li a .reico img {width: 50%; height: 64px;}
#slide_categorymenu ul li.tt_fr a {padding-left: 20px;}
#slide_categorymenu ul li.tt_fr .lotate_v {right: 20px;}

.aside_wrapper {display: none;}
#header-inner {display: none;}

.footlinks_box {height: 50px;}
.footlinks_area .left {width: 100%; text-align: center;}
.footlinks_area .left li a {font-size: 15px; line-height: 50px;}
.footlinks_area .left li a:last-child {margin-right: 0;}
.footlinks_area .right {width: 100%; text-align: center;}
.footbottom_box {text-align: center; padding: 0; margin: 90px 0 40px;}
.footlogo {float: none; width: auto; margin-right: 0;}
.address_info {width: 100%; margin-top: 20px;}
.address_txt li {letter-spacing: -1px;}
.address_txt li:nth-of-type(1), .address_txt li:nth-of-type(2), .address_txt li:nth-of-type(5) {margin-right: 0;}
.copyright {float: none; margin-top: 5px;}

.gototop {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 400,499 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:400px) and (max-width:499px) {

.requestbtns ul li a .reico img {width: 50%; height: 70px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_mobile 500,640 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:500px) and (max-width:640px) {

.requestbtns ul li a .reico img {width: 50%; height: 85px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

#header-inner-mlogo h1 {width: auto; margin-top: 8px;}
#header-inner-mnav {margin-top: 16px;}
.hamburger .line {width: 40px; height: 5px;}

#blocker.opened {background: rgba(0, 0, 0, 0.8) url(../images/toggle_ico_close.png) no-repeat 22% 20px;}
.requestbtns ul li a {font-size: 18px;}
.requestbtns ul li a .reico img {width: 43%; height: 115px;}
#slide_categorymenu ul li {height: 70px; line-height: 70px;}
#slide_categorymenu ul li a {font-size: 20px;}
#slide_categorymenu ul li.tt_fr .lotate_v {top: 32px;}
#slide_categorymenu ul li ul.nav li {height: 50px; line-height: 50px;}
#slide_categorymenu ul li ul.nav li a {font-size: 18px;}

.aside_wrapper {display: none;}
#header-inner {display: none;}

.footlinks_box {padding: 0 4%; box-sizing: border-box;}
.footbottom_box {padding: 31px 4% 50px; box-sizing: border-box;}
.footlogo {width: 200px; margin-right: 20px; margin-bottom: 15px;}
.footlogo h2 img {width: 100%;}

.gototop {bottom: 30px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

#header-inner-mlogo h1 {width: auto; margin-top: 8px;}
#header-inner-mnav {margin-top: 16px;}
.hamburger .line {width: 40px; height: 5px;}

#blocker.opened {background: rgba(0, 0, 0, 0.8) url(../images/toggle_ico_close.png) no-repeat 22% 20px;}
.requestbtns ul li a {font-size: 18px;}
.requestbtns ul li a .reico img {width: 42%; height: 115px;}
#slide_categorymenu ul li {height: 70px; line-height: 70px;}
#slide_categorymenu ul li a {font-size: 20px;}
#slide_categorymenu ul li.tt_fr .lotate_v {top: 32px;}
#slide_categorymenu ul li ul.nav li {height: 50px; line-height: 50px;}
#slide_categorymenu ul li ul.nav li a {font-size: 18px;}

.aside_wrapper {display: none;}
#header-inner {display: none;}

.footlinks_box {padding: 0 4%; box-sizing: border-box;}
.footbottom_box {padding: 31px 4% 50px; box-sizing: border-box;}
.footlogo {width: 200px; margin-right: 20px; margin-bottom: 15px;}
.footlogo h2 img {width: 100%;}

.gototop {bottom: 30px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

#header-inner-m {display: none;}
#drawer {display: none;}

.gnb > li > a {padding: 20px 26px;}
.subnav .submenu {min-width: 1060px;}
.subnav .submenu .smname {padding: 8px 10px;}
.smtitle {padding: 10px 48px 10px 20px;}

.category_allmenu .navi_set {padding-left: 20px;}

.subnav .submenu {min-width: 1060px;}
.subnav .submenu .smname {padding: 8px 10px;}
.smtitle {padding: 12px 104px 8px 20px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

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

#header-inner-m {display: none;}
#drawer {display: none;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** jny_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

#header-inner-m {display: none;}
#drawer {display: none;}

}