#header{padding:45px 0 30px;border-top:5px solid #e8382f;}
#header .header-top{position:relative;}
#header .btn-favorite{margin-top:20px;font-size:16px;color:#000;cursor:pointer}
#header .logobox{position:absolute;top:0;left:50%;transform:translateX(-50%);}
#header .mypage-menu{margin-top:20px;}
#header .mypage-menu li{margin-left:30px;}
#header .mypage-menu li a{font-size:16px;color:#000;}
#header .header-bottom{margin-top:70px;position:relative;}
#header .header-bottom .gnb button.sitemap{position:relative;width:48px;height:48px;background:#e8382f;cursor:pointer;border-radius:50%}
#header .header-bottom .gnb button.sitemap span{display:inline-block;position:absolute;top:50%;left:50%;width:22px;height:2px;background:#fff;transform:translate(-50%, -50%);}
#header .header-bottom .gnb button.sitemap span:before{display:inline-block;position:absolute;top:-8px;left:0;width:22px;height:2px;background:#fff;content:'';}
#header .header-bottom .gnb button.sitemap span:after{display:inline-block;position:absolute;top:8px;left:0;width:22px;height:2px;background:#fff;content:'';}
#header .header-bottom .gnb .gnb-menu{display:inline-block;vertical-align:middle}
#header .header-bottom .gnb .gnb-menu > li{margin-left:45px;position:relative;}
#header .header-bottom .gnb .gnb-menu > li:first-child{margin-left:10px;}
#header .header-bottom .gnb .gnb-menu > li > a{display:inline-block;width:100%;font-size:19px;font-weight:bold;color:#e8382f}
#header .header-bottom .gnb .gnb-menu > li:after{display:inline-block;border:2px solid #e8382f;position:absolute;top:25%;right:-20px;width:6px;height:6px;content:'';transform:rotate(45deg);border-width: 0 2px 2px 0;}
#header .header-bottom .gnb .gnb-menu .depth2{display:none;padding:30px 40px;box-shadow:4px 4px 9px rgba(0,0,0,0.3);position:absolute;top:65px;left:0;z-index:30;background:#fff}
#header .header-bottom .gnb .gnb-menu .depth2 li{margin-bottom:15px;}
#header .header-bottom .gnb .gnb-menu li.li1 .depth2{width:130px;}
#header .header-bottom .gnb .gnb-menu li.li2 .depth2{width:350px;}
#header .header-bottom .gnb .gnb-menu li.li2 .depth2 > div:first-child{margin-right:50px;}
#header .header-bottom .gnb .gnb-menu li.li3 .depth2{width:130px;}
#header .header-bottom .gnb .gnb-menu li .depth2 h4{margin-bottom:10px;padding-bottom:5px;border-bottom:1px solid #000;font-size:18px}
#header .header-bottom .gnb .gnb-menu .depth2 li:last-child{margin-bottom:0px;}
#header .header-bottom .gnb .gnb-menu .depth2 li a:hover{border-bottom:1px solid #e8382f;color:#e8382f}
#header .header-bottom .searchbox{position:absolute;bottom:0;left:calc(50% + 130px);transform:translateX(-50%);}
#header .header-bottom .searchbox input{border:0;border-bottom:2px solid #000;width:240px;height:40px;font-size:20px;}
#header .header-bottom .searchbox button{display:inline-block;position:absolute;top:50%;right:0;width:23px;height:21px;background:url(/images/main/btn-search.png) no-repeat center;background-size:100% 100%;text-indent:-9999px;transform:translateY(-50%);}
#header .header-bottom .customer-menu ul{display:inline-block;padding-top:12px;}
#header .header-bottom .customer-menu ul li{margin-left:30px;}
#header .header-bottom .customer-menu ul li a{font-size:19px;font-weight:700}
#container{position:relative}
#container .banner li.slide-cont{width:100%;min-width:1200px;height:485px;background-position:center center;background-size:cover;}
#container .banner li.box1{background-image:url(/images/main/slide-main-4.png)}
#container .banner li.box2{background-image:url(/images/main/slide-main-2.png)}
#container .banner li.box3{background-image:url(/images/main/slide-main-3.png)}
#container .banner li.slide-cont h2{margin-top:130px;font-size:46px;font-weight:400;line-height:64px;}
#container .banner li.slide-cont a{display:inline-block;margin-top:20px;padding:1em 2em;border:1px solid #333;font-size:16px;transition:all 0.3s}
#container .banner li.slide-cont a:hover{background:#333;font-weight:700;color:#fff}
#container .banner .slide-pager{border-bottom:1px solid #ddd}
#container .banner .slide-pager li{border-right:1px solid #ddd;width:400px;height:60px;box-sizing:border-box}
#container .banner .slide-pager li:first-child{border-left:1px solid #ddd}
#container .banner .slide-pager li a{display:inline-block;padding-top:20px;position:relative;width:100%;height:100%;text-align:center;box-sizing:border-box}
#container .banner .slide-pager li a.active{background:#fafafa;}
#container .banner .slide-pager li a span{display:inline-block;position:absolute;bottom:0;left:0;width:0;height:2px;background:#e8382f}
#container .banner .slide-pager li a.active span{width:100%;}
#container .section{margin-top:90px;}
#container .section .sec-title{text-align:center;}
#container .section .sec-title h2{margin-bottom:10px;font-size:44px;font-weight:700;}
#container .section .sec-title span{font-size:18px;}
#container .section .best-goods{margin-top:45px;}
#container .section .best-goods li{margin-right:13.3px;width:290px;}
#container .section .best-goods li:last-child{margin-right:0;text-align:center;}
#container .section .best-goods li span.imgbox{display:inline-block;border:1px solid #ddd;position:relative;width:290px;height:290px}
#container .section .best-goods li span.imgbox img{position:absolute;top:50%;left:50%;max-width:90%;max-height:90%;transform:translate(-50%, -50%)}
#container .section .best-goods li span.textbox{display:inline-block;width:100%;height:40px;font-size:16px;line-height:40px;text-align:center;transform:skew(-0.03deg)}
#container .section2 .sec-title{padding:100px 0 150px;height:330px;background:url(/images/main/main-attatchment.png) no-repeat center;background-attachment:fixed;background-size:cover;box-sizing:border-box}
.list-type2{margin-top:-105px;}
.list-type2 li{margin-right:12.5px;margin-bottom:30px;width:230px;}
.list-type2 li:nth-child(5n){margin-right:0;text-align:center;}
.list-type2 li span.imgbox{display:inline-block;border:1px solid #ddd;position:relative;width:230px;height:230px;background:#fff}
.list-type2 li span.imgbox img{position:absolute;top:50%;left:50%;max-width:90%;max-height:90%;transform:translate(-50%, -50%)}
.list-type2 li span.textbox{display:inline-block;width:100%;height:50px;font-size:16px;line-height:1.3;text-align:center;transform:skew(-0.03deg)}
#container .section.section3{padding:60px 0;background:#f7f7f7}
#container .section.section3 .cont{margin-right:45px;width:370px;}
#container .section.section3 .cont:last-child{margin-right:0px;}
#container .section.section3 .cont h4{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #000;font-size:20px;}
#container .section.section3 .cont .text{padding-left:65px;background:url(/images/main/footer-icon-1.png) no-repeat left top;box-sizing:border-box;}
#container .section.section3 .cont.cont1 .text h5{padding-bottom:15px;font-size:34px;}
#container .section.section3 .cont.cont1 .text ul.tel {margin-bottom:10px;}
#container .section.section3 .cont.cont1 .text ul.tel li { font-size:20px; font-weight: 700;color:#000;}
#container .section.section3 .cont.cont1 .text ul.tel li:last-child {margin-top:10px;}
#container .section.section3 .cont.cont1 .text ul.tel li span {font-size: 16px;}
#container .section.section3 .cont.cont1 .text li{margin-bottom:3px;font-size:14px;color:#888;transform:skew(-0.03deg)}
#container .section.section3 .cont.cont2 .text li{margin-bottom:5px;font-size:16px;font-weight:700;transform:skew(-0.03deg)}
#container .section.section3 .cont.cont2 .text li:last-child{margin-top:15px;font-size:16px;}
#container .section.section3 .cont.cont2 .text{background:url(/images/main/footer-icon-2.png) no-repeat left top;}
#container .section.section3 .cont.cont3 li{width:33.3%;text-align:center;}
#container .section.section3 .cont.cont3 li a{display:inline-block;padding-top:75px;width:100%;}
#container .section.section3 .cont.cont3 li:nth-child(1) a{background:url(/images/main/footer-icon-3.png) no-repeat center top;}
#container .section.section3 .cont.cont3 li:nth-child(2) a{background:url(/images/main/footer-icon-4.png) no-repeat center 5px;}
#container .section.section3 .cont.cont3 li:nth-child(3) a{background:url(/images/main/footer-icon-5.png) no-repeat center 6px;}
#footer{padding:45px 0;background:#333333}
#footer .logobox{width:253px;}
#footer .addressbox{width:947px;}
#footer .addressbox li{margin-right:35px;position:relative}
#footer .addressbox li:after{position:absolute;top:2px;right:-18px;width:1px;height:16px;background:#fff;content:'';}
#footer .addressbox li:last-child:after{display:none}
#footer .addressbox li a{display:block;font-size:16px;font-weight:700;color:#fff;transform:skew(-0.03deg)}
#footer .addressbox p{margin-top:10px;font-size:13px;line-height:24px;color:rgba(255,255,255,.5);transform:skew(-0.03deg)}
#footer .addressbox p.copyright{margin-top:15px;}
.quick-menu{position:fixed;top:100px;right:0;z-index:50;width:95px;height:auto;}
.quick-menu li{display:table;margin-bottom:1px;position:relative;width:95px;height:95px;background:#999;}
.quick-menu li:first-child{background:#e8382f}
.quick-menu li a{display:table-cell;width:100%;height:100%;vertical-align:middle;color:#fff;text-align:center;}
.quick-menu li a span{display:block;margin-top:5px;font-size:14px;}
.quick-menu li a span.num{letter-spacing:-1px}
.quick-menu li.top{display:block;padding-top:20px;background:none;text-align:center;}
.quick-menu li.top a{display:inline-block;padding:15px 0;border:1px solid #000;width:50px;height:50px;font-weight:700;color:#000;box-sizing:border-box;border-radius:50%}
.sitemap-area{display:none;padding:80px 0;box-shadow:4px 4px 9px rgba(0,0,0,0.3);position:absolute;top:229px;left:0;z-index:30;width:100%;height:545px;background:#eee;box-sizing:border-box}
.sitemap-area > div{padding:0 45px;height:100%;box-sizing:border-box;}
.sitemap-area .cont{margin-right:10px;padding:30px 0px 30px 40px;border:1px solid rgba(0,0,0,0.15);height:100%;box-sizing:border-box}
.sitemap-area .cont:nth-child(1){width:165px;}
.sitemap-area .cont:nth-child(2){width:435px;}
.sitemap-area .cont:nth-child(3){width:235px;}
.sitemap-area .cont:nth-child(4){width:235px;}
.sitemap-area .cont h3{margin-bottom:20px;}
.sitemap-area .cont li{margin-bottom:10px;}
.sitemap-area .cont li:last-child{margin-bottom:0px;}
.sitemap-area .cont li a:hover{border-bottom:1px solid #e8382f;font-weight:700;color:#e8382f}
.sitemap-area .cont > div{margin-right:50px;}
.sitemap-area .cont > div h4{margin-bottom:12px;padding-bottom:5px;border-bottom:1px solid #000;font-size:18px;}
.bankpopup{padding:25px 15px;box-shadow:0px 0px 5px rgba(0,0,0,0.5);position:absolute;top:0;left:0px;z-index:-1;width:245px;height:145px;background:#fff;opacity:0;box-sizing:border-box;}
.bankpopup h3{margin-bottom:20px;font-size:16px;} 
.bankpopup h3 span{font-size:12px;}
.bankpopup li{margin-top:10px;width:100%;height:auto;background:none!important;}
.bankpopup li h4{font-size:14px;}
.bankpopup li h4 span{font-size:16px;color:#e8382f;}
.bankpopup li p{margin-top:5px;margin-left:12px;font-size:19px;font-weight:900;color:#e8382f;}
/*이용약관*/
.provision{display:none; position:fixed; top:0; left:0;z-index:999; width:100%; height:100%}
.popup_pv_bg{position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: #000; opacity: 0.7;}
.popup_pv{ display: inline-block; padding: 30px 90px; box-shadow: 3px 3px #ddd;position: fixed; top: 50%; left: 50%; z-index: 9000; width: 1200px; height: 630; background: #fff; text-align: center; transform: translateX(-50%) translateY(-50%); border-radius: 25px; box-sizing: border-box;}
.popup_pv .tabs{ margin: 0 auto; margin-top: 10px;width: 640px; height: 20px;}
.popup_pv .tabs ul{padding: 0; margkn: 0;}
.popup_pv .tabs ul li{display: inline-block;width:50%;}
.popup_pv .tabs ul li a{display: inline-block; padding-top:10px;  border: 1px solid #fff; width:100%; height: 40px; background: #999; font-size: 16px; color: #fff; text-align: center; transition: all 0.3s; box-sizing: border-box;}
.popup_pv .tabs ul li a:hover{background: #61687f;}
.popup_pv .tabs ul li a.on{background: #e8382f;}
.popup_pv h4{font-size: 36px; font-weight: normal; color: #333;}
.popup_pv .contentbox{margin: 0 auto; margin-top: 50px;padding:20px 30px;border:1px solid #ddd;overflow-y:scroll;width: 1040px;height:400px;text-align:left;box-sizing:border-box;}
.popup_pv .contentbox .cont{display:none;}
.popup_pv .contentbox .cont.cont1{display:block;}
.popup_pv .scbutton{ margin: 0 auto; margin-top: 40px;width: 110px; height: 40px; text-align: center; }
.popup_pv .scbutton a{ display: block; padding-top:10px; border: 1px solid #e8382f; width: 110px; height: 40px;font-size: 16px; color: #e8382f; border-radius: 5px; box-sizing: border-box;}
.popup_pv .pv_close{ position: absolute; top: 30px; right: 30px;width: 22px; height: 22px; background: url(/resources/img/sub/sitemapclose.png); cursor: pointer;}