/*### 헤더부분CSS ###*/
header{position:relative; width:100%; z-index:100; background:#fff; box-shadow:0 0 4px rgba(0,0,0,0.1); position:sticky; top:0;}

/*즐겨찾기, 상단우측메뉴*/
.top{ position:relative; width:100%; margin:0 auto; border-bottom:1px solid #dedede; }/*padding:6px 0px; */
.top a{ display:inline-block; font:normal 12px/14px malgun gothic; color:#555555; }
.top .faivo a{ padding:0px 0px 1px 17px; background:url(/*https://www.shinwoorimall.com/shinhan/img/fav_icon.png)*/ no-repeat bottom left;  }
.top .faivo a:hover{ text-decoration:underline; }
.top .top_nav{ float:right; }
.top .top_nav a{  padding:0px 10px 0px 5px; font:normal 13px/14px malgun gothic; color:#555555; background:/*url(https://www.shinwoorimall.com/shinhan/img/bar01.png)*/ no-repeat bottom right; line-height:40px;}
.top .top_nav a:hover{ text-decoration:underline; }
.top .top_nav a.last{ padding-right:0px; background:none; }
.top .top_nav a .cartNO{width:22px; color:#fff; border-radius:50px; padding:0px; box-sizing:border-box;
display:inline-block; line-height:22px; text-align:center; margin:0 0 0 4px; font-size:15px;}


/*배너,로고*/
.top_main{width:100%; height:100px; display:flex; align-items:center; position:relative;}
.top_main .logo{display:inline-block;}
.top_main .logo img{height:72px; display:block;}

.top_main{}
.top_main .top_nav{display:flex; align-items:baseline;}
.top_main .top_nav a{display:block; position:relative;}
.top_main .top_nav a+a{margin:0 0 0 20px;}
.top_main .top_nav a img{display:block; margin:0 auto 10px;}
.top_main .top_nav a p{font-size:12px; line-height:1; color:#444;}
.top_main .top_nav a p b{width:16px; height:16px; display:flex; justify-content:center; align-items:end;
font-size:11px; line-height:1; color:#fff; position:absolute; top:-4px; right:-2px; background:#0046ff; border-radius:50%; padding:0 0 1px; box-sizing:border-box;}


/* 검색 */
.top_main fieldset{padding:0px; border-radius:500px;}
.top_main legend {text-indent:-9999px;height:0px;width:0px;overflow:hidden;}
.top_main fieldset span {display:inline-block; width:370px; height:30px; padding:5px 4px; background:none; border-right:none; vertical-align:middle; float:left;}
.top_main fieldset a{width:44px; height:100%; display:flex; justify-content:center; align-items:center; padding:0 10px 0 0;}
.top_main .search_input{flex-grow:1; height:100%; border:none!important; outline:0; background:none; line-height:1; padding:10px 20px; box-sizing:border-box;}
.top_main .search_btn{padding:0px; border:none; height:auto; vertical-align:bottom;}
.top_main .keyword{position:absolute; top:74px; left:380px; width:445px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top_main .keyword strong{display:inline-block; margin-right:5px}
.top_main .keyword a{color:#000; margin:0 12px 0 0;}
.top_main .keyword a:last-child{margin:0;}


/*헤더 메뉴*/
.TopMenu{ position:relative; width:100%; margin-top:7px; padding:0px 0px; /* background:#f4f4f4;  */border-top:1px solid #eaeaea; border-bottom:1px solid #eaeeee }
/*상단우측배너*/
.top_menu_bn{float:right; overflow:hidden;}
.top_menu_bn img{float:right; margin-top:10px; width:173px; height:70px;}

.category.red{ background:#b71c1c; }
.category.red .hd_disp dd a{ color:#fff; }
.category.red .hd_catg .catg_bt{ color:#fff; }
.category.red .hd_zone a{ color:#fff; }
.category.blue{ background:#1b3967; }
.category.blue .hd_disp dd a{ color:#fff; }
.category.blue .hd_catg .catg_bt{ color:#fff; }
.category.blue .hd_zone a{ color:#fff; }
.category.green{ background:#8bc34a; }
.category.green .hd_disp dd a{ color:#fff; }
.category.green .hd_catg .catg_bt{ color:#fff; }
.category.green .hd_zone a{ color:#fff; }
.category.white{ background:#fff; }
.category.white .hd_disp dd a{ color:#333; }
.category.white .hd_catg .catg_bt{ color:#333; }
.category.white .hd_zone a{ color:#fff; }
.category.black{ background:#444; }
.category.black .hd_disp dd a{ color:#fff; }
.category.black .hd_catg .catg_bt{ color:#fff; }
.category.black .hd_zone a{ color:#fff; }


.category{position:relative;}
.category .allCategory-box{width:100%; display:none; background:#fff; border-top:1px solid #eee; box-shadow:0 2px 2px rgba(0,0,0,0.1); position:absolute; top:100%; z-index:200;}
.category .allCategory-box .centerWrap{}
.category .allCategory-box .centerWrap > ul{}
.category .allCategory-box .centerWrap > ul > li{display:flex;}
.category .allCategory-box .centerWrap > ul > li+li{border-top:1px solid #d4dce7;}
.category .allCategory-box .centerWrap > ul > li > a{flex-basis:160px; flex-shrink:0; font-size:13px; line-height:2; color:#6494dd; text-align:right; background:#f5f5f5; padding:8px 12px;}
.category .allCategory-box .centerWrap > ul > li > ul{display:flex; flex-wrap:wrap; line-height:2; padding:8px 12px;}
.category .allCategory-box .centerWrap > ul > li > ul > li{display:flex; align-items:center;}
.category .allCategory-box .centerWrap > ul > li > ul > li:after{content:""; width:1px; height:12px; display:block; background:#ddd; margin:0 16px;}
.category .allCategory-box .centerWrap > ul > li > ul > li:last-of-type{}
.category .allCategory-box .centerWrap > ul > li > ul > li:last-of-type:after{display:none;}
.category .allCategory-box .centerWrap > ul > li > ul > li a{font-size:12px;}

.category .category-center{height:60px; display:flex; align-items:center;}


.sideWrap{position:relative; z-index:100;}

.costWrap{width:180px; position:fixed; top:208px; left:50%; margin:0 0 0 -750px;}
.costWrap .costTitle{display:flex; justify-content:center; align-items:center; font-size:17px; font-weight:700; padding:10px; border:1px solid #e5e5e5; border-width:1px 1px 0; background:#fff;}
.costWrap .costTitle img{height:22px; display:block; margin:0 4px 0 0;}

.costWrap ul.costList{width:100%; display:; background:#f3f3f3; border:1px solid #e5e5e5;}
.costWrap ul.costList li{border-bottom:1px dotted #ccc; padding:11px 12px 8px;}
.costWrap ul.costList li:hover{background:#eee}
.costWrap ul.costList li:last-of-type{border:none;}
.costWrap ul.costList li button{width:100%; border:none; background:none; display:block; position:relative; font-size:13px; line-height:1;}
.costWrap ul.costList li button:hover{color:#0046ff;}
.costWrap ul.costList li button span{display:inline-block;}
.costWrap ul.costList li button span.costLeft{text-align:left; float:left;}
.costWrap ul.costList li button span.costCenter{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.costWrap ul.costList li button span.costRight{text-align:right; float:right;}

.costWrap ul.costList li.appoint-cost{display:flex; align-items:center; padding:8px 10px;}
.costWrap ul.costList li.appoint-cost input{flex-grow:1; height:28px; border:1px solid #ccc; padding:4px; box-sizing:border-box;}
.costWrap ul.costList li.appoint-cost span{margin:0 6px;}
.costWrap ul.costList li.appoint-cost button{width:28px; height:28px; display:flex; justify-content:center; align-items:center; border: 1px solid #ccc; background:#fff; margin:0 0 0 2px; box-sizing:border-box;}
.costWrap ul.costList li.appoint-cost button img{width:16px; display:block;}

.category .hd_disp{flex-grow:1; display:flex; justify-content:space-between; align-items:center;}
.category .hd_disp > li{position:relative;}
.category .hd_disp > li.allCategory-bt{border-right:1px solid #ddd; padding:0 28px 0 0;}
.category .hd_disp > li.allCategory-bt.active{color:#0046ff;}
.category .hd_disp > li+li{}
.category .hd_disp > li > a{display:flex; align-items:center; font-size:16px; line-height:1; color:#000;}
.category .hd_disp > li > a:hover{color:#0046ff;}

/*
.category .hd_disp > li > ul{display:none; position:absolute; top:; left:50%; transform:translate(-50%, 0); padding:8px; background:#f9f9f9; min-width:160px; box-shadow:0px 0px 12px 0px rgba(0,0,0,0.2); box-sizing:border-box; z-index:200;}
.category .hd_disp > li > ul:before{content:""; display:block; position:absolute; top:-8px; left:50%; transform:translate(-50%, 0); z-index:1;
width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid #f9f9f9;}
.category .hd_disp > li > ul li{}
.category .hd_disp > li > ul li a{font-size:12px; color:#222; padding:8px 8px; display:block;}
.category .hd_disp > li > ul li a:hover{background:#f1f1f1; color:#0046ff;}
.category .hd_disp > li:hover > ul{display:block;}
*/



.category .member-mall{display:flex; justify-content:center; align-items:center; padding:0;}
.category .member-mall button{font-size:20px; line-height:1; color:#000; position:relative; background:none; border:none; padding:0;}
.category .member-mall button span{width:6px; height:6px; display:inline-block; background:#0046ff; border-radius:50%; position:absolute; top:-3px; right:-8px;}
.category .member-mall:before{content:""; width:1px; height:20px; display:block; background:#cfcfcf; margin:0 40px 0 0;}
.category .member-mall:after{content:""; width:1px; height:20px; display:block; background:#cfcfcf; margin:0 0 0 40px;}

/*메인비주얼*/
.visual-banner { position:relative; width:100%; max-width:1920px; margin:0 auto;}
.visual-banner { clear:both; content:''; display:block }
.visual-banner > ul {position:relative; width:1300px; }
.visual-banner > ul li {position:absolute; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in; }
.visual-banner > ul li:after{clear:both; content:''; display:block}
.visual-banner > ul li.on {opacity:1; filter:alpha(opacity=100); transition:all 0.5s ease-in; z-index:1;}
.visual-banner > ul li a {display:block; width:100%; height:auto; margin:0 auto; text-align:center }
.visual-banner > ul li a img {margin:0 auto; max-width:1300px; position:absolute; left:50%; margin-left:-550px;}
.visual-banner .slide-contents > li {width:100%; }
.visual-banner .control {position:absolute; bottom:8%; width:100%; height:18px; margin:0; padding:0; left:0; z-index:2; text-align:center;}
.visual-banner .control > a {display:inline-block; width:14px; height:18px; background:url("https://www.shinwoorimall.com/shinhan/img/icon_slide_control.png") no-repeat; vertical-align:top;}
.visual-banner .control > a.on  {width:14px; background:url("https://www.shinwoorimall.com/shinhan/img/icon_slide_control_on.png") no-repeat;}
.visual-banner .control-arrows{width:100%; position:absolute; top:50%; margin-top:-17px; display:block;}
.visual-banner .control-arrows a {position:absolute; z-index:2;}
.visual-banner .control-arrows a.prev {left:0; margin-left:-37px;}
.visual-banner .control-arrows a.next {right:0; margin-right:-37px;}

/*메인 배너 3*/
.visual_banner3{margin:15px auto 5px}
.visual_banner3 ul{position:relative; width:100%; min-height:200px; border:1px solid #e3dfdf; box-sizing:border-box }
.visual_banner3 ul li{width:366px; display:inline;float:left; border-left:1px solid #e3dfdf; box-sizing:border-box}
.visual_banner3 ul li:first-child{border-left:0px solid #e3dfdf; }
.visual_banner3 ul li img{width:100%; height:200px}


/* 메인 롤링 */
.banner_list li .num,.control button{display:inline-block;overflow:hidden;width:auto;height:10px;background:url(https://www.shinwoorimall.com/img/sp_mw.png) no-repeat;font-size:0;line-height:999px;vertical-align:top}
.banner_list{padding:500px 45% 0 0;zoom:1}
.banner_list:after{display:block;clear:both;content:''}
.banner_list li{display:inline;float:left;margin-left:7px}
.banner_list li:first-child{margin-left:0}
.banner_list li a{text-decoration:none}
.banner_list li a:hover{ cursor:default; }
.banner_list li .num{position:relative;z-index:10;width:12px;height:11px;background-position:-36px 0}
.banner_list li .num.on{width:16px;background-position:0 0}
.banner_list li .pic{position:absolute;left:0;top:0}
.control{position:absolute; bottom:23px;right:50%; margin-left:-300px; z-index:20}
.control button{width:21px;height:21px; border:0;}
.control button.stop{background-position:0 -16px}
.control button.play{background-position:-23px -16px}





/*하단배너*/
.bottom_banner{ display:block; width:100%; height:130px; margin-bottom:20px; margin:0 0}
.bottom_banner:after{ display:block; content:''; clear:both}
.bottom_banner li{ float:left; display:inline-block; width:358px; height:130px; padding:0px; margin:0; margin-right:10px; border:0 }
.bottom_banner li img{width:358px; height:130px;}
.bottom_banner li.last{margin-right:0}


/*하위메뉴*/
.bottom_menu{ position:relative; width:100%; min-height:140px;margin-top:30px; padding:20px 0px; overflow:hidden;}


/*고객센터*/
.bottom_menu .customer_center{ float:left; width:31.3%;  height:auto; margin:0 3% 0 0; }
.bottom_menu .customer_center:last-child{margin:0;}
.bottom_menu .customer_center dl dt{ display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumGothic-Bold',malgun gothic; color:#5c5c5c; letter-spacing:-1px;   }
.bottom_menu .bottom_menu_line_wrap dl dt strong{ display:block; padding:4px 8px 3px 10px; vertical-align:top;}
.bottom_menu .bottom_menu_line_wrap dl dt div.bottom_menu_line{border-bottom:1px solid #cacaca; display:block;}
.bottom_menu .bottom_menu_line_wrap dl dt div.bottom_menu_line span{width:155px; height:5px; display:block;}
.bottom_menu .bottom_menu_line_wrap dl dd{margin:auto; display:table;}
.bottom_menu .bottom_menu_line_wrap dl dd span.call b{font-size:25px; margin:0 0 20px; display:block;}
.bottom_menu .bottom_menu_line_wrap dl dd span.call b img{float:left;}
.bottom_menu .bottom_menu_line_wrap dl dd.bottom_menu_icon{display:block;}
.bottom_menu .bottom_menu_line_wrap dl dd.bottom_menu_icon a{width:33.33%; float:left; display:block; text-align:center; font-size:16px; letter-spacing:-1px;}
.bottom_menu .bottom_menu_line_wrap dl dd.bottom_menu_icon a img{display:block; margin:auto;}
.bottom_menu .customer_center dl dt span.call{ display:inline-block; width:160px;  font:normal 27px/29px 'NanumGothic-Bold',malgun gothic; color:#d21010; letter-spacing:-2px; }
.bottom_menu .customer_center dl dd span.call_info{ display:block; padding:0px 0px 0px 0px; font:normal 18px/22px malgun gothic;  color:#323232; letter-spacing:-1px;}
.bottom_menu .customer_center dl dd span.call_info b{ display:block; padding:11px 0px 0px 0px; color:#303030;}

/*입금계좌*/
.bottom_menu .customer_center.bank{  }
.bottom_menu .customer_center.bank dl dt{ display:block; padding-top:4px; }
.bottom_menu .customer_center.bank dl dd span.call{display:block; overflow:hidden;}
.bottom_menu .customer_center.bank dl dd span.call b{ display:inline-block;  font:normal 25px/25px malgun gothic; color:#0e0e0e; font-weight:700;}
.bottom_menu .customer_center.bank dl dd span.call b span{font:normal 18px/30px malgun gothic; display:block; text-align:center;}
.bottom_menu .customer_center.bank dl dd span.call_info{ padding:3px 0px 0px 0px; font:normal 18px/23px malgun gothic; text-align:center;}

/*그외 메뉴*/
.bottom_menu .other_menu{ float:left; width:33.3%; line-height:16px; height:90px; padding:20px 0px 0px 0px;  }
.bottom_menu .other_menu dl dd li{ float:left; display:inline-block;  width:90px; height:85px; margin-right:10px; cursor:pointer;  }
.bottom_menu .other_menu dl dd li strong{ display:block; font:bold 14px/18px 'NanumGothic-Bold',malgun gothic; color:#6e6c6d; text-align:center; }

.bottom_menu .other_menu dl dd li span{ display:inline-block; width:100%; height:60px;}
.bottom_menu .other_menu dl dd li.first span{ background:url(https://www.shinwoorimall.com/img/bottom_m01.png) no-repeat center;  }
.bottom_menu .other_menu dl dd li.first:hover span{ background:url(https://www.shinwoorimall.com/img/bottom_m01_on.png) no-repeat center;  }

.bottom_menu .other_menu dl dd li:nth-child(2){ margin-right:0; }
.bottom_menu .other_menu dl dd li:nth-child(2) span{ background:url(https://www.shinwoorimall.com/img/bottom_m02.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(2):hover span{ background:url(https://www.shinwoorimall.com/img/bottom_m02_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li:nth-child(3) span{ background:url(https://www.shinwoorimall.com/img/bottom_m03.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(3):hover span{ background:url(https://www.shinwoorimall.com/img/bottom_m03_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li:nth-child(4) span{ background:url(https://www.shinwoorimall.com/img/bottom_m04.png) no-repeat center; }
.bottom_menu .other_menu dl dd li:nth-child(4):hover span{ background:url(https://www.shinwoorimall.com/img/bottom_m04_on.png) no-repeat center; }

.bottom_menu .other_menu dl dd li.last{ margin-right:0;  }
.bottom_menu .other_menu dl dd li.last span{ background:url(https://www.shinwoorimall.com/img/bottom_m05.png) no-repeat center; }
.bottom_menu .other_menu dl dd li.last:hover span{ background:url(https://www.shinwoorimall.com/img/bottom_m05_on.png) no-repeat center; }

/*배너 공지사항*/

.other_menu dt{display:block; width:100%; padding-bottom:13px; font:bold 18px/20px 'NanumGothic-Bold',malgun gothic; color:#5c5c5c; letter-spacing:-1px;  }
.other_menu dd{display:block; width:366px; }
.other_menu dd a{ width:340px; display:block; overflow-x:hidden; margin-top:5px;}
.other_menu dd a b{font-weight:normal;}
.other_menu dd a span{float:right; color:#737373;}

/* 좌측 퀵메뉴 */
.quick_wrap_left{ position:absolute; top:46px; left:-100px; width:80px; z-index:20;}
.quick_wrap_left.fixeds{ position:fixed; top:5px; left:50%; margin-left:-640px; z-index:20;}
.quick_menu_left{ display:block; width:80px; }
.quick_menu_left li{ height:55px; padding:10px 9px 10px 9px;  margin-bottom:5px; color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; }
.quick_menu_left li:hover{ cursor:pointer; }
.quick_menu_left li.m_01{ background:#494949; border:1px solid #2d2d2d; }
.quick_menu_left li.m_02{ background:#e24f29; border:1px solid #da8313; }
.quick_menu_left li.m_03{ background:#a4a434; border:1px solid #7d7d15; }
.quick_menu_left li.m_04{ background:#1fa6c6; border:1px solid #125fb4; }

.quick_menu_left li b{ display:block; width:100%; height:70%; cursor:pointer;}
.quick_menu_left li.m_01 b{ background:url(https://www.shinwoorimall.com/img/m_01_icon.png) no-repeat center; }
.quick_menu_left li.m_02 b{ background:url(https://www.shinwoorimall.com/img/m_02_icon.png) no-repeat center; }
.quick_menu_left li.m_03 b{ background:url(https://www.shinwoorimall.com/img/m_03_icon.png) no-repeat center; }
.quick_menu_left li.m_04 b{ background:url(https://www.shinwoorimall.com/img/m_05_icon.png) no-repeat center; }

.quick_menu_left li a{ display:block; width:100%; padding-top:2px; text-align:center; font-family:malgun gothic;  color:#fff; }
.quick_menu_left li a:hover{ color:#fff; }

/* 우측 퀵메뉴 */
.quick_menu{width:90px; height:296px; display:block; position:fixed; top:208px; right:50%; margin:0 -660px 0 0;
color:#333; text-align:center; border:1px solid #dfdfdf; background:#fff; z-index:20;}

.quick_menu .recent-title{letter-spacing:-0.1em; color:#616161; padding:8px 4px 6px;}

.quick_menu .latest_img{background:#fff; overflow:hidden; box-sizing:border-box; padding:0 6px 0}
.quick_menu .latest_img img { width:100%; height:100%;}
.quick_menu .latest_img a{ display:block; margin-bottom:6px; overflow:hidden; border:1px solid #ddd; }
.quick_menu .latest_img a:last-of-type{margin-bottom:0;}

.quick_menu .quickcon{display:flex; justify-content:center; align-items:center; padding:6px 4px;}
.quick_menu .quickcon a{display:flex; justify-content:center; align-items:center; border:1px solid #ccc;}
.quick_menu .quickcon a.prev{}
.quick_menu .quickcon a.next{}
.quick_menu .quickcon .page{display:flex; font-size:10px; font-weight:700; line-height:1; color:#888; margin:0 4px;}
.quick_menu .quickcon .page strong{font-weight:700; color:#222;}