@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }



/* °øÅë HTML ±âº» ÄÚµå ¼±¾ð */
body,html							{ color:#565656; font-family:"Noto Sans KR"; font-weight:normal; font-size:14px; }
img								{ border:0; }
ul,ol,dl							{ list-style:none; }
li,ul,ol,dl							{ margin:0; padding:0; }
li								{ float:left }
h1								{ font-weight:700; }
a:link								{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:visited							{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:hover							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:focus							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:active							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }

/* ±âº» º¯¼ö ¼±¾ð */
:root								{ --major_color:#3a3a3a;	--major_color2:#565656; --max_width:1400px; --major_color3:#dfdfdf	; }


/* °øÅë Class ±âº» ÄÚµå ¼±¾ð */
.no-padding							{ padding: 0 !important; margin: 0 !important; }
.max_width							{ width:100%; max-width:var(--max_width); }
.img								{ max-width:100%; height:auto; }
.img_max							{ width:100%; }
.link								{ cursor:pointer; }
.br								{ display:block; }
.br980							{ display:block; }
.bold								{ font-weight:bold; }
.major_color							{ color: var(--major_color) }
.major_color2						{ color: var(--major_color2) }
.major_color3						{ color: var(--major_color3) }
.padding_horizontal					{ padding-left:20px; padding-right:20px; }
.padding_vertical						{ padding-top: 20px; padding-bottom:20px; }
.align_center						{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center;}
.pink_color							{ color:#ef5d9c; }
.black_color							{ color:#313131; }
.blue_color							{ color:#0096e6; }
.red_color							{ color:#e00; }
.gray_color							{ color:#bbb; }
.violet_color							{ color:#b436b9; }
.underline							{ border-bottom:1px solid #000; }
.dashed_line						{ border-bottom:1px dashed #aaa;width:100%; }
.inline_block							{ display:inline-block; }
.absmiddle							{ vertical-align:middle; }
.valign_center						{ display:flex; align-items:center; height:100%; }
.dl_horizontal						{ display:flex; flex-flow:row nowrap; justify-content:}
.dl_horizontal > div:nth-child(1)			{ flex: 0 0 50px; }
.dl_horizontal > div:nth-child(2)			{ flex: 1 1 auto; }
.default_font_size						{ font-size:1rem; }
.content_box						{ border:6px solid var(--major_color3); padding:30px 30px; }
.flex_space_between					{ display:flex;justify-content:space-between; }
.display_block						{ display:block; }
.font_size_1							{ font-size:4rem; }
.font_size_2							{ font-size:3.125rem; }
.font_size_3							{ font-size:2.3rem; }
.font_size_4							{ font-size:1.875rem; }
.font_size_5							{ font-size:1.563rem; }
.font_size_6							{ font-size:1.375rem; }
.font_size_7							{ font-size:1.250rem; }
.font_size_8							{ font-size:1.063rem; }
.font_weight_100						{ font-family: 'Noto Sans KR'; font-weight:100; }
.font_weight_300						{ font-family: 'Noto Sans KR'; font-weight:300; }
.font_weight_400						{ font-family: 'Noto Sans KR'; font-weight:400; }
.font_weight_500						{ font-family: 'Noto Sans KR'; font-weight:500; }
.font_weight_700						{ font-family: 'Noto Sans KR'; font-weight:700; }
.font_weight_900						{ font-family: 'Noto Sans KR'; font-weight:900; }




/* 񃧯  */
#wrapper							{ width:100%; position:relative; margin:0 auto; }


/* »ó´Ü¿µ¿ª */
#header_wrapper						{ position:fixed; top:0px; left:0px; width:100%; height:180px; margin:0 auto; z-index:1000;  background:#ffffff; border-bottom:1px solid #ccc; box-shadow: 0px 5px 10px #ccc;}
#mobileTop > li:nth-child(1)				{ justify-content:center; }
#mobileTop > li:nth-child(1)	> img		{ max-height:50px; }
#mobileTop > li:nth-child(3)				{ justify-content:center; }
#mobileTop > li:nth-child(3)	> img		{ max-height:50px; }
#top								{ padding-top:0px; height:125px; margin:0 auto; }
.top_left	> a > img					{ height:40px; }
.top_right							{ display:flex;justify-content:flex-end; }
#topSearchingForm					{  }
#topSearchingForm	> div				{ background-color: #f5f5f5;border-radius:50px;height:40px;padding:0 20px;display:flex; align-items:center;width:260px; }
#topSearchingForm input[type=text]			{ background-color: #f5f5f5;border:0;height:30px;width:200px; }
#topMenuArea						{ width:100%;  background-color: #fff; text-align: center; padding-top:30px;  }
#topMenu							{ display:inline-block; width:100%; max-width:1600px; background-color: #fff;  }
#topMenu > li						{ width:25%; text-align:center; }
#topMenu > li > a					{ width:100%; display:inline-block; background:#fff; color:var(--major_color); }
#topMenu > li > a:hover				{ color:var(--major_color2);  }
#topMenu > li > ul					{ display:none; text-align:center; padding-top:40px;  height:180px; }
#topMenu > li > ul > li				{ clear:both;  width:100%; letter-spacing:-1.5px; }
#topMenu > li > ul > li > a:hover		{ display:inline-block;  width:100%; background-color:#fff; color:var(--major_color2); padding:7px;  }
#topMenu > li > ul > li > a			{ display:inline-block;  width:100%; padding:5px !important; }


/* modal */
.modal-title							{ text-align: center; font-weight: bold;}


/* ¸ÞÀÎ */
#mainVisualArea						{ padding-top:180px; }
#mainBoards						{ padding: 5rem 1.3em; background-color: #fbf8e1; }
#mainBoards ul li					{ margin:0; padding:0; box-sizing:border-box; }
#mainBoards > ul > li:first-child			{ padding-bottom:0.5rem; }
#mainBoards > ul > li:first-child	> div		{ border-bottom:2px solid #000; padding-bottom:0.5rem; }
#mainBoards > ul > li:last-child			{ border-right:0px; padding-bottom:0.5rem; }
#mainBoards > ul > li:last-child	> div		{ padding-bottom:0.5rem; }
.video-wrap							{ position:relative; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed					{ position:absolute; top:0; left:0; width:100%; height:100%;}
.main_sns_title						{ font-size:3.125em; color:#fff; }
.main_sns_title_pc					{ font-size:2.125em; font-weight:500; }

.main_sns_pc						{ margin:0 auto; max-width:1400px; width:100%; display:flex}
.main_sns_pc > div:nth-child(1)			{ flex-grow:1;width:55%; border:1px solid #d3d3d3;padding:20px; padding-bottom:0px; }
.main_sns_pc > div:nth-child(2)			{ flex-shrink:0;width:20px; }
.main_sns_pc > div:nth-child(3)			{ flex-grow:1;width:45%;}
.main_sns_pc_blog					{ border:1px solid #d3d3d3;padding:20px; }
.main_sns_pc_instagram				{ border:1px solid #d3d3d3;padding:20px; }


/* ¼­ºê ³»¿ë ¿µ¿ª */

#sub_visual							{ margin-top:160px; padding:50px; background-color: #f8f8f8; text-align: center; }
#sub_visual	> div						{ display:flex;justify-content:center;margin-top:10px; }
#sub_visual > div > div				{ border-top:1px solid #8f8f8f; width:60px; margin-bottom:10px;}

#subContents						{ width:100%; max-width:1200px; margin:0 auto; padding-top:50px !important; text-align: left; letter-spacing:-0.5px; padding:0 15px; }

.submenu_bg						{ width:100%; height:3.1em; padding-top:0px; border-top:1px solid var(--major_color3); border-bottom:1px solid var(--major_color3); }
.submenu_area						{ width:100%; max-width:1200px; margin:0 auto; position: relative; }

/*
#dropdown_quickmenu					{ display:flex; flex-flow:row nowrap; justify-content:space-between; max-width:600px; }
*/

#dropdown_quickmenu					{ display:flex; flex-flow:row nowrap;  max-width:600px; }
#dropdown_quickmenu	 > div			{  box-sizing:border-box; padding:10px;}
#dropdown_quickmenu	 > div:nth-child(1)	{ width:40px; text-align: center; }
#dropdown_quickmenu	 > div:nth-child(2)	{ border-left:1px solid var(--major_color3);flex-grow:1; text-align: center; position:relative; border-right:0px; display:block; max-width:300px;}
/*
#dropdown_quickmenu	 > div:nth-child(3)	{ flex-grow:1; text-align: center; position:relative; border-right:1px solid var(--major_color3); display:block; }
*/

.big_menu							{ position:relatvie;  z-index:100; cursor:pointer; }
.big_menu_list						{ display:none; position:absolute; left:-1px; top:2.8em;  width:100%; background-color: #fff; border:1px solid #ccc; border-top:0px;  transition:all 0.5s; padding:0px; }
.big_menu_list > ul					{ display:block; width:100%;padding:0px; position:relative; top:0px;}
.big_menu_list > ul	> li				{ display:block; border-bottom:1px solid var(--major_color3); padding:9px 0; transition:all 0.2s;  width:100%; }
.big_menu_list > ul	> li:last-child		{ border-bottom:0px;  }
.big_menu_list > ul	> li:hover			{ background-color:var(--major_color3); transition:all 0.2s; }
.big_menu_list > ul > li > a 			{ display:block;} 

.small_menu						{ position:relatvie; z-index:100;  cursor:pointer; }
.small_menu_list						{ display:none; position:absolute; left:-1px; top:2.8em;  width:100%; background-color:#fff;   border:1px solid #ccc; border-top:0px;  transition:all 0.5s; padding:0px; }
.small_menu_list > ul					{ display:block; width:100%;padding:0px; position:relative; top:0px;}
.small_menu_list > ul	> li				{ display:block; border-bottom:1px solid var(--major_color3); padding:9px 0; transition:all 0.2s; width:100%;}
.small_menu_list > ul	> li:last-child		{ border-bottom:0px; }
.small_menu_list > ul	> li:hover			{ background-color:var(--major_color3); transition:all 0.2s; }
.small_menu_list > ul > li > a			{ display:block; }


/* ÇÏ´Ü¿µ¿ª */
#bottomBanner						{ width:100%; background-color: #f7f7f7; display:flex; justify-content:center; }
#bottomBanner	ul					{ display:flex; justify-content:space-between; }
#bottomBanner li						{ flex-grow:1;  text-align: center; border-right:1px solid #cfcfcd; }
#bottomBanner li:last-child				{ border-right:0px; }
#bottom							{ padding:4rem 0;}
.bottom_logo						{ height:30px; }
.bottom_right						{ line-height:30px; }



/* ¸ð¹ÙÀÏ ¸Þ´º */
#coverLayer							{ position:fixed;left:0;top:67px;width:100%;height:100%;background-color:#000;display:none;opacity:0.7;z-index:700; }
#mobileMenu						{ display:none; position: absolute; top:0px; left:-700px; width:80%; z-index:1999; margin-top:70px; padding:0px; position:fixed; background:#fff; box-shadow: 5px 5px 10px #aaa;  }

.mobileSubMenu						{ position:relative; text-align:left;  clear:both; }
.mobileMenu_title a					{ padding:10px 10px 10px 20px; color:#333; font-weight:bold; display:block;  border-bottom:1px solid var(--major_color3);}
.mobileMenu_title a:hover				{ background:var(--major_color2); color:#fff; display:block; }
.mobileSubMenu						{ display:none; }
.mobileSubMenu ul li					{ float:left; width:100%;}
.mobileSubMenu ul li a				{ width:100%; color:#333; display:inline-block;  background:#333; padding:10px 5px 10px 40px; background-color: #eee; }
.mobileSubMenu ul li a:hover			{ width:100%; background:var(--major_color2); color:#fff; display:block; }


/* ¸ð¹ÙÀÏ ÇÏ´Ü ¸Þ´º */
#mobile_bottom_menu					{ position:fixed; bottom:0px;  z-index:5000; width:100%;}
#mobile_bottom_icon	> li				{ width:20%; }
.mobile_bottom_icon	img				{ width:100%; }

/* Modal â */
#popLayer							{ z-index:10000;}



/* Æ˾÷ */
/* #popup_layer						{ position:absolute;width:98%;z-index:10;top:200px; } */
#main_popup						{ position:absolute;width:98%;z-index:10;top:200px; }
#main_popup > div					{ margin:0 auto;width:100%;max-width:1250px; }
#main_popup > div > ul > li			{ float:left; }
#main_popup .popup					{ min-width:360px; z-index:2001; display:none;background-color:#fff; }
#main_popup .popup_bottom				{ background-color:#000000;clear:left;height:45px;padding:0px;margin:0px;position:relative;top:0px;padding-top:5px;padding-right:20px; text-align:right;z-index:2001 }


/* Äü¸Þ´º */
#quickScrollMenu						{ position: fixed; width: 90px;	 right: 30px; top: 200px; color: #fff; z-index:100; background-color: #eee; box-shadow: 3px 5px 5px #ccc}
#quickScrollMenu li img				{transition:all 1s }
#quickScrollMenu li					{ overflow:hidden; }
#quickScrollMenu li img[class="link"]:hover	{ transform:scale(1.2); transition:all 1s}


#storeImages						{ width:100%;max-width:400px; }