@charset "utf-8";
/* 모바일 기본 상단 레이아웃 */
.mobile_hd_bx		{position:relative; top:0; left:0; width:100%; height:80px; transition:all .3s; z-index:2;}
.mobile_hd_bx.mb_bg1		{background:#fff; border-bottom:1px solid #f4f4f4;}
.mobile_hd_bx.mb_bg2		{background:#fff; border-bottom:1px solid #f4f4f4;}
.mobile_hd_bx .mb_menu		{position:absolute; top:0; left:0; width:80px; height:100%; z-index:3; cursor:pointer;}
.mobile_hd_bx .mb_menu i	{position:absolute; top:0; left:0; font-size:35px; line-height:80px; width:100%; height:100%; text-align:center;}
.mobile_hd_bx .mb_center		{position:absolute; top:0; width:200px; left:50%; transform:translateX(-50%); height:100%; z-index:2;}
.mobile_hd_bx .mb_center a	{position:absolute; top:56%; left:0; transform:translateY(-50%); text-align:center; width:100%;}
.mobile_hd_bx .mb_center a > img	{width:50px;display:inline-block; padding:10px 0 3px 0;}
.mobile_hd_bx .mb_center a > span		{display:inline-block; width:100%; font-size:11px; font-family:arial; color:#000; /*text-transform:uppercase;*/ letter-spacing:0.05em;}
.mobile_hd_bx .mb_center a > span span	{width:auto; color:#52afe8;}
.mobile_hd_bx .mb_center a > p		{display:inline-block; width:100%; font-size:0; font-family:arial; color:#000; /*text-transform:uppercase;*/ letter-spacing:0.05em;}
.mobile_hd_bx .mb_center a > em		{position:absolute; top:15px; right:10px; font-size:0;}
.mobile_hd_bx .mb_center a > em span	{font-size:11px; line-height:100%; font-style:normal; font-family:tahoma; color:#999; display:inline-block; vertical-align:middle;}
.mobile_hd_bx .mb_center a > em .bs	{padding-right:3px; color:#999; display:none;}
.mobile_hd_bx .mb_center a > em .kd	{color:red;}
.mobile_hd_bx .mb_center a .kimsj_logo {position:relative;}
.mobile_hd_bx .mb_center a .kimsj_logo div,
.mobile_hd_bx .mb_center a .kimsj_logo h2 {display:inline-block; width:100%; line-height:100%; text-align:center;}
.mobile_hd_bx .mb_center a .kimsj_logo div {}
.mobile_hd_bx .mb_center a .kimsj_logo div span {display:none;}
.mobile_hd_bx .mb_center a .kimsj_logo h2 {font-family: 'GmSansB'; font-size:18px; font-weight:normal; color:#004295;}
.mobile_hd_bx .mb_center a .kimsj_logo em {position:absolute; top:-5px; right:-16px; font-size:10px; width:13px; line-height:13px; color:#fff; font-family:arial; font-style:normal; text-align:center;}
.mobile_hd_bx .mb_center a .kimsj_logo em.kd {color:red;}
.mobile_hd_bx .mb_center a .kimsj_logo em.bs {color:orange;}

.mobile_hd_bx .mb_center a .kims_cmp {position:relative; font-size:0; margin-top:3px; transition:all .3s;}
.mobile_hd_bx .mb_center a .kims_cmp img,
.mobile_hd_bx .mb_center a .kims_cmp h3 {display:inline-block; vertical-align:middle; line-height:100%; transition:all .3s;}
.mobile_hd_bx .mb_center a .kims_cmp img {width:13px;}
.mobile_hd_bx .mb_center a .kims_cmp h3 {font-size:11px; font-weight:normal; color:#333; padding:0px 0 0 3px;}

.mobile_hd_bx .mb_right			{position:absolute; top:0; right:0; width:80px; height:100%; z-index:3; }
.mobile_hd_bx .mb_right > i	{position:absolute; top:0; left:0; font-size:35px; line-height:80px; display:block; width:100%; height:100%; text-align:center;}
.mobile_search		{position:absolute; top:0; left:0; right:0; max-width:1500px; width:calc(100% - 70px); margin:0 auto; height:auto; padding:50px; background:#005d93; z-index:101; transition:all .3s;transform:translateY(-100%); border-radius:0 0 15px 15px;}
.mobile_search.show		{ transition:all .3s;transform:translateY(0);}
.mobile_search > i		{position:absolute; top:25px; right:25px; font-size:18px; z-index:1; color:rgba(255,255,255,0.8); cursor:pointer;}
.mobile_search > i:hover	{transform:rotate(270deg); transition:all .3s;}
.mobile_search .shd_bx			{display:inline-block; width:100%; position:relative; padding:0 0 15px 5px; text-align:left;}
.mobile_search .shd_bx h3,
.mobile_search .shd_bx p	{display:inline-block; width:100%; position:relative; line-height:100%;}

.mobile_search .shd_bx h3			{font-weight:normal; /*font-family: 'GmSansM';*/ font-size:18px; color:#fff;}
.mobile_search .shd_bx p			{font-size:13px; padding-top:10px; color:rgba(255,255,255,0.7);}


.mobile_search .main_src		{display:inline-block; width:100%; height:50px; position:relative;}
.mobile_search .main_src input	{background:white; width:100%; font-size:13px; height:100%; padding:0 65px 0 10px; border:0px solid #eee; color:#006fa5; border-radius:5px; transition:all .3s; background:#fafafa;}
.mobile_search .main_src input:focus {outline:none; border:0px solid #999; background:#fff; transition:all .3s;}
.mobile_search .main_src input::placeholder {color:rgba(0,0,0,0.4); font-size:12px;}
.mobile_search .main_src a		{position:absolute; top:50%; right:0; transform:translateY(-50%); width:50px; height:100%; text-align:center; font-size:20px; padding-top:15px; cursor:pointer; color:#000;}
/*
ul.hot_icon	{position:absolute; top:50%; right:0; transform:translateY(-50%); height:100%; font-size:0; white-space: nowrap;}
ul.hot_icon li	{display:inline-block; vertical-align:middle; position:relative; width:80px; text-align:center;}
ul.hot_icon li i	{display:inline-block; vertical-align:middle; line-height:80px; position:relative; font-size:35px;}
ul.hot_icon li span		{position:absolute; top:10px; left:50%; transform:translateX(-50%); font-size:11px; color:red;}
*/

@media screen and (max-width: 1260px){
	.mobile_search		{border-radius:0; width:100%;}
}

@media screen and (max-width: 900px){
	.mobile_hd_bx		{height:65px;}
	.mobile_hd_bx .mb_menu		{width:65px;}
	.mobile_hd_bx .mb_menu i	{font-size:25px; line-height:65px;}
	.mobile_hd_bx .mb_center		{width:100%; }
	.mobile_hd_bx .mb_center a > img	{width:100%;padding:15px 0 3px 0;}
	.mobile_hd_bx .mb_center a > span		{display:none;}
	.mobile_hd_bx .mb_center a > em		{top:10px; right:-5px;}
	.mobile_hd_bx .mb_center a .kimsj_logo h2 {font-size:15px;}
	.mobile_hd_bx .mb_center a .kims_cmp {margin-top:0px;}
	.mobile_hd_bx .mb_center a .kims_cmp img {width:11px;}
	.mobile_hd_bx .mb_center a .kims_cmp h3 {font-size:10px; padding:0px 0 0 3px;}
	.mobile_hd_bx .mb_right		{width:65px;}
	.mobile_hd_bx .mb_right > i	{font-size:25px; line-height:65px;}
	/*ul.hot_icon li	{width:65px;}
	ul.hot_icon li i	{line-height:65px; font-size:25px;}*/
}

@media screen and (max-width: 650px){
	.mobile_hd_bx		{height:55px;}
	/*
	.mobile_hd_bx.mb_bg1		{background:#fafafa; border-bottom:1px solid #eee;}
	.mobile_hd_bx.mb_bg2		{background:#fafafa;border-bottom:1px solid #eee;}
	*/
	.mobile_hd_bx .mb_menu		{width:55px;}
	.mobile_hd_bx .mb_menu i	{font-size:22px; line-height:55px; }
	.mobile_hd_bx .mb_center a > em span	{font-size:10px;}
	.mobile_hd_bx .mb_center a > em		{top:10px; right:-5px;}

	.mobile_hd_bx .mb_right		{width:55px;}
	.mobile_hd_bx .mb_right > i	{font-size:22px; line-height:55px;}
	.mobile_search		{ padding:30px 25px;}
	.mobile_search .shd_bx			{padding:0 0 15px 5px;}
	.mobile_search .shd_bx h3			{font-size:15px;}
	.mobile_search .shd_bx p			{font-size:11px; padding-top:8px;}
	/*
	.mobile_search .main_src		{height:45px;}
	.mobile_search .main_src a		{width:45px; padding-top:13px;}
	*/
	/*ul.hot_icon	{right:10px;}
	ul.hot_icon li	{width:30px;}
	ul.hot_icon li i	{line-height:55px; font-size:20px;}
	ul.hot_icon li span		{top:5px;font-size:10px;}*/
}

/* 모바일 사이드 영역 */
#sidebar-box					{width:300px; height:100%; top:0; left:-320px; border-right:0px solid #eeeeee; position: fixed; z-index:99999998; background:#ffffff; overflow-y:hidden; overflow-x:hidden; -webkit-overflow-scrolling:touch; -webkit-appearance:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0);  line-height:100%;}
#sidebar-box-mask{display:none; position:fixed; z-index:99999997; background:rgba(0,0,0,0.8); left:0; top:0; width:100%; height:100%; animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}
#sidebar-box-mask i		{position:absolute; top:30px; left:315px; color:white; font-size:30px; }
.side_head			{position:relative; top:0; left:0; width:100%; height:250px; background:#fefefe; border-bottom:1px solid #f4f4f4;}
.side_head .sd_logo			{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:0;}
.side_head .sd_logo a			{display:block; text-align:center; position:relative;}
.side_head .sd_logo a img,
.side_head .sd_logo a span	{display:inline-block; vertical-align:bottom;}

.side_head .sd_logo a img		{width:75px;}
.side_head .sd_logo a > span		{width:100%; font-size:13px; padding:10px 0 0 0; font-family:arial; color:#000; /*text-transform:uppercase;*/ letter-spacing:0.05em;}
.side_head .sd_logo a > span span	{width:auto; color:#52afe8;}
.side_head .sd_logo a > em		{position:absolute; top:-60px; right:20px;}
.side_head .sd_logo a > em span	{font-size:11px; line-height:100%; font-style:normal; font-family:tahoma; color:#999; display:inline-block; vertical-align:middle;}
.side_head .sd_logo a > em .bs	{padding-right:3px; color:#999;}
.side_head .sd_logo a > em .kd	{color:#e30000;}
.side_head .sd_logo a > em .kb	{color:#2588c5;}
.side_head .sd_logo a > p		{line-height:100%;}

.side_head .sd_logo a .kimsj_logo {position:relative; }
.side_head .sd_logo a .kimsj_logo div,
.side_head .sd_logo a .kimsj_logo h2 {display:inline-block; width:100%; line-height:100%; text-align:center;}
.side_head .sd_logo a .kimsj_logo div {}
.side_head .sd_logo a .kimsj_logo div span {display:inline-block; position:relative; font-size:13px; color:#92b0c7; line-height:100%;}
.side_head .sd_logo a .kimsj_logo h2 {font-family: 'GmSansB'; font-size:27px; font-weight:normal; color:#004295; margin-top:13px;}
.side_head .sd_logo a .kimsj_logo em {position:absolute; top:-5px; right:-16px; font-size:10px; width:13px; line-height:13px; color:#fff; font-family:arial; font-style:normal; text-align:center;}
.side_head .sd_logo a .kimsj_logo em.kd {color:red;}
.side_head .sd_logo a .kimsj_logo em.bs {color:orange;}

.side_head .sd_logo a .kims_cmp {position:relative; font-size:0; margin-top:10px;}
.side_head .sd_logo a .kims_cmp img,
.side_head .sd_logo a .kims_cmp h3 {display:inline-block; vertical-align:middle; line-height:100%;}
.side_head .sd_logo a .kims_cmp img {width:15px;}
.side_head .sd_logo a .kims_cmp h3 {/*font-family: 'GmSansM';*/ font-size:12px; font-weight:normal; color:#333; padding:0px 0 0 5px;}

.side_head .sd_logo .point	{display:inline-block; width:100%; font-size: 13px; color: #000; padding-bottom: 4px; font-family: 'GmSansM'; letter-spacing: -0.05em;}

.side_latest			{position:relative; top:0; left:0; width:100%; height:50px; background:#562e03;}
.side_latest .l_pos			{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:0; padding:0 25px;}
.side_latest span			{display:inline-block; vertical-align:middle; }
.side_latest .tit			{background:#a50000; line-height:100%; font-size:10px; width:30px; text-align:center; padding:5px 0; color:#fff; border-radius:3px;}
.side_latest .con			{width:calc(100% - 30px); padding-left:10px;}


.side_latest_bbs			{position:relative; top:0; left:0; width:100%;}
.side_latest_bbs .tit			{position:absolute; top:25px; left:25px; background:#333; line-height:100%; font-size:10px; padding:5px 7px; color:#fff; border-radius:0px;}
.side_latest_bbs .con			{display:inline-block; width:100%;}


.side_content		{position:relative; top:0; left:0; width:100%; height:calc(100% - 250px); overflow-x:hidden; overflow-y:overlay; background:#fff;}
.side_content:: {-ms-overflow-style: none;}
.side_content::-webkit-scrollbar {background: transparent; width:2px; height:2px; border-radius:15px;}
.side_content::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
.side_content .sec		{position:relative; top:0; left:0; width:100%; background:#fff; z-index:2;}
.side_content .sec.pad	{padding:25px 20px;}
.side_content .sec.line	{border-top:1px solid #eee;}
.side_content .sec h3		{position:relative; top:0; left:0; width:100%; font-weight:normal; padding-bottom:5px; font-size:0;}
.side_content .sec h3.ps		{padding:25px 0 20px 20px;}
.side_content .sec h3 i,
.side_content .sec h3 span	{display:inline-block; vertical-align:middle; position:relative; z-index:1;}
.side_content .sec h3 i		{font-size:20px; padding-right:8px;}
.side_content .sec h3 span		{font-size:15px; line-height:100%; font-family: 'GmSansM'; letter-spacing: -0.05em;}
.side_content .sec h3 span.bg_line:after		{content:""; position:absolute; top:5px; left:0; width:100%; height:60%; background:orange; opacity:0.3; z-index:-1;}


.side_content .sec ul.cmp_nav		{display:inline-block; vertical-align:middle; width:100%; font-size:0; padding:30px 0;}
.side_content .sec ul.cmp_nav.basic		{border-bottom:0px dashed #eee;}
.side_content .sec ul.cmp_nav.member,
.side_content .sec ul.cmp_nav.log			{padding:30px 0; border-top:1px dashed #eee;}
.side_content .sec ul.cmp_nav li	{display:inline-block; vertical-align:middle; width:100%;}
.side_content .sec ul.cmp_nav li a	{display:block; line-height:100%; padding:10px 40px; line-height:100%; font-size:13px; color:#333; position:relative; transition:all .2s;}
.side_content .sec ul.cmp_nav li a .spt	{position:relative;}
.side_content .sec ul.cmp_nav li a .cnt	{position:absolute; top:50%; right:25px; transform:translateY(-50%); line-height:100%; background:#52afe8; color:#fff; font-family:tahoma; font-size:11px; padding:2px 3px; border-radius:3px; min-width:15px; text-align:center;}
.side_content .sec ul.cmp_nav li a .nw	{display:inline-block; margin-left:3px; line-height:100%; background:red; color:#fff; font-size:11px; padding:3px; border-radius:3px;}
/*
.side_content .sec ul.cmp_nav li a .nw:before	{content:"("}
.side_content .sec ul.cmp_nav li a .nw:after	{content:")"}
*/
.side_content .sec ul.cmp_nav li a:hover	{color:#0073c5; transition:all .2s;}
.side_content .sec ul.cmp_nav li a .buy	{position:relative;}
.side_content .sec ul.cmp_nav li.on a	{color:#004b8b;}
.side_content .sec ul.cmp_nav li.on a:hover	{color:##0073c5;}
.side_content .sec ul.cmp_nav li a.mbr		{font-size:0;}
.side_content .sec ul.cmp_nav li a.mbr > i,
.side_content .sec ul.cmp_nav li a.mbr > span		{display:inline-block; vertical-align:middle; line-height:100%;}
.side_content .sec ul.cmp_nav li a.mbr > i			{font-size:18px; padding-right:10px; color:#000; transition:all .2s;}
.side_content .sec ul.cmp_nav li a.mbr:hover > i	{color:#0073c5; transition:all .2s;}
.side_content .sec ul.cmp_nav li a.mbr > span		{/* font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em;*/ font-size:13px;}

.side_content .sec ul.count_pick	{display:flex; width:100%; border:1px solid #e8f5ff; border-width:0px 0; position:relative; background:#004b8b;}
.side_content .sec ul.count_pick li	{flex:1; position:relative; border-left:0px solid #e8f5ff;  transition:all .3s; z-index:3;}
.side_content .sec ul.count_pick li:hover	{background:rgba(0,0,0,0.03); transition:all .3s;}
.side_content .sec ul.count_pick li:first-child	{border:0; background:rgba(0,0,0,0.1);}
.side_content .sec ul.count_pick li:after	{content:""; display:block; padding-top:150px;}
.side_content .sec ul.count_pick li.alone:after	{padding-top:170px;}
.side_content .sec ul.count_pick li a		{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.side_content .sec ul.count_pick li a .cp_wrp		{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%;}
.side_content .sec ul.count_pick li a h4,
.side_content .sec ul.count_pick li a p		{display:inline-block; width:100%; position:relative; line-height:100%;}
.side_content .sec ul.count_pick li a h4		{font-size:11px; color:rgba(255,255,255,0.7); padding-top:10px; font-weight:normal; line-height:130%;}
.side_content .sec ul.count_pick li a p		{font-size:45px; font-family: 'GmSansB'; color:#fff;}


.side_content .sec nav.menu_base		{display:inline-block; vertical-align:middle; width:100%; font-size:0; border:1px solid red;}
.side_content .sec nav.menu_base li	{display:inline-block; vertical-align:middle; width:100%; border:1px solid red;}
.side_content .sec nav.menu_base li a	{display:block; line-height:100%; font-size:15px; border:1px solid blue;}




.side_copy_wrp			{position:relative; top:0; left:0; width:100%; font-size:0; text-align:center; height:35px; background:#fafafa; border-top:1px solid #eee;}
.side_copy_wrp .copy		{position:absolute; top:50%; left:25px; transform:translateY(-50%); font-size:10px; font-family:tahoma; color:#999;}
.side_copy_wrp .copy span		{color:#000;font-family: NanumBarunGothic, sans-serif; display:inline-block; padding:0 5px;}

@media screen and (max-width: 1260px){
	.side_head			{height:250px; background:#fafafa;}
	.side_content		{height:calc(100% - 250px);}
	.side_content .sec ul.count_pick li:after	{content:""; display:block; padding-top:125px;}
}


@media screen and (max-width: 650px){
	#sidebar-box					{width:280px; }
	#sidebar-box-mask i		{left:295px;}
	.side_head			{height:160px;}
	.side_head .sd_logo a img		{width:65px;}
	.side_head .sd_logo a > span		{font-size:12px; padding:5px 0 0 0;}
	.side_head .sd_logo a > em		{top:-25px; right:15px; font-size:10px;}
	.side_head .sd_logo a .kimsj_logo div span {font-size:11px;}
	.side_head .sd_logo a .kimsj_logo h2 {font-size:22px; margin-top:10px;}
	.side_head .sd_logo a .kims_cmp {margin-top:5px;}
	.side_head .sd_logo a .kims_cmp img {width:10px;}
	.side_head .sd_logo a .kims_cmp h2 {font-size:10px; padding:0px 0 0 3px;}
	.side_content		{height:calc(100% - 160px);}
	.side_content .sec ul.cmp_nav li a .cnt	{right:25px; font-size:10px; padding:2px 3px;}
	.side_content .sec ul.count_pick li a p		{font-size:40px; font-family: 'GmSansB';}
}

/* 사이드영역 키프레임 */
@keyframes fadein {
	from	{opacity:0;}
	to		{opacity:1;}
}
@-moz-keyframes fadein {
	from	{opacity:0;}
	to		{opacity:1;}
}
@-webkit-keyframes fadein {
	from	{opacity:0;}
	to		{opacity:1;}
}
@-o-keyframes fadein {
	from	{opacity:0;}
	to		{opacity:1;}
}

/* 사이드영역 사이트메뉴 출력 */
ul.navi_mb		{display:inline-block; width:100%;margin:0; padding:0; background:white;}
ul.navi_mb li				{position:relative;  width:100%; font-size:15px; }
ul.navi_mb li > a			{display:block; width:100%; font-size:0 ;padding:18px 0px 18px 28px; border-bottom:1px solid #f6f6f6;   background:#fff; position:relative;}
ul.navi_mb li a .icon,
ul.navi_mb li a .b_mn		{display:inline-block; vertical-align:middle;}
ul.navi_mb li a .icon			{padding-right:5px; font-size:13px; color:rgba(0,0,0,0.3);}
ul.navi_mb li a .b_mn			{font-size:15px; color:rgba(0,0,0,0.6); line-height:100%;}
ul.navi_mb li a .plus			{position:absolute; top:50%; right:20px; transform:translateY(-50%); color:rgba(0,0,0,0.8); font-size:10px; transition:all .3s;}
ul.navi_mb li > a.on			{color:black;}
ul.navi_mb li > a.on .icon	{color:red;}
ul.navi_mb li > a.on .plus	{color:black; font-size:10px;}

ul.navi_mb li ul.sub2			{display:inline-block; padding:0; font-size:0; width:100%;  padding:20px 30px 30px 35px;border-bottom:1px solid #f6f6f6; }
ul.navi_mb li ul.sub2 li		{display:inline-block; vertical-align:middle; width:100%;}
ul.navi_mb li ul.sub2 li a	{padding:6px 5px; font-size:12px; color:rgba(0,0,0,0.45); line-height:100%; display:block; border:0;}
ul.navi_mb li ul.sub2 li a:before	{content:"# "; color:rgba(0,0,0,0.1); display:inline-block; padding-right:3px;}
ul.navi_mb li ul.sub2 li a:hover	{background:#ffffff; color:black; }
ul.navi_mb li ul.sub2 li a.on2		{color:black;}

ul.navi_mb li ul.sub3			{display:inline-block; padding:10px 0 15px 0; font-size:0; width:100%; border-bottom:1px dashed #f6f6f6;}
ul.navi_mb li ul.sub3 li		{display:inline-block; vertical-align:middle; width:100%; }
ul.navi_mb li ul.sub3 li a	{padding:5px 15px 5px 40px; font-size:11px; width:100%; color:rgba(0,0,0,0.7); display:block;background:white; border-bottom:0; }
ul.navi_mb li ul.sub3 li:last-child a	{border-bottom:0; }
ul.navi_mb li ul.sub3 li a:before	{content:"- ";}
ul.navi_mb li ul.sub3 li a:hover	{background:#ffffff; color:black; }
ul.navi_mb li ul.sub3 li a.on3		{color:orange;}

ul.navi_mb li ul.sub4			{display:inline-block; padding:5px 0 10px 0; font-size:0; width:100%; }
ul.navi_mb li:last-child ul.sub4			{padding-bottom:0;}
ul.navi_mb li ul.sub4 li		{display:inline-block; vertical-align:middle; width:100%; }
ul.navi_mb li ul.sub4 li a	{padding:5px 15px 5px 45px; font-size:11px; width:100%; color:rgba(0,0,0,0.7); display:block;background:white; border-bottom:0; }
ul.navi_mb li ul.sub4 li:last-child a	{border-bottom:0; }
ul.navi_mb li ul.sub4 li a:before	{content:"";}
ul.navi_mb li ul.sub4 li a:hover	{background:#ffffff; color:black; }
ul.navi_mb li ul.sub4 li a.on4		{color:yellow;}

@media screen and (max-width: 650px){
	ul.navi_mb li > a			{padding:17px 0px 17px 30px;}
	ul.navi_mb li a .icon			{font-size:13px;}
	ul.navi_mb li a .b_mn			{font-size:13px;}
}

/* 모바일 최근글 */
ul.hot_mall_side		{display:inline-block; width:100%; position:relative; }
ul.hot_mall_side li		{display:inline-block; width:100%; font-size:0;}
ul.hot_mall_side li a,
ul.hot_mall_side li span		{display:inline-block; vertical-align:middle; }
ul.hot_mall_side li a		{width:100%; font-size:12px; color:#eee; transition:all .3s;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.hot_mall_side li:hover a		{color:#000; transition:all .3s;}
ul.hot_mall_side li span		{width:75px; font-family:tahoma; font-size:11px; text-align:right; color:#eee;}

/* 기타메뉴 */
#sidebar-box nav.bmn				{position:relative; width:100%; font-size:0; padding:0 0 0 20px; text-align:left;}
#sidebar-box nav.bmn li			{display:inline-block; vertical-align:middle; border-left:1px solid #eee; margin-left:10px; padding-left:10px;}
#sidebar-box nav.bmn li.mb		{display:none;}
#sidebar-box nav.bmn li:first-child			{border:0; margin:0; padding:0;}
#sidebar-box nav.bmn li a			{display:block; width:100%; font-size:12px; color:rgba(0,0,0,0.7); transition:all .3s; line-height:100%;}
#sidebar-box nav.bmn li a:hover	{color:#000; transition:all .3s;}

/* 뱅크정보 */
#sidebar-box ul.bank		{display:inline-block; width:100%;}
#sidebar-box ul.bank li		{display:inline-block; width:100%; font-size:0; padding:10px 0 0 10px;}
#sidebar-box ul.bank li span		{display:inline-block; vertical-align:middle; font-size:12px;  line-height:100%;}
#sidebar-box ul.bank li .tit		{width:70px; color:#777;}
#sidebar-box ul.bank li .tit:before	{content:"ㆍ";}
#sidebar-box ul.bank li .con		{width:calc(100% - 70px); color:#000;}

/* 보조상품안내 */
#sidebar-box .rest_section		{position:relative; top:0; left:0;width:100%; padding-bottom:15px; border-bottom:1px solid #eee;}
#sidebar-box .rest_section .sp_prod		{position:relative; top:0; width:100%; text-align:left; }
#sidebar-box .rest_section .sp_prod .rp_point		{position:absolute; top:10px; left:10px; background:transparent; color:#eee; font-size:0px; padding:3px 3px; line-height:100%; z-index:1;}
#sidebar-box .rest_section .sp_prod.pro1		{left:0; width:100%;}
#sidebar-box .rest_section .sp_prod.pro1 a		{display:block; font-size:0; color:#000; padding:0 25px; }
#sidebar-box .rest_section .sp_prod.pro1 .rp_pic		{display:inline-block; vertical-align:top; position:relative; width:100%; border-radius:10px;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_pic:after		{content:""; display:block; padding-top:100%;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info		{display:inline-block; vertical-align:top; width:100%; text-align:left; padding:15px 10px 0 10px;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .cate		{display:inline-block; width:100%; font-size:0; padding-bottom:5px;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .cate span		{display:inline-block; vertical-align:middle; font-size:10px; color:#555;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .cate span:after  {content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 700; display:inline-block; padding:0 5px; color:#999;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .cate span:last-child  {color:#000;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .cate span:last-child:after  {content:"";}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info h3		{display:inline-block; width:100%; font-size:13px; color:#000; line-height:120%; font-weight:normal;transition:all .3s;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .short		{display:inline-block; width:100%; font-size:11px; color:#999; padding-top:5px; line-height:150%;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .short p		{display:inline-block; width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .short span	{color:red;}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .prc		{display:inline-block; width:100%; font-size:16px; color:#000; padding-top:15px;font-family: 'GmSansM';}
#sidebar-box .rest_section .sp_prod.pro1 .rp_info .prc:after		{content:"원"; display:inline-block; font-size:11px; color:#555; font-family: NanumBarunGothic, sans-serif; padding-left:3px;}
#sidebar-box .rest_section .sp_prod.pro2		{right:0; width:100%; margin-top:15px;}
#sidebar-box .rest_section .sp_prod.pro2 ul.tm_pro		{display:inline-block; width:100%; }
#sidebar-box .rest_section .sp_prod.pro2 ul.tm_pro li	{display:inline-block; width:100%; transition:all .3s;}
#sidebar-box .rest_section .sp_prod.pro2 ul.tm_pro li a	{display:block; padding:7px 25px; font-size:0;}
#sidebar-box .rest_section .sp_prod.pro2 ul.tm_pro li .g_pic		{display:inline-block; vertical-align:middle; position:relative; width:70px; border-radius:7px;}
#sidebar-box .rest_section .sp_prod.pro2 ul.tm_pro li .g_pic:after		{content:""; display:block; padding-top:100%;}
#sidebar-box .rest_section .sp_prod.pro2 .g_info		{display:inline-block; vertical-align:middle; width:calc(100% - 70px); text-align:left; padding:0 0 0 20px;}
#sidebar-box .rest_section .sp_prod.pro2 .g_info .cate		{display:inline-block; width:100%; line-height:100%; padding-bottom:3px; font-size:10px; color:#777;}
#sidebar-box .rest_section .sp_prod.pro2 .g_info h3		{display:inline-block; width:100%; font-size:12px; color:#000; line-height:120%; font-weight:normal; transition:all .3s;}
#sidebar-box .rest_section .sp_prod.pro2 ul.tm_pro li:hover .g_info h3	{color:red; transition:all .3s;}
#sidebar-box .rest_section .sp_prod.pro2 .g_info .prc		{display:inline-block; width:100%; font-size:13px; color:#000; padding-top:5px;font-family: 'GmSansM';}
#sidebar-box .rest_section .sp_prod.pro2 .g_info .prc:after		{content:"원"; display:inline-block; font-size:11px; color:#555; font-family: NanumBarunGothic, sans-serif; padding-left:2px;}
#sidebar-box .rest_section nav.q_nav			{position:absolute; top:0; right:0; width:50%; height:100%; font-size:0; padding:65px 30px 0 30px; background:#410052; transition:all .3s; display:none;}

/* 사이드영역 내 퀵메뉴 */
ul.quick_btn_wrp		{display:inline-block; width:100%; font-size:0;}
ul.quick_btn_wrp li		{display:inline-block; vertical-align:middle; width:50%; text-align:center;}
ul.quick_btn_wrp li a	{display:block; position:relative; top:0; left:0; width:100%; height:150px; border:2px solid red;}
ul.quick_btn_wrp li .con		{display:inline-block; width:100%; border:1px solid red; position:relative; z-index:2;}
ul.quick_btn_wrp li .con i		{display:inline-block; width:100%; border:1px solid red; font-size:35px; color:white;}
ul.quick_btn_wrp li .con span		{display:inline-block; width:100%; border:1px solid red; font-size:12px; color:white; line-height:140%;}
ul.quick_btn_wrp li .bg_pos		{position:absolute; top:0; left:0; width:100%; height:100%;}
ul.quick_btn_wrp li .bg_pos.cvr		{background:rgba(0,0,0,0.5); z-index:1;}
ul.quick_btn_wrp li .bg_pos.img1		{background:url('/images/bg_m_1.jpg') no-repeat center center; background-size:cover;}
ul.quick_btn_wrp li .bg_pos.img2		{background:url('/images/bg_m_2.jpg') no-repeat center center; background-size:cover;}