@charset "utf-8";

/* Layout */
.wrap{position:relative;min-width:320px;}
#container{position:relative;padding-top:58px;}
#content{padding:0 0 60px 0;min-height:320px;border-top:1px solid #e8e8e8;}
.layerDim{overflow:hidden;position:fixed}
.layerDim:after{content:'';display:block;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background:#000;opacity:0.6;}

/* Floating Menu */
.wrapFloatContainer{position:relative;z-index:100}
.wrapFloatContainer.active{z-index:101}
.btnFloat{display:block;text-indent:-999em;position:fixed;right:20px;bottom:101px;z-index:50;width:50px;height:50px;background:url(../images/common/btn_floating.png) no-repeat;background-size:50px}
.btnScrollTop{display:none;text-indent:-999em;position:fixed;right:20px;bottom:166px;z-index:50;width:50px;height:50px;background:url(../images/common/btn_floating_top.png) no-repeat;background-size:50px}
.wrapFloating{display:none;position:relative;z-index:55}
.wrapFloating .dimm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;width:100%;height:100%;background:#000;opacity:.6;}
.wrapFloatingCont{position:fixed;top:0;left:0;z-index:60;width:100%;height:100%;font-size:12px}
.wrapFloatingCont .areaFloating{display:block;position:absolute;right:20px;bottom:101px;width:50%;height:340px;margin:-340px 0 0;text-align:right}
.wrapFloatingCont .areaFloating li{position:absolute;right:0;bottom:0;}
.wrapFloatingCont .areaFloating li a{display:table;width:100%}
.wrapFloatingCont .areaFloating a strong{display:table-cell;padding-right:15px;color:#fff;vertical-align:middle;text-align:right;font-family:'notokr-medium'}
.wrapFloatingCont .areaFloating a em{display:table-cell;width:50px;height:50px;background:url(../images/common/ico_floating.png) no-repeat;background-size:50px;vertical-align:middle}
.wrapFloatingCont .areaFloating a .ico_prd01{background-position:0 0;}
.wrapFloatingCont .areaFloating a .ico_prd02{background-position:0 -65px;}
.wrapFloatingCont .areaFloating a .ico_prd03{background-position:0 -130px;}
.wrapFloatingCont .areaFloating a .ico_prd04{background-position:0 -195px;}
.wrapFloatingCont .areaFloating a .ico_prd05{background-position:0 -260px;}
.wrapFloatingCont .areaFloating a .ico_prd06{background-position:0 -325px;}
.wrapFloatingCont .areaFloating a .ico_prd07{background-position:0 -390px;}
.wrapFloatingCont .btnCloseAll{display:block;text-align:left;text-indent:-999em;position:absolute;right:0;bottom:0;width:50px;height:50px;background:url(../images/common/btn_floating_close.png) no-repeat;background-size:50px}
.wrapFloatContainer .layerCont .menuFloating{padding:35px 20px 0 20px}
.wrapFloatContainer .layerCont .menuFloating li{margin-top:20px}
.wrapFloatContainer .layerCont .menuFloating li:first-child{margin-top:0}
.wrapFloatContainer .layerCont .menuFloating li > a{display:block;}
.main .btnFloat{bottom:40px;}
.main .btnScrollTop{bottom:105px;}
.main .wrapFloatingCont .areaFloating{bottom:40px;}

/* Header */
#header{position:fixed;top:0;left:0;right:0;width:100%;min-width:320px;height:58px;background:#fff;z-index:100;-webkit-transform: translateZ(0px);-webkit-transform: translate3d(0,0,0);-webkit-overflow-scrolling:touch}
#header.noFixed{position:relative}
#header h1{padding:20px 0 0 58px;font-size:20px;}
#header h1.logo{padding:11px 0 0 0;}
#header h1.logo a{display:block;width:70px;height:35px;margin:0 auto;background:url('/asset/images/common/logo.png') no-repeat top left;background-size:70px auto;text-indent:-999em;}
#header h1 .skmagic{display:inline-block;width:83px;height:23px;background:url('/asset/images/common/logo_skm.png') no-repeat top left;background-size:83px 23px;text-indent:-999em;vertical-align:middle;} /*다이렉트 렌탈 sk매직 로고*/
#header h1 .direct{display:inline-block;width:53px;height:15px;margin-left:8px;background:url('/asset/images/common/logo_direct.png') no-repeat top left;background-size:53px 15px;text-indent:-999em;vertical-align:middle;} /*다이렉트 렌탈 로고*/
#header h1 .live{display:inline-block;position:relative;padding-right:23px;background:url('/asset/images/common/ico_skmlive.png') no-repeat right top;background-size:18px 18px;} /*매직 LIVE*/

#header .btnPrev{display:block;position:absolute;top:20px;left:20px;width:23px;height:18px;background:url('/asset/images/common/btn_prev.png') no-repeat top left;background-size:100%;text-indent:-999em;}
#header .btnGnb{display:block;position:absolute;top:20px;left:20px;width:23px;height:18px;background:url('/asset/images/common/btn_gnb.png') no-repeat top left;background-size:100%;text-indent:-999em;}

#header .utilMenu{position:absolute;top:18px;right:20px;}
#header .utilMenu > a{height:21px;margin-left:15px;background-size:100%;vertical-align:middle;text-indent:-999em;}
#header .btnLike{position:relative;width:23px;}
#header .btnLike:after{content:'';display:block;position:absolute;left:0;top:0;width:23px;height:21px;background:url('/asset/images/common/btn_likeit.png') no-repeat top left;background-size:50px 21px;}
#header .btnLike.on:after{background-position:100% 0;}
#header .btnSNS{width:19px;background:url('/asset/images/common/btn_sns.png') no-repeat top left;}
#header .btnMember{width:18px;background:url('/asset/images/common/btn_member.png') no-repeat top left;}
#header .btnCart{position:relative;width:21px;background:url('/asset/images/common/btn_cart.png') no-repeat top left;}
#header .btnCart span{position:absolute;top:-6px;right:-6px;display:inline-block;width:16px;height:16px;background-color:#de4f41;border-radius:50%;color:#fff;font-family:'NotoKR-Medium';font-size:8px;line-height:16px;text-align:center;text-indent:-1px;}
#header .btnHome{width:22px;background:url('/asset/images/common/btn_home.png') no-repeat top left;}
#header .btnBookMark{width:17px;background:url('/asset/images/common/btn_bookmark.png') no-repeat top left;}
#header .btnCenter{width:21px;background:url('/asset/images/common/btn_customercenter.png') no-repeat top left;}
#header .btnExit{width:20px;height:20px;background:url('/asset/images/common/btn_exit.png') no-repeat top left;}
#header .btnhSearch{width:21px;background:url('/asset/images/common/btn_header_search.png') no-repeat top left;}

.layerPop{display:none;overflow-y:auto;position:absolute;z-index:1001;min-width:320px;height:100%;background-color:#fff;-webkit-overflow-scrolling:touch;}
.layerPop.page{display:block;position:relative;z-index:1;overflow-y:inherit;}
.layerPop > .layer{position:relative;}
.layerPop > .layer > .btnClose{overflow:hidden;position:absolute;top:20px;right:20px;width:20px;height:20px;background:url('/asset/images/common/btn_close.png') no-repeat center center;background-size:20px;text-indent:-999em;}
.layerPop .layerCont{padding:50px 20px 100px 20px;background-color:#fff;}
.layerPop .layerCont .title{position:relative;/*margin-top:-10px;*/}
.layerPop .layerCont .title .tit{display:block;padding:0 0 24px 0;color:#222;font-family:'NotoKR-Regular';font-size:28px;line-height:30px;}

.layerPop.navy{background-color:#373b46}
.layerPop.navy .layerCont{background-color:#373b46}
.layerPop.navy .layer > .btnClose{background-image:url('/asset/images/common/btn_white_close.png') }

.layerPop.pop{display:none;width:100%;height:auto;padding:20px;background-color:transparent;}
.layerPop.pop.layerPopDim:after{content:'';display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;z-index:-1}
.layerPop.pop .layerCont{padding:50px 30px 40px 30px;border-radius:3px;}
.layerPop.pop .layerCont .title .tit{font-family:'NotoKR-Medium';font-size:20px;line-height:1;}
.layerPop.pop .btmArea{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:auto;margin:-3px 0 0 0;background-color:transparent;}
.layerPop.pop .btmArea .btnm,
.layerPop.pop .btmArea .btnb{border-radius:0 0 3px 3px}
.layerPop.pop .btmArea.half .btnm,
.layerPop.pop .btmArea.half .btnb{border-radius:0 0 3px 0;}
.layerPop.pop .btmArea.half .btnm:first-child,
.layerPop.pop .btmArea.half .btnb:first-child{border-radius:0 0 0 3px;}

.layerPop.main{display:flex;display:-webkit-flex;position:fixed;top:0;width:100%;height:100%;align-items:center;-webkit-align-items:center;}
.layerPop.main:after{content:'';display:block;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,.3);}
.layerPop.main .layer{}
.layerPop.main .layerCont{padding:0;}
.layerPop.main .layerCont img{width:100%;}

.layerPop.mypage .layerCont{padding:0}
.layerPop.mypage .topBox{padding:50px 40px;}
.layerPop.mypage .section{padding:30px 20px;background:#fff}
.layerPop.mypage .section.bgG{background:#f4f4f4}
.layerPop.mypage .section .ctit{font-size:15px;margin:0 0 15px 0;}
.layerPop.mypage .section .ctit .link{top:0;}
.layerPop.mypage .infoShop{margin:0 -20px 30px -20px;background:#fff}
.layerPop.mypage .infoShop ul{font-size:0;border-top:1px solid #e8e8e8;overflow:hidden;}
.layerPop.mypage .infoShop li{display:inline-block;vertical-align:top;width:50%;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8}
.layerPop.mypage .infoShop li:nth-child(odd){border-left:none}
.layerPop.mypage .infoShop li a{display:block;padding:16px 20px;}
.layerPop.mypage .infoShop li a:after{display:block;clear:both;content:''}
.layerPop.mypage .infoShop li strong{display:block;float:left;font-size:13px;font-family:'NotoKR-Regular';color:#666}
.layerPop.mypage .infoShop li em{display:block;float:right;font-size:13px;font-family:'NotoKR-Medium';color:#de4f41}
.layerPop.mypage .tabArea .tab{border-bottom:none;margin-bottom:15px;table-layout:auto;}
.layerPop.mypage .tabArea .tab li a{height:auto;line-height:1;background:transparent;font-family:'NotoKR-Light';font-size:13px;color:#666;text-align:left}
.layerPop.mypage .tabArea .tab li.on a{color:#222;font-family:'NotoKR-Medium';text-decoration:underline}
.layerPop.mypage .tabArea .tab li.on a:after{display:none}
.layerPop.mypage .btnrBox{font-size:0;}
.layerPop.mypage .btnrBox li{display:inline-block;vertical-align:top;width:33.4%;text-align:center;border:1px solid #e8e8e8;margin:-1px 0 0 -1px;}
.layerPop.mypage .btnrBox li a{display:block;padding:16px 5px;background:#fff;color:#666;font-size:13px;}
.layerPop.mypage .btnrBox li.col2{width:100%;}
.layerPop.mypage .btnrBox li.col3{width:50%;}
.layerPop.mypage .searchBox{margin-bottom:20px}
.layerPop.mypage .txtList{overflow:hidden;border:1px solid #e8e8e8;border-radius:3px;margin-bottom:20px;padding:12px 20px}
.layerPop.mypage .txtList > li{font-family:'NotoKR-Regular';line-height:25px;}
.layerPop.mypage .txtList > li:before{top:10px}
.layerPop.mypage .txtList > li em.new{margin-top:4px;}
.layerPop.mypage .btnm{border:1px solid #e8e8e8;font-size:15px;}
.layerPop.mypage .layer > .btnClose{background-image:url('/asset/images/common/btn_white_close.png') }
.layerPop.mypage .layer .btnSetting{position:absolute;right:55px;top:19px;width:21px;height:21px;background:url('/asset/images/common/btn_setting.png') no-repeat left top;background-size:21px;text-indent:-999em;}

.layerPop.pop.imgView{width:100%;height:auto;padding:60px 20px 20px 20px;background-color:transparent;}
.layerPop.pop.imgView .layerCont{padding:0;border-radius:0;background-color:transparent;}
.layerPop.pop.imgView > .layer > .btnClose{top:-40px;right:0;background:url('/asset/images/common/btn_closew.png') no-repeat center center;background-size:20px;}
.layerPop.pop.imgView .imgList{position:relative;}
.layerPop.pop.imgView .slide{overflow:hidden;position:relative;}
.layerPop.pop.imgView .slide .inner{margin-bottom:35px;background-color:#fff;}
.layerPop.pop.imgView .slide ul li{width:100%;height:100%;min-height:320px;max-height:500px;background-color:#fff;text-align:center;}
.layerPop.pop.imgView .slide ul li span{}
.layerPop.pop.imgView .slide ul li img{width:auto;}
.layerPop.pop.imgView .slide ul li span.w100 img{width:auto;max-width:100%;height:auto;max-height:100%;}
.layerPop.pop.imgView .slide ul li.after span{display:block;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.layerPop.pop.imgView .slide .pagination{position:absolute;bottom:0;width:100%;height:35px;padding-top:15px;text-align:center;font-size:0;line-height:0;}
.layerPop.pop.imgView .slide .pagination span{display:inline-block;width:6px;height:6px;margin:0 4px;border-radius:6px;background-color:#8a8a8a;opacity:1}
.layerPop.pop.imgView .slide .pagination span.active{background-color:#fff;}
.layerPop.pop.imgView .slide .btnCtrl a{overflow:hidden;display:block;position:absolute;top:50%;z-index:10;width:22px;height:38px;margin-top:-43px;background:rgba(0,0,0,.2);text-indent:-999em;}
.layerPop.pop.imgView .slide .btnCtrl a:after{content:'';display:block;position:absolute;left:50%;top:50%;width:13px;height:24px;margin:-12px 0 0 -7px;background:url('/asset/images/common/sp_swiper_nav_w.png') no-repeat;background-size:29px;}
.layerPop.pop.imgView .slide .btnCtrl a.btnPrev{left:0;}
.layerPop.pop.imgView .slide .btnCtrl a.btnNext{right:0;}
.layerPop.pop.imgView .slide .btnCtrl a.btnNext:after{background-position:-16px 0;}

.layerPop.iframePop, .layerPop.iframePop .layer, .layerPop.iframePop .layer .layerCont{height:100%;}
.layerPop.iframePop .layerCont{padding:0;}
.layerPop.iframePop .btnClose{width:30px;height:30px;background:url('/asset/images/common/btn_closes.png') no-repeat center center;background-size:15px;}
.layerPop.iframePop .layerCont.play{padding-top:60px;background:#000;}
.layerPop.iframePop .layerCont.play .btnClose{width:30px;height:30px;background:url('/asset/images/common/btn_closew.png') no-repeat center center;background-size:20px;}
.layerPop.iframePop .layerCont.play iframe{z-index:2000;}

.winnerTitle{padding-bottom:20px;font-size:24px;line-height:30px}
.winnerTitle em{color:#f25462}
.winnerTitleInfo{padding:0 20px;font-size:15px;line-height:22px;}
.winnerTitleInfo .txtList{margin:10px 0 20px 0;}
.winnerTitleInfo .txtList li{padding-left:8px;letter-spacing:-1px;color:#666;}

.btmArea{position:fixed;left:0;right:0;bottom:0;z-index:100;height:60px;background-color:#444;color:#fff;font-size:0;line-height:0;}
.btmArea .btnm,
.btmArea .btnb{border-radius:0;}
.btmArea.half .btnm,
.btmArea.half .btnb{width:50%;}
.btmArea.fixBtn{}
.btmArea.fixBtn .inner{position:relative;padding:0 0 0 63px;}
.btmArea.fixBtn .inner .btnb.cart,
.btmArea.fixBtn .inner .btnb.refresh{position:absolute;top:0;left:0;}
.btmArea.fixBtn .inner .btnb.refresh{width:63px !important;text-indent:-999em;}
.btmArea.fixBtn .inner .btnb.refresh:before{position:absolute;top:17px;left:19px;}
.btmArea.fixBtn .inner .btnb.bk{border:1px solid #3a3a3a !important;background-color:#3a3a3a !important;}

.popMsg p{font-family:'NotoKR-Light';font-size:15px;line-height:20px;}
.popMsg p.top{font-size:20px;line-height:25px;color:#222;}
.popMsg p + p{margin-top:10px;}
.popMsg .txtList.sec{margin-top:12px;padding-top:12px;border-top:1px solid #e8e8e8;}
.layerPop.pop .popMsg p{font-size:13px;line-height:20px;}
.layerPop.pop .popMsg p.top{}
.layerPop.pop .popMsg p + p{margin-top:10px;}

.layerPop .layerCont .txtWrap{padding:0;}
.layerPop .layerCont .btnArea{padding:0;}

/* Footer */
#footer{max-height:10000px;padding:20px 20px 25px 20px;background:#222222;color:#999999;}
#footer *{font-family:'NotoKR-Light';color:#999999;font-size:12px;line-height:18px;}
#footer img{width:100%}
#footer > ul{padding-bottom:15px;font-size:0;line-height:0;}
#footer > ul li{display:inline-block;}
#footer > ul li a{font-family:'NotoKR-Medium';font-size:12px;line-height:1;}
#footer > ul li:before{content:'';display:inline-block;width:1px;height:12px;margin:-4px 8px 0 8px;background-color:#444444;vertical-align:middle;}
#footer > ul li:first-child:before{display:none;}
#footer address span{display:block;}
#footer address span strong:before{content:'';display:inline-block;width:1px;height:12px;margin:-1px 12px 0 10px;background:#3c3c3c;vertical-align:middle;}
#footer p span{display:block;}
#footer p .link{margin-left:5px;}
#footer p.copyright{margin-top:15px;text-transform:uppercase;}
#footer .familySite{position:relative;margin:20px 0 5px;}
#footer .familySite a{width:100%;height:50px;padding:0 20px;background:#292929;font-size:15px;line-height:50px;font-family:'NotoKR-Light';color:#999;}
#footer .familySite > a{position:relative;border-radius:3px;}
#footer .familySite > a:after{content:'';display:block;position:absolute;right:20px;top:50%;width:15px;height:8px;margin-top:-4px;background:url('/asset/images/common/btn_familysite_off.png') no-repeat;background-size:100%;}
#footer .familySite.on > a{border-radius:0 0 3px 3px;}
#footer .familySite.on > a:after{background:url('/asset/images/common/btn_familysite_on.png') no-repeat;background-size:100%;}
#footer .familySite.on .list{display:block;}
#footer .familySite .list{display:none;position:absolute;left:0;bottom:50px;width:100%;}
#footer .familySite .list ul li{border-bottom:1px solid #222;}
#footer .familySite .list ul li:first-child a{border-radius:3px 3px 0 0;}

/*heading*/
.ctit{display:block;position:relative;margin:30px 20px 15px 20px;font-family:'NotoKR-Medium';font-size:17px;line-height:1;color:#222;}
.ctit + p.txt{margin-top:-10px;font-family:'NotoKR-Light';font-size:13px;line-height:18px;}
.ctit a.link,
.ctit a.links{position:absolute;top:2px;right:0;font-family:'NotoKR-Light';font-size:13px;color:#444;}
.ctit.count{font-family:'NotoKR-Regular';font-size:13px;}
.ctit.count em{padding:0 2px;font-family:'NotoKR-Medium';color: #de4f41;}
.ctit.sz{margin-bottom:15px;font-size:13px;}
.ctit.sz a.link,
.ctit.sz a.links{top:0;}
.ctit.sz .refer{vertical-align:1px;}

.ctit a.btnMore{display:inline-block;width:16px;height:16px;position:absolute;top:50%;right:20px;margin-top:-3px !important;background:url('/asset/images/common/btnmore.png') no-repeat;background-size:100%;}
.ctit a.btnMore span{font-size:0;}

#content > .ctit:first-child{margin-top:0;}
.layerCont .title + .ctit{margin-top:0;}
.layerCont > .ctit{margin-left:0;margin-right:0;font-family:'NotoKR-Bold';}

/*sub content*/
.inWrap{padding:0 20px;}

/*다이렉트 렌탈*/
.directMain{height:100%;background:url('/asset/images/common/img_direct_main.png') no-repeat center;background-size:cover}
.directMain #header{background:transparent;}
.directMain #header h1 .skmagic{background:url('/asset/images/common/logo_skm_w.png') no-repeat top left;background-size:83px 23px;} /*다이렉트 렌탈 sk매직 로고*/
.directMain #header h1 .direct{background:url('/asset/images/common/logo_direct_w.png') no-repeat top left;background-size:53px 15px;} /*다이렉트 렌탈 로고*/
.directMain #header .btnPrev{background:url('/asset/images/common/btn_prev_w.png') no-repeat top left;background-size:100%;}
.directMain #header .btnExit{height:20px;background:url('/asset/images/common/btn_exit_w.png') no-repeat top left;background-size:100%;}
#content.directRental{background:#fff;position:absolute;width:100%;padding:0 0 100px 0;border-top:0;}
#content.directRental.shadow{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.62),0 6px 6px rgba(0,0,0,.23);box-shadow:0 10px 20px rgba(0,0,0,.62),0 6px 6px rgba(0,0,0,.23)}
#content.directRental.complete{position:static;}
.directMain #content.directRental{background:transparent;position:static}

@media (min-height:670px) {
	#content{min-height:400px;}
}