#wrapper {position:relative; width:100%; height:auto; min-height:100%; -webkit-overflow-scrolling:touch; }
#wrapper header {position:fixed; top:0; left:0; width:100%;  z-index:101;transform:translateY(0%); transition: all .3s; background:var(--topmenu-color); border-bottom:0px dashed #e9e9e9;}
#wrapper header.hid {transform:translateY(-100%);}
#wrapper header .top_pos {position:relative; /*max-width:var(--default_wd);*/ width:100%; height:var(--top_padding); left:0; right:0; margin:auto; font-size:0; z-index: 3; transition:all .3s; }
#wrapper header .top_pos:hover {/*height:250px;*/}
#wrapper header .top_pos .logo {position: absolute; left: 0; top:0;  font-size:0; z-index: 1;transition: all .3s; cursor:pointer; width:250px; height:100%; background:url(/images/logo_sy m.png) no-repeat; background-size:auto 50%; background-position:10px center; border: 0px solid red; white-space: nowrap;}
#wrapper header .top_pos .logo img {position:absolute; top:50%; left:20px; transform:translateY(-50%);width:35px;}
#wrapper header .top_pos .logo a {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); font-size:0px; color:#555; font-weight:600;  line-height:110%;  padding-left:35px;}
#wrapper header .top_pos .logo a span {display:inline-block; width:100%; border:0px solid red; font-weight:800; color:#000; line-height:110%; font-size:22px;}
#wrapper header .top_pos .logo .logo_txt {display:inline-block; vertical-align:middle; width:calc(100% - 60px); padding-left:15px;}
#wrapper header .top_pos .logo .logo_txt h2 {font-family:yg-jalnan; font-weight: normal;font-size:17px; text-align:left; color:#fff;transition: all .3s; letter-spacing:0.05em; padding-top:3px;}
#wrapper header .top_pos .logo .logo_txt h2 a {display:block; color:#a9f100;}
#wrapper header .top_pos .menu {display:inline-block; width:calc(100% - 300px); margin-left:270px; height: 100%; transition:all .3s; position: relative; padding:0;}
#wrapper header .top_pos ul.c1_cate {position: absolute; top: 50%; left: 0; transform: translateY(-50%); line-height: 100%; padding:0; }
#wrapper header .top_pos ul.c1_cate li {display:inline-block; line-height: 100%;  }
#wrapper header .top_pos ul.c1_cate li:last-child {display:none;}
#wrapper header .top_pos ul.c1_cate li a {display:block; font-size: 15px;line-height: 100%; font-weight: 800; padding: 5px 15px; color:#333; border:0px solid red; letter-spacing:-0.05em;}
#wrapper header .top_pos ul.c1_cate li.on a {color:#4a7091;}
#wrapper header .top_pos .member {position:absolute; top:50%; right:30px; transform: translateY(-50%);white-space: nowrap; font-size:0;}
#wrapper header .top_pos .member > .home {display:inline-block; vertical-align:middle; position:relative; margin:-4px 0 0 15px; cursor:pointer;}
#wrapper header .top_pos .member > .home i {position:relative; font-size:22px; color:#333; transition:all .3s; }
#wrapper header .top_pos .member > .home:hover i {color:#000;}
#wrapper header .top_pos .member > .wcf {display:inline-block; vertical-align:middle; width:50px; height:100%; position:relative; margin-left:15px; }
#wrapper header .top_pos .member > .wcf img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50px;}
#wrapper header .plus_area {position:absolute; bottom:-60px; right:0; width:50%; height:60px; background:#f4f4f4;transform:translate(0,10px); transition:all .7s;border-radius: 35px 0 0 35px; z-index: 1;-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px);}
#wrapper header.hid .plus_area {/*transform:translateY(-100%); transform:translate(100%,10px);*/ opacity: 0;transform:translate(0, -100%);}
#wrapper header .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper header .pa_wd .lastest {position:relative; padding-right:70px;}
#wrapper header .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
#wrapper header .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper header .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper header .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper header .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper header .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper header button {position:absolute; top:0; left:0; width:100px; border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s; z-index:1; display:none;}
#wrapper header button:after {content:""; display: block; padding-top:100%;}
#wrapper header button i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#000;transition:all .3s;  }
#wrapper header .icon {position:absolute; top:0; width:80px; border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s;}
#wrapper header .icon:after {content:""; display: block; padding-top:100%;}
#wrapper header .icon i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#fff;transition:all .3s;  }
#wrapper header .icon.user {right:80;}
#wrapper header .icon.cart {right:0; z-index:1;}
#wrapper header .top_pos ul.log_mem {display:inline-block; vertical-align:middle; position: relative;line-height: 100%; font-size:0; padding:0; white-space: normal;}
#wrapper header .top_pos ul.log_mem li {display:inline-block; vertical-align:middle; width:auto; line-height: 100%; text-align: center; padding: 0px 15px; border-right:1px solid rgba(0,0,0,0.2); cursor:pointer; position:relative;}
#wrapper header .top_pos ul.log_mem li:last-child {border:0;}
#wrapper header .top_pos ul.log_mem li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
#wrapper header .top_pos ul.log_mem li i,
#wrapper header .top_pos ul.log_mem li span {display:inline-block; width:100%; line-height: 100%;}
#wrapper header .top_pos ul.log_mem li i {font-size: 22px; color:#333; padding-bottom:7px; display:none;}
#wrapper header .top_pos ul.log_mem li span {font-size: 12px; font-weight: 600; color:#333; letter-spacing:-0.05em; transition:all .3s;}
#wrapper header .top_pos ul.log_mem li:hover span {color:#000;}
#wrapper .contents {position:relative; min-height:100%; height:auto; padding: var(--top_padding) 0 var(--bottom_padding) 0; transition:all .3s; font-size:15px; background:var(--in_bg_color); transition: all .3s; }
#wrapper .contents .nav_sub_area {position:relative; width:100%; left:0; right:0; margin:auto; padding:0; transition:all .3s; overflow:hidden; z-index:10;}
#wrapper .contents .q_area {position:relative; max-width:var(--default_wd); width:100%; left:0; right:0; margin:0 auto; padding:0 28px; font-size:0; border:0px solid #eee; }
#wrapper .contents .q_area:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:300%; height:1px; z-index:1; border-top:1px dashed #eee;}
#wrapper .contents .q_area > i {display:inline-block; vertical-align:middle; font-size: 18px; color:#000; background: #fff; position: relative; z-index: 1;}
#wrapper .contents .q_area > img {display:none;}
#wrapper .contents .plus_area {position:absolute; top:90px; right:0; width:50%; height:60px; background:#f4f4f4;border-radius: 35px 0 0 35px; z-index: 100;/*-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px);*/}
#wrapper .contents .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper .contents .pa_wd .lastest {position:relative;/* padding-right:70px;*/}
#wrapper .contents .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%; display:none;}
#wrapper .contents .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper .contents .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper .contents .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper .contents .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper .contents .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper footer {position:absolute; left: 0;bottom: 0; width:100%; height:var(--bottom_padding); background:#fff; transition: all .3s; border-top:0px dashed #e9e9e9; z-index:2; overflow: hidden; background:#fafafa;}
.btm_wrap			{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:0; text-align:center;}
.btm_wrap .logo		{display:inline-block; vertical-align:top; width:100%; padding:0 0 20px 0;}
.btm_wrap .logo span	{display:inline-block;  font-weight:800; color:#000; font-size:18px; line-height:100%; padding:5px 0 0 0px; cursor:pointer; position:relative;}
.btm_wrap .logo span em	{display:inline-block; font-style:normal; padding-left:3px;}
.btm_wrap .logo span > img	{position:absolute; top:-15px; right:-50px; width:40px;}
.btm_wrap .info				{display:inline-block; vertical-align:top; width:100%; font-size:0; line-height: 100%; }
.btm_wrap .info span				{display:inline-block; vertical-align:middle; padding:0 5px; font-size:12px; color:#333; font-weight:600; line-height:160%; letter-spacing:0;}
.btm_wrap .info span a			{color:#333;}
.btm_wrap .info span i			{display:inline-block; padding-right:5px;}
.btm_wrap .info span em		{display:inline-block; padding-right:5px; font-style:normal; color:#999; font-weight:700;}
.btm_wrap .copy				{display:inline-block; width:100%; font-size:11px; color:#999; padding-top:15px; }
.btm_wrap .copy span		{color:#555; display:inline-block; padding:0 5px; font-weight:600;}
ul.sub_sel_cate {position:relative; top:0; left:0; width:100%; border:1px solid var(--default_sel_line); border-width:0 1px 1px 1px; background:#fafafa;}
ul.sub_sel_cate > li {display:inline-block; letter-spacing: 0em; width: 100% !important; font-family:var(--neo) ; border-top: 1px solid var(--default_sel_line);}
ul.sub_sel_cate > li > a {position:relative !important; font-size:13px; display:block; padding:15px 20px; color:#333;}
ul.sub_sel_cate > li > a.on {color:red; font-weight:bold;}
ul.sub_sel_cate.sub > li > a.on {color:#2979df; font-weight:bold;}
ul.sub_sel_cate > li > ul.depth3 {position:relative; padding:0px 20px 25px 20px; border-top:1px dashed var(--default_sel_line);}
ul.sub_sel_cate > li > ul.depth3 li {display:inline-block; letter-spacing: 0em; width: 100% !important; font-family: var(--neo); border:0;}
ul.sub_sel_cate > li > ul.depth3 li > a {position:relative !important; font-size:15px; display:block; color:#333;}
ul.sub_sel_cate > li > ul.depth3 li > a.on {color:red;}
ul.sub_sel_cate > li > ul.depth3 li > a:before {content:"ㆍ"; }
.title_area  {position:relative; z-index:10;}
.title_area .title_box  {position:relative; left:0; right:0; max-width:var(--default_wd); width:100%; margin:90px auto 45px auto; padding:0 25px; text-align:left; z-index:1;}
.title_area .title_box h2 {position:relative; font-family:var(--neo); line-height:120%; color:#000;}
.title_area .title_box h2 span {display:inline-block; vertical-align:middle; line-height:110%}
.title_area .title_box h2 .c1		{/*font-family:var(--neo); font-weight:normal;*/ font-weight:500; color:#555; letter-spacing:-0.05em;  width:100%; font-size:17px; padding:0 0 7px 3px; }
.title_area .title_box h2 .c2		{font-weight:600; font-size:40px;}
.title_area .location_box	{position:absolute; bottom:0; right:25px; font-size:0; line-height:100%;}
.title_area .location_box i,
.title_area .location_box a	{display:inline-block; vertical-align:middle; transition:all .2s; line-height:100%;}
.title_area .location_box i	{font-size:13px; color:rgba(0,0,0,0.7); }
.title_area .location_box a	{font-size:13px; color:rgba(0,0,0,0.7); font-family:var(--neo); font-weight:bold;}
.title_area .location_box a:hover	{color:black; transition:all .2s;}
.title_area .location_box a.last	{color:#00649f;}
.title_area .location_box a:first-child	{color:black; font-weight:bold;}
.title_area .location_box i	{display:inline-block; vertical-align:middle; padding:0 5px; font-size:13px;}

@media screen and (max-width: 1160px){
	#wrapper {min-height:auto;}
	#wrapper header {background:#fff; height:var(--top_padding); border-bottom:1px solid #eee;}
	#wrapper header .hd_bg {display:none;}
	#wrapper header .top_pos,
	#wrapper header .top_pos:hover {height:100%;}
	#wrapper header .top_pos .logo {transform: translate(-50%, -50%); top:50%; left: 50%; width:auto; height:auto; text-align:center;}
	#wrapper header .top_pos .logo a {left:0%; top: 0; width:100%; transform:none; padding-left:0px; position: relative;}
	#wrapper header .top_pos .logo img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
	#wrapper header .top_pos .logo span {display:none;}
	#wrapper header .top_pos .logo .logo_txt {width:auto; padding:0; display:none;}
	#wrapper header .top_pos .logo .logo_txt h2 {text-align:center;}
	#wrapper header .top_pos .member {right:0; top: 0; transform:none;height: 100%; }
	#wrapper header .top_pos .member > .home {margin:0; width:80px ;height:100%; cursor:pointer;}
	#wrapper header .top_pos .member > .home i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px;}
	#wrapper header .top_pos .member > .wcf {width:80px; margin-left:0px; display:none;}
	#wrapper header .top_pos .member > .wcf img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50px;}
	#wrapper header .top_pos ul.log_mem {display:none;}
	#wrapper header .top_pos .menu {display:none;}
	#wrapper header .plus_area {bottom:0; z-index:3;-webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); width:80px; height:100%; background:none;transform:none;border-radius: 0;}
	#wrapper header .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper header .pa_wd .lastest {display:none;}
	#wrapper header .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper header button {position:fixed; top:0; left:0; width:80px; display:block;}
	#wrapper header button i {color:#000;}
	#wrapper header .icon i {color:#000;}
	#wrapper .contents {/*min-height:auto;*/ padding: var(--top_padding) 0 var(--bottom_padding) 0;}
	#wrapper .contents .nav_sub_area {display:none;}
	#wrapper .contents .plus_area {position:fixed; top:0;  width:80px; height:80px; background:none;border-radius: 0; transform:translateY(0); transition: all .3s; z-index:102;}
	#wrapper .contents .plus_area.hid {transform:translateY(-100%);}
	#wrapper .contents .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper .contents .pa_wd .lastest {display:none;}
	#wrapper .contents .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper footer {/*position:relative; height:auto;*/}
	.btm_wrap			{/*position:relative; top:0; transform:none; padding: 70px;*/}
	.title_area .title_box  {margin:30px auto 25px auto; padding:0 25px;}
	.title_area .title_box h2 .c1		{display:none}
	.title_area .title_box h2 .c2		{font-size:30px;}
	.title_area .location_box	{display:none;}
}

@media screen and (max-width: 650px){
	#wrapper header {height:var(--top_padding); }
	#wrapper header .top_pos .logo a span {font-size:18px;}
	#wrapper header .top_pos .logo .logo_txt h2 {font-size:15px;}
	#wrapper header .top_pos .member > .home {width:55px; }
	#wrapper header .top_pos .member > .home i {font-size:18px;}
	#wrapper header .top_pos .member > .wcf {width:35px; margin-right:10px;}
	#wrapper header .top_pos .member > .wcf img {width:35px;}
	#wrapper header .plus_area {width:55px;}
	#wrapper header .pa_wd .kakao {width:25px; }
	#wrapper header .pa_wd .kakao i {font-size:18px;}
	#wrapper header button {width:55px; }
	#wrapper header button i {font-size:20px;}
	#wrapper header .icon {width:55px;}
	#wrapper header .icon i {font-size:20px;}
	#wrapper header .icon.user {right:35px;}
	#wrapper header .icon.cart {right:0;}
	#wrapper .contents {padding: var(--top_padding) 0 var(--bottom_padding) 0; ; }
	#wrapper .contents .nav_sub_area {padding:25px 22px 0 22px;}
	#wrapper .contents .plus_area { width:55px; height:55px; }
	#wrapper .contents .pa_wd .kakao {width:25px; }
	#wrapper .contents .pa_wd .kakao i {font-size:18px;}
	.btm_wrap			{padding: 30px 20px}
	.btm_wrap .logo {padding: 0 0 15px 0;}
	.btm_wrap .logo span	{font-size:15px; padding:0;}
	.btm_wrap .logo span em	{/*width:100%; padding:3px 0 0 0; font-size:13px;*/}
	.btm_wrap .logo span > img	{top:-15px; right:-30px; width:25px;}
	.btm_wrap .info span				{padding:0 3px; font-size:10px; font-weight:700;}
	.btm_wrap .info span i			{padding-right:3px;}
	.btm_wrap .info span em		{padding-right:3px; font-weight:500;}
	.btm_wrap .info .hd		{display:none;}
	.btm_wrap .copy				{font-size:9px; padding-top:12px; }
	.btm_wrap .copy span		{padding:0 3px; }
	ul.sub_sel_cate > li > a {font-size:11px; padding:10px 15px;}
	.title_area .title_box  {margin:30px auto 0 auto; padding:0 25px;}
	.title_area .title_box h2 .c2		{font-size:20px;}
}

/**/
.open_pop_show	{display:inline-block; vertical-align:middle; margin-right:15px;position:relative; display: none;}
.open_pop_show i	{position: relative;font-size: 17px; color: orange; }

@media screen and (max-width: 1160px){
	.open_pop_show	{ margin-right:0px;width: 80px; height: 100%; position: relative;top: 0; right: 0;}
	.open_pop_show i	{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px;}
}

@media screen and (max-width: 650px){
	.open_pop_show	{ width: 55px; }
	.open_pop_show i	{font-size:18px;}
}

/**/
ul.rule_nav {display:inline-block; vertical-align:middle; position: relative;line-height: 100%; font-size:0; padding:0px 0 20px 0; white-space: normal;}
ul.rule_nav li {display:inline-block; vertical-align:middle; width:auto; line-height: 100%; text-align: center;  position:relative;padding: 0 15px;border-right:1px solid rgba(0,0,0,0.2);}
ul.rule_nav li a {display:block; font-size: 12px; font-weight: 800; color:#777; letter-spacing:-0.05em; transition:all .3s; line-height:100%;}
ul.rule_nav li:last-child {border:0;}
ul.rule_nav li:hover a {color:#000;}

@media screen and (max-width: 1160px){
	ul.rule_nav {display:none;}
}

/**/
#wrapper ul.sns_share {position:fixed;top:125px; right:25px; transform:none; width:30px; font-size:0; z-index: 15;}
#wrapper ul.sns_share li {display:inline-block; vertical-align:middle; width:100%;  border-radius:100%; overflow:hidden; font-size:0; position:relative; cursor:pointer;background:#fff; border:1px solid #f4f4f4; margin-top:7px; transition:all .3s;}
#wrapper ul.sns_share li:first-child {margin-top:0px;}
#wrapper ul.sns_share li:after {content:""; display:block; padding-top:100%;}
#wrapper ul.sns_share li i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:15px; }
#wrapper ul.sns_share li span {position:absolute; top:0; left:0; width:100%; height:100%; }
#wrapper ul.sns_share li img {width:100%;}
#wrapper ul.sns_share li a {display:block;}
#wrapper ul.sns_share li.btn_share {border-color:#e9e9e9; background:#fafafa; color:#000;}
#wrapper ul.sns_share li.btn_kakao {border-color:#fae100; background:#fae100; color:#3c1e1e;}
#wrapper ul.sns_share li.btn_facebook {border-color:#3963a5; background:#3963a5; color:#fff;}
#wrapper ul.sns_share li.btn_share:hover {border-color:##e9e9e9; background:#fff;}
#wrapper ul.sns_share li.btn_kakao:hover {border-color:#ffef62; background:#ffef62;}
#wrapper ul.sns_share li.btn_facebook:hover {border-color:#1b4483; background:#1b4483;}
#wrapper ul.sns_share li.btn_share i {font-size:13px;}
#wrapper ul.sns_share li.btn_kakao i {font-size:22px;}
#wrapper ul.sns_share li.btn_facebook i {font-size:25px;}
.copy_message {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75);  z-index:-1; visibility: hidden; opacity: 0; transition:all .3s;}
.copy_message.show {visibility:visible; opacity: 1;z-index:100000000;}
.copy_message > .cm_pos {position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center; line-height:100%;}
.copy_message > .cm_pos h2,
.copy_message > .cm_pos p {display:inline-block; width:100%; line-height:100%;}
.copy_message > .cm_pos h2 { font-size:25px; font-weight:600; color:#fff; }
.copy_message > .cm_pos p { font-size:13px; font-weight:700; color:#eee; padding-top:10px;}

@media screen and (max-width: 1160px){
	#wrapper ul.sns_share {display:none;}
}