@charset "utf-8";
@font-face { font-family: 'yg-jalnan'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } 
/* ��Ʈ 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+ */}

/* �ʱ�ȭ */
* { box-sizing: border-box; } 
html { width: 100%;height: 100%;overflow-y: scroll;} 
body { margin: 0; padding: 0; font-family: 'Pretendard','Malgun Gothic','돋움',arial,sans-serif; padding: 0; margin: 0; line-height: 1; font-size: 16px; letter-spacing: -.05em; } 
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 }
img {max-width:100%;}
input, button { margin: 0; padding: 0; font-family: "Pretendard", sans-serif; font-size: 13px; } 
button { cursor: pointer; } 
textarea, select { font-family: "Pretendard", 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*/; } 
@media screen and (max-width: 480px) {
    body {font-size: 14px;}
}

#hd_login_msg {width:0;height:0;}

/* Layout */
#wrap { width: 100%; overflow-x: clip; } 
/* #wrap { float: left; width: 100%; overflow-x: clip; }  */
#header { width: 100%; } 
/* #header { float: left; width: 100%; }  */
#contents { position: relative; width: 100%;} 
#contents:has(.board_content) {background-position: center top;} 
/* #contents { position: relative; float: left; width: 100%; background: #D5EBE2 url("../images/sub_bg.svg") no-repeat; background-size: 100% auto; background-position: center bottom; padding-top: 30px; }  */
#footer { position: relative;width: 100%; background: #283237; } 
/* #footer { position: relative; float: left; width: 100%; background: #283237; }  */

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

#header-inner-m { width: 100%; height: 70px; margin: 0 auto; padding: 0 20px; display: flex; justify-content: space-between; align-items: center;background: #fff; } 
/* #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; 250px; margin-top: 20px; } */
#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 > i { color: #111; font-size: 32px; } 
.hamburger:hover { cursor: pointer; } 

/* 바로가기 메뉴 */
.shortcut_box {padding:40px 120px;max-width:1420px;background: #fff;border-radius:80px;position: relative;z-index: 0;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.05);margin:-60px auto 75px;}
#wrap:has(#contents.main) .shortcut_box {margin:0 auto 68px;}
.shortcut_list {display: flex;justify-content: space-between;}
.shortcut_list > li > a {display: flex;column-gap: 15px;}
.shortcut_list > li > a > img {display: block;width: auto;height: 50px;}
.shortcut_txt p {font-size: 20px;line-height: 1.3;letter-spacing: -.03em;color: #333;font-weight: 500;font-family: var(--sc);word-break: keep-all;}
.shortcut_txt span {display: block;margin-top: 5px;font-size: 15px;line-height: 1.3;letter-spacing: -.03em;color: #888;font-weight: 300;font-family: var(--sc);}
@media screen and (max-width: 1460px) {
	.shortcut_box {margin-inline:20px;}
}
@media screen and (max-width: 1400px) {
	.shortcut_box {padding:40px 80px;margin-block:-30px 20px;}
    .shortcut_list {max-width: none;}
}
@media screen and (max-width: 1000px) {
    .shortcut_box {padding:30px 40px;}
	#wrap:has(#contents.main) .shortcut_box {margin-bottom:40px;}
    .shortcut_list > li > a > img {width: 40px;height: 40px;object-fit: contain;}
    .shortcut_txt p {font-size: 18px;}
    .shortcut_txt span {font-size: 14px;}
}
@media screen and (max-width: 800px) {
    .shortcut_list {flex-wrap: wrap;gap: 20px;justify-content: flex-start;}
    .shortcut_list > li {flex: 0 1 calc((100% - 40px) / 3);}
}
@media screen and (max-width: 600px) {
	#wrap:has(#contents.main) .shortcut_box {margin-bottom:25px;}
    .shortcut_list > li {flex: 0 1 calc((100% - 20px) / 2);}
}
@media screen and (max-width: 480px) {
    .shortcut_box {padding:20px;border-radius:25px;}
    .shortcut_box::before {height: 100px;top: -80px;}
    .shortcut_list {gap: 0;}
    .shortcut_list > li {flex: 1 1 100%;padding: 12px 0;}
    .shortcut_list > li:not(:last-child) {border-bottom: 1px dashed #88BE9F;}
    .shortcut_list > li > a {column-gap: 16px;}
    .shortcut_list > li > a > img {width: 32px;height: 32px;}
    .shortcut_txt {display: flex;justify-content: space-between;flex: 1;align-items: center;}
    .shortcut_txt p {font-size: 15px;}
    .shortcut_txt span {font-size: 12px;margin-top: 0;}
}

/* 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 { 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: #024CA1; border: 1px solid #024CA1; } 
.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: #024CA1; border: 1px solid #024CA1; } 

/* 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-size: 15px; color: #3d3d3d; font-weight: 400; text-align: center; padding: 5% 0; } 
.requestbtns ul li a .reico { display:block; width: 100%; box-sizing: border-box;margin:0 0 5px;} 
.requestbtns ul li a .reico img {height: 56px; } 

/* mobile slide_categorymenu */
#slide_categorymenu { width: 100%; top: 0; right: 0px; 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: #024CA1; 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_box { display:flex; align-items: center; justify-content: flex-end; column-gap:10px; } 
.aside_left { } 
.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:last-child {margin-right:0;}
.aside_left a.topico img { display: block;width: 32px;height: 32px;object-fit: contain;} 
.aside_left a.topico:hover { opacity: 0.4; } 

/* .utils_btns { margin-right:20px; } */
.utils_btns ul { position: relative; display: flex; flex-direction: row; background:#FAFAFA; border-radius:10px; } 
.utils_btns ul li { display:flex; width: auto; } 
.utils_btns ul li a { display: block; font-size: 13px; color: #939393; font-weight: 400; padding: 15px; border-right: 1px solid #f1f1f1; box-sizing: border-box; transition: all 0.3s ease; } 
.utils_btns ul li:first-child a { border-radius:10px 0px 0px 10px; } 
.utils_btns ul li:last-child a { border-radius:0px 10px 10px 0px; border-right:none; } 

.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-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 .topnav a:last-child { border-right:none; } 
.mypagebox .subnav { position: absolute; z-index: 3; left: 0; top: 45px; width: 96px; background: #fff; box-sizing: border-box; border-top: 0; display: none; } 
.mypagebox .subnav li { float: left; width: 100%; border-bottom: 1px solid #f1f1f1; border-radius:0px; } 
.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:last-child { border-bottom:none; } 
.mypagebox .subnav li a:hover { color: #000; background: #f6f6f6; } 

/* pc gnb_contents_common */
#header-inner {width:100%;height:100px; background:#fff;} 
#wrap:has(#contents.main) #header-inner {position:absolute;left:0;top:0;z-index:2;background:none;}
#header-inner .gnbbox { margin: 0 auto; width: 100%; height: 100%; max-width: 1460px; padding: 0 20px; display:flex;align-items: center; } 
#header-inner-logo { /*float: left; margin:0 auto; text-align:center; width:100%; overflow:auto; */ } 
#header-inner-logo h1 { width:375px; text-align:center; } 
#header-inner-logo h1 img { width: 100%; vertical-align: top; } 
#header-inner-logo .ico { margin-top: 9px; margin-left: 10px; } 
#header-inner-nav {margin-inline:auto 30px;} 
#header-inner-nav p { display: block; } 

/* pc gnb_common */
.gnb { display:flex; } 
.gnb > li { text-align: center; position: relative; } 
.gnb > li > a { display: block; font-family: "S-CoreDream-3Light", sans-serif; transform: rotate(-0.04deg); font-size: 22px; color: #000; font-weight: 600; letter-spacing: -0.2px; padding: 40px 18px; box-sizing: border-box; transition: all 0.3s ease; } 
.gnb > li:hover > a,
.gnb > li.active > a {color:#f7516c;} 
.sub_wrap { position: absolute; height: 0; overflow: hidden; z-index: 10; left: 50%; transform: translateX(-50%); } 
.submn { float: left; background:#f7516c; 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: 150px !important; height: 40px; 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 rgba(225, 225, 225, .3); 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: #fff; font-weight: 500; background:#FF7B90; } 

/* ī�װ��� ��ü�޴� */
.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-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-size: 15px; color: #979696 !important; font-weight: 400; transition: all 0.3s ease; } 
.smdownmenu a:hover { color: #024CA1 !important; text-decoration: underline; } 

/* footer_common */
.footer-inner { margin: 0 auto; width: 100%; height: 100%; max-width: 1460px; padding: 0 20px; } 
.footlinks_box { width: 100%; border-bottom: 1px solid #3A474E; } 
.footlinks_area { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 32px 0 24px; } 
.footlinks_area .left { display: flex; column-gap: 24px; align-items: center; } 
.footlinks_area .left li { display: flex; column-gap: 24px; align-items: center; } 
.footlinks_area .left li:not(:last-child):after { content: ''; display: block; width: 1px; height: 10px; background: #e5e5ec; } 
.footlinks_area .left li a { display: block; font-size: 15px; color: #fff; font-weight: 600; transition: .3s; } 
.footlinks_area .left li a:hover { opacity: 0.5; transition: .3s; } 
.footlinks_area .right { display: flex; justify-content: flex-end; column-gap: 24px; } 
.footlinks_area .right li { } 
.footlinks_area .right li a { display: block; } 
.footlinks_area .right li a:hover { opacity: 0.4; } 

.footbottom_box { width: 100%; } 
.footbottom_area {  display: flex;align-items:flex-start;gap:25px;padding:34px 0 86px;width:100%; } 
/* .footbottom_area { display: flex; align-items: center; margin: 0 auto; padding-top: 4rem; width: 100%; max-width: 1200px; justify-content: center; text-align: center; } */
.address_txt li { color: #fff; line-height: 1.5; font-weight: 400; } 
.copyright { margin-top: 4px; } 
.copyright li { font-size: 13px; color: #aaa; font-weight: 400; line-height: 1.5; } 

/* 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: #024CA1; 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-"] 
 {
 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 screen and (max-width: 1200px){
	.footlinks_area { padding: 24px 0; } 
 }
@media screen and (max-width: 1000px){
	.footbottom_area {flex-direction:column;align-items:center;padding:24px 0 48px;}
	.footbottom_area .logo img {width:400px;height:auto;}
 }
@media screen and (max-width: 720px){
	#header-inner-mlogo h1 img { width: 200px; } 
 }
@media (max-width:500px) {
    .footlinks_area {row-gap: 16px;}
    .footlinks_area .left {column-gap: 12px;}
    .footlinks_area .left li {column-gap: 12px;}
    .footlinks_area .right {column-gap: 12px;}
    .footbottom_area { justify-content: center; flex-wrap: wrap; } 
    .footlogo img { display: block; } 
}

@media screen and (min-width:360px) and (max-width:719px){
	#header-inner-m { height: 60px; } 
	.memberbox li:nth-of-type(3) { display: none; }
	#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; } 
	.gototop { display: none; } 
}

@media screen and (min-width:720px) and (max-width:767px) {
	#header-inner-mlogo h1 { width: 250px; } 
	.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; } 
	#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; } 

	.gototop { bottom: 30px; } 
}

@media screen and (min-width:768px) and (max-width:1023px) {
	#header-inner-mlogo h1 { width: 250px; }
	.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; }
	#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; } 

	.gototop { bottom: 30px; } 
}

@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 { float: right; } 
	.category_allmenu .navi_set { padding-left: 20px; } 

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

@media screen and (min-width:1280px) {
	#header-inner-m,
	#drawer { display: none; } 
}

@media screen and (max-width:359px){
	#header-inner-m { height: 60px; } 
	#header-inner-mlogo h1 { width: 160px; } 

	.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; } 

	.gototop { display: none; } 
}