@charset "utf-8";

/* visual */
#mainVisual{width:100%;position:relative;height:620px;overflow:hidden;background:#ccc}
#mainVisual .visualslide{width:2000px;height:620px;position:absolute;left:50%;top:0;margin-left:-1000px;}
#mainVisual .visualslide .slideList li{width:2000px;height:620px;position:relative;}
#mainVisual .visualslide .slideList li .imgbg{position:relative; left:0;top:0;}
#mainVisual .visualslide .slideList li .cont{width:1200px;position:absolute;top:200px;left:52%;margin-left:0px; z-index:10;text-align:left;}
#mainVisual .bx-controls-direction{width:1200px; margin:0 auto;}
/*#mainVisual .bx-prev{position:absolute;left:50%;top:239px;background:url('../../images/os/new_img1/main/btn_vprev.png') no-repeat 0 0;width:70px;height:70px;z-index:100;text-indent:-9999px;margin-left:-648px;}
#mainVisual .bx-next{position:absolute;right:50%;top:239px;background:url('../../images/os/new_img1/main/btn_vnext.png') no-repeat 0 0;width:70px;height:70px; z-index:100;text-indent:-9999px;margin-right:-641px;}*/
#mainVisual .visualslide .bx-pager{width:1200px;position:absolute;left:50%;bottom:20px;z-index:100;text-align:center;margin-left:-600px;}
#mainVisual .visualslide .bx-pager .bx-pager-item{display:inline-block;margin-left:10px;width:18px;height:18px;}
#mainVisual .visualslide .bx-pager .bx-pager-item a{background:url('http://www.trimonkey.co.kr/myoffice/images/os/new_img1/main/btn_visual.png') no-repeat 0 0;width:18px;height:18px;display:inline-block;overflow:hidden; text-indent:-9999px;}
#mainVisual .visualslide .bx-pager .bx-pager-item a.active{background:url('http://www.trimonkey.co.kr/myoffice/images/os/new_img1/main/btn_visual_on.png');}
.VisSns{position:absolute;bottom:10px;right:50%;margin-right:-600px;background:rgba(255,255,255,0.3);border:1px solid rgba(255,255,255,0.5);padding:12px 15px;border-radius:30px;z-index:9000;}
.VisSns a{display:block;float:left;width:34px;height:34px;background:#777;border-radius:50%;margin:0 5px;text-align:center;transition-duration: 0.5s;}
.VisSns a i{font-size:18px;line-height:34px;color:#fff;}
.VisSns a.snska{background:#777 url('../../images/os/new_img1/main/sns_ka.png');}
.VisSns a.snska:hover{background:#ffcd00 url('../../images/os/new_img1/main/sns_ka.png');}
.VisSns a.snsbd{background:#777 url('../../images/os/new_img1/main/sns_bd.png');}
.VisSns a.snsbd:hover{background:#17a527 url('../../images/os/new_img1/main/sns_bd.png');}
.VisSns a.snsfb:hover{background:#46639c;}
.VisSns a.snsblog {background:#777 url('../../images/os/new_img1/main/blog_icon.png') no-repeat 50% 60%; background-size:22px 22px;}
.VisSns a.snsblog:hover{background:#f47628 url('../../images/os/new_img1/main/blog_icon_hover.png') no-repeat 50% 60%; background-size:22px 22px;}
.VisSns a.snsyou:hover{background:#d02330;}
.VisSns a.snsins:hover{background:#5e4d48;}

.VisCont{width:100%;background:#313d52;}
.VisCont ul{width:1200px; margin:0 auto;display: table;}
.VisCont ul li{text-align: center;width: 200px;position: relative;display: table-cell;line-height: 24px;vertical-align: middle;height: 80px;}
.VisCont ul li:last-child:after{content: "";position:absolute;top:15px; right:0; width: 1px; background:#505d72; height: 50px;}
.VisCont ul li:before{content: "";position:absolute;top:15px; left:0; width: 1px; background:#505d72; height: 50px;}
.VisCont li {}
.VisCont li a{font-family: 'Montserrat', sans-serif;font-size:16px;/* line-height: 24px; */color:#fff;font-weight: 600;}
.VisCont li dd{font-size:14px;color:#a1a7b3;}
.VisCont li dd.Btn{position:absolute;top:10px;right:0;}
.VisCont li dd.Btn a{display:block;border:1px solid #505d72;padding:10px 20px;color:#d5d5d5;transition-duration:0.5s;}
.VisCont li:hover{background:#4863b3;color:#fff;}

.BrandInner{position: relative;width:100%;background:#f6f6f6;padding:100px 0;}
.BrandInner #slides {width:1200px;height:400px;margin:0 auto;overflow:hidden;margin-bottom:100px;}
#slides {width:100%;margin:0 auto;position: relative;}
#slides .slidesjs-control{width:1200px; height:400px !important;}
/*#slides a.slidesjs-next,
#slides a.slidesjs-previous,
#slides a.slidesjs-play,
#slides a.slidesjs-stop {display:block;position:absolute;	text-indent:-9999px;z-index:9900;}
#slides a.slidesjs-next {width:29px;height:56px;background:url('../../images/os/new_img1/main/pd_arr_right.png') no-repeat;top:235px;right:50%;margin-right:-660px;}
#slides a.slidesjs-previous {width:29px;height:56px;background:url('../../images/os/new_img1/main/pd_arr_left.png') no-repeat;top:235px;left:50%;margin-left:-660px;}
#slides a.slidesjs-play {width:7px;height:13px;background:url('../../images/os/new_img1/main/new_controls.png') -71px 0;top:372px;left:50%;margin-left:-15px;}
#slides a.slidesjs-stop {width:13px;height:13px;background:url('../../images/os/new_img1/main/new_controls.png') -58px 0;top:372px;left:50%;margin-left:-15px;}
*/
#slides .slidesjs-pagination{height:6px !important;margin:0 auto;position:absolute;bottom:60px;left:112px;z-index:9000;}
#slides .slidesjs-pagination li {float: left;margin: 0 5px;}
#slides .slidesjs-pagination li a{display:block;width:25px;height:6px;background:#d6d6d6;border-radius:3px;}
#slides .slidesjs-pagination li a.active, #slides .slidesjs-pagination li a:hover.active {background:#313d52;}



/* 쇼핑몰 서브배너 슬라이드 */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 051 css*/
        .jssorb051 .i {position:absolute;cursor:pointer;}
        .jssorb051 .i .b {fill:#fff;fill-opacity:0.5;}
        .jssorb051 .i:hover .b {fill-opacity:.7;}
        .jssorb051 .iav .b {fill-opacity: 1;}
        .jssorb051 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 051 css*/
        .jssora051 {display:block;position:absolute;cursor:pointer;}
        .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
        .jssora051:hover {opacity:.8;}
        .jssora051.jssora051dn {opacity:.5;}
        .jssora051.jssora051ds {opacity:.3;pointer-events:none;}
        
.shopBannerWrap {position:relative; width:580px;}
.shopBannerWrap .shopSubBnrWrap .shopBtn{width:136px; position:absolute; bottom:50px; left:50%; transform:translateX(-50%);}
.shopBannerWrap .shopSubBnrWrap .shopBtn a{float:left;display:inline-block;padding:12px 30px;border-radius:23px;background:#fff;font-size:14px;color:#808080;margin-right:10px;transition-duration:0.5s;}
.shopBannerWrap .shopSubBnrWrap .shopBtn a:hover{background:#313d52;color:#fff;}
.shopBannerWrap .shopSubBnrWrap .shopBtn a:last-child {margin-right:0;}

.BrandRolling .MPdBox{float:left;width:400px;height:400px;background:#fff;margin-right:30px;padding:70px 40px;box-sizing:border-box;text-align:center;}
.MPdBox .PdTit{display:inline-block;font-family: 'Montserrat', sans-serif;font-size:15px;color:#313d52;font-weight:600;text-transform: uppercase;border:2px solid #313d52;padding:12px 50px;border-radius:24px;}
.MPdBox dt{font-size:24px;color:#333;line-height:35px;margin:30px 0;}
.MPdBox dd{font-family: 'Cabin', sans-serif;font-size:15px;color:#808080;font-style:italic;}
.BrandRolling .MPdImg{float:right;width:770px;height:400px;position: relative;}
.BrandRolling .Pd01{background:url('../../images/os/new_img1/main/homeBrand01.jpg') no-repeat}
.BrandRolling .Pd02{background:url('../../images/os/new_img1/main/homeBrand02.jpg') no-repeat}
.BrandRolling .Pd03{background:url('../../images/os/new_img1/main/homeBrand03.jpg') no-repeat}
.BrandRolling .Pd04{background:url('../../images/os/new_img1/main/homeBrand04.jpg') no-repeat}
.BrandRolling .Pd05{background:url('../../images/os/new_img1/main/homeBrand05.jpg') no-repeat}
.BrandRolling .Btn{position:absolute;bottom:50px;left:60px;}
.BrandRolling .Btn a{float:left;display:inline-block;padding:12px 50px;border-radius:23px;background:#fff;font-size:14px;color:#808080;margin-right:15px;transition-duration:0.5s;}
.BrandRolling .Btn a:hover{background:#313d52;color:#fff;}

.BrandMv{width:1200px;height:400px;margin:0 auto;}
.BrandMv .BMv{float:left;width:770px;height:400px;margin:0 auto;margin-right:30px;}
.BrandMv .MvBox{position: relative;float:right;width:400px;height:400px;background:#fff;/* padding:50px 40px 0 50px; */box-sizing:border-box;}
.MvBox dl:before{content:"";width: 5px;height: 40px;background-color: #313d52;position: absolute;/* margin-left: -10px; */top: 70px;left: 50px;}
.MvBox dl{width:100%;height:75px;padding-top:15px;margin-bottom:20px;}
.MvBox dl dt{font-size:20px;color:#494949;line-height:28px;}
.MvBox dl dd{font-family: 'Cabin', sans-serif;font-size:15px;color:#808080;font-style:italic;}
.MvBox p{font-size:15px;color:#808080;line-height:26px;}
.MvBox .IconBd{width:75px; height:75px;position: absolute;top:0; right:0;background: url('../../images/os/new_img1/main/mv_logo.png') no-repeat top left;font-size:18px;color:#fff;font-weight:500;}
.MvBox img{width:100%; height:100%;}

.MainTit{}
.MainTit h2{font-family: 'Montserrat', sans-serif;font-size:50px;color:#000;line-height:50px;}
.MainTit h2 span{font-weight:600;}
.MainTit h2:after{content: "";display: block;width: 35px;background:#000;height: 2px;margin:20px 0;}
.MainTit p{font-size:15px;color:#808080;line-height:24px}

.NowInner{position: relative;width:1200px;margin:100px auto;}
.NowInner .MainTit{position: absolute;top:0; left:310px;}
.NowInner .Now{position: relative;width:100%;margin:0 auto;padding-top:120px;}
.Now .NowList.Mgt{margin-top:150px;}
.Now .NowList.Mgt2{margin-top:120px;}
.Now a{float:left;width:270px;margin-left:40px;}
.Now a:first-child{margin-left:0;}
.NowList li.NowHover{padding:0;}
.NowHover{text-align:center;display:inline-block;}
.NowHover img{transition:all 2s;}
.NowHover img:hover{transform:rotateY(190deg);}
.NowList li{font-family: 'Montserrat', sans-serif;font-size:15px;color:#ef424d;font-weight:600;text-transform: uppercase;padding:20px 0;}
.NowList dl dt{font-size:16px;color:#404040;height:24px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.NowList dl dd{font-size:14px;color:#808080;line-height:20px;padding-top:10px;}
.NowList dl dd.Date{font-size:13px;}

.GlobalInner{width:100%;height:600px;background:url('../../images/os/new_img1/main/global_bg.jpg') no-repeat center;}
.GlobalInner .Global{width:1200px;margin:0 auto;padding:110px 0;}
.Global .MainTit h2, .Global .MainTit p{color:#fff !important;}
.Global .MainTit h2:after{background:#fff !important;}
.Global .GlobalL{float:left;width:300px;}
.GlobalBtn{margin-top:60px;}
.GlobalBtn a{display:block;float:left;width:135px;padding:8px 0;font-size:13px;color:#fff;background:#313d52;text-align:center;text-transform: uppercase;border:1px solid #505d72;margin:0 10px 10px 0;transition-duration:0.5s;}
.GlobalBtn a:hover{color:#fff;border:1px solid #505d72;background:#505d72;}
.Global .GlobalR{position: relative;float:right;width:900px;height:400px;background:url('../../images/os/new_img1/main/global_map.png') no-repeat -50px;}
.Global .G01{position: absolute;top:132px;left:378px;}
.Global .G02{position: absolute;top:170px;left:368px;}
.Global .G03{position: absolute;top:150px;left:410px;}

.MainContBtm{position: relative;width:100%;background:#e9f1f3;padding:100px 0;}
.MainContBtm .MNotice{width:1200px;margin:0 auto;background:#fff;}
.MainContBtm .MNotice .TitBtn a{color:#4863b3;border:1px solid #4863b3;margin-top:60px;}
.MainContBtm .MNotice .TitBtn a:hover{color:#bac6d8;background:#4863b3;border:1px solid #4863b3;}
.MNotice .MainTit{float:left;width:600px;height:400px;background:url('../../images/os/new_img1/main/apyld_notice_banner.jpg') no-repeat right;padding:40px 50px;box-sizing:border-box;}
.MNotice .NoList{float:right;width:600px;height:400px;padding:25px 50px;box-sizing:border-box;}
.MNotice .NoList li{height:70px;line-height:70px;border-top:1px solid #e5e5e5;padding:0 10px;}
.MNotice .NoList li:first-child{border-top:0;}
.MNotice .NoList li p{float:left;width:80%;}
.MNotice .NoList li p a{display:block;font-size:16px;color:#404040;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;transition-duration:0.5s;}
.MNotice .NoList li p a:hover{color:#304993;text-decoration:underline;}
.MNotice .NoList li span{float:left;width:20%;text-align:right;font-size:13px;color:#9e9e9e;}

.MainContBtm .MMapInner{width:1200px;height:330px;margin:0 auto;margin:100px auto 30px;position:relative;}
.MMapInner .MMap{position:absolute; top:0; left:0; z-index:999; width:380px;height:330px;background: rgba(47,92,135,0.8);padding:40px 0 40px 60px;box-sizing:border-box;}
.MMap h2{line-height:30px;fot-size:15px;color:#bfd2e4;}
.MMap h2 img{float:left;margin-right:10px;}
.MMap h2:after{content: "";display: block;width:100%;background:rgba(255,255,255,0.3);height: 1px;margin:20px 0;}
.MMap li{float:left;color:#dce9eb;line-height:22px;}
.MMap li:first-child{width:30px;margin-right:10px;}
.MMap li i{width:30px;height:30px;text-align:center;color:#fff;background:#98aeb1;border-radius:15px;line-height:30px;}
.MMap .TitBtn a{color:#bac6d8;border:1px solid #bac6d8;background:none;transition-duration:0.5s;margin-top:65px;}
.MMap .TitBtn a:hover{color:rgba(47,92,135,1);background:#bac6d8;border:1px solid #bac6d8;}

.TitBtn{margin-left:40px;}
.TitBtn a{display:block;width:170px;padding:12px 0;border-radius:23px;background:#fff;font-size:14px;text-align:center;transition-duration:0.5s;}

.MainContBtm .Guide{width:1200px;height:70px;margin:0 auto;}
.Guide h2{float:left;width:130px;font-size:32px;color:#000;line-height:40px;}
.Guide h2 span{font-weight:600;}
.Guide .GBtn{float:left;width:500px;}
.GBtn li{float:left;width:25%;background:url('../../images/os/new_img1/main/guide_icon01.png') no-repeat center 10px;text-align:center;}
.GBtn li.Icon01{background:url('../../images/os/new_img1/main/guide_icon02.png') no-repeat center 10px;}
.GBtn li.Icon02{background:url('../../images/os/new_img1/main/guide_icon03.png') no-repeat center 10px;}
.GBtn li.Icon03{background:url('../../images/os/new_img1/main/guide_icon04.png') no-repeat center 10px;}
.GBtn li a{position:relative;display:block;height:97px;font-size:15px;color:#00266b;padding-top:65px;box-sizing:border-box;transition-duration:0.5s;}
.GBtn li a:after{box-sizing:border-box; width:100%; height:100%;position:absolute;border:0 solid; top:0; lefT:0;opacity:0; display:block; content:"";-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.GBtn li a:hover:after{border:2px solid #4863b3; background:rgba(0,38,107,0.05);opacity:0.8}

.Guide .line{display: block;float: left;width: 1px;background: #5d6061;height: 100px;margin: 0 60px 0 50px;}

.Guide .GdCs{width:1200px;}
.GdCs dt{display:block; float:left; font-size:20px;color:#000; margin:10px}
.GdCs dd{display:block; float:left; font-size:15px;color:#6d7073;line-height:30px;margin:10px;}
.GdCs dd p{float:left;font-family: 'Montserrat', sans-serif;font-size:35px;color:#00266b;margin-right:10px;font-weight:500;}



/* ============================== 쇼핑몰 메인 =================================== */

/* visual */
#shopVisual{width:1200px;position:relative;height:520px;overflow:hidden;margin:20px auto 50px;}
#shopVisual .visualslide{position:relative;float:left;width:1200px;height:520px;}
#shopVisual .visualslide .slideList li{width:1200px;height:520px;position:relative;background-color:#eee;}
#shopVisual .bx-controls-direction{width:800px; margin:0 auto;}
#shopVisual .visualslide .bx-pager{position:absolute;display:table;left:40%;bottom:20px;z-index:100;margin:0 auto;}
#shopVisual .visualslide .bx-pager .bx-pager-item{display:inline-block;margin:0 3px;width:18px;height:18px;}
#shopVisual .visualslide .bx-pager .bx-pager-item a{background:url('https://www.trimonkey.co.kr/myoffice/images/os/new_img1/main/btn_visual.png') no-repeat 0 0;width:18px;height:18px;display:inline-block;overflow:hidden; text-indent:-9999px;}
#shopVisual .visualslide .bx-pager .bx-pager-item a.active{background:url('https://www.trimonkey.co.kr/myoffice/images/os/new_img1/main/btn_visual_on.png');}

.VisRight{position: relative;float:right;width:380px;margin-left: 20px;}
.VisRight .TodayP{position: relative;width:100%;background:url('../../images/os/new_img1/mall/right_bn.png') no-repeat;overflow: hidden;}
.VisRight .TodayP .Txt{position: absolute;top:30px;left:30px;}
.VisRight .TodayP h2{font-family: 'Montserrat', sans-serif;font-size:18px;color:#000;font-weight:600;margin-bottom:15px;}
.VisRight .TodayP p{font-size:20px;color:#000;}
.VisRight .TodayP p span{font-size:16px;color:rgba(0,0,0,0.8);}
.VisRight .TodayP a img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.VisRight .TodayP a:hover img{-webkit-transform:scale3d(1.03,1.03,1);transform:scale3d(1.03,1.03,1)}
.VisRight .TodayP a:hover:before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0)}

.VisRight .RightCont{position: relative;width:100%;height:250px;}
.RightCont .VisWhy{position: relative;float:left;width:50%;height:250px;color:#fff;background:#6e7fb1 url('../../images/os/new_img1/mall/right_bg.png') no-repeat 100px 70px;text-align:center;}
.RightCont .VisWhy h2{font-size:22px;line-height:28px;font-weight:300;padding:35px 0 20px;}
.RightCont .VisWhy h2 span{font-weight:400;}
.RightCont .VisWhy p{font-size:13px;line-height:18px;font-weight:300;}
.RightCont .VisEvent{position: relative;float:left;width:50%;height:250px;border:1px solid #e5e5e5;color:#000;box-sizing:border-box;background: url('../../images/os/new_img1/mall/icon_event.png') no-repeat 120px 175px;padding:25px;}
.RightCont .VisEvent dt{font-size:15px;font-weight:300;}
.RightCont .VisEvent dd{font-size:18px;margin-bottom:10px;}
.RightCont .VisEvent p{font-size:13px;color:#a8a8a8;}
.RightCont .VisEvent .BtnS{position: absolute;bottom:20px;}
.VisEvent .BtnS a{display:block;font-size:13px;color:#666;line-height:20px;border-bottom:1px solid #fff;padding-left:2px;transition-duration:0.5s;}
.VisEvent .BtnS a:after{content:url('../../images/os/new_img1/mall/icon_arrow.png');display: inline-block;margin-left:10px;}
.VisEvent .BtnS a:hover{color:#000;border-bottom:1px solid #222;}
.VisEvent .BtnS a:hover:after{margin-left:11px;}

.VisBtmInner{position: relative;width:100%;height: 100px;border-top:1px solid #e5e5e5;}
.VisBtmInner .VisBtm{position: relative;width:1200px;margin:0 auto;padding:25px 0;}
.VisBtmInner .VisBtm .SNotice{position:relative;float:left; overflow:hidden; height:50px;width:620px;}
.VisBtm .SNotice h2{position:relative;float:left;width:90px;font-family: 'Montserrat', sans-serif;font-size:16px;color:#000;font-weight:600;line-height:54px;}
.VisBtm .SNotice ul{position:relative; overflow:hidden; height:50px;width:425px;}
.SNotice ul li {position:absolute;top:20px; left:0px; width:100%;height:50px; line-height:50px; margin:0px !important;}
.SNotice ul li a{float:left; display:block; width:80%;height:50px;overflow:hidden; color:#636363;font-size:16px;white-space:nowrap;text-overflow:ellipsis;}
.SNotice ul span {float:right;display:block; width:20%;font-size:13.px;text-align:right;}
.SNotice .more {position: absolute;top:0;right:40px;width:50px;height:50px;}
.SNotice .more a{display: block;width:50px;height:50px;background:#929292 url('../../images/os/new_img1/mall/icon_plus.png') no-repeat 50% 50%;cursor:pointer;transition-duration:0.5s;}
.SNotice .more a:hover{background:#50649e url('../../images/os/new_img1/mall/icon_plus.png') no-repeat 50% 50%;}

.VisBtmInner .VisBtm .SSearch{position:relative;float:right; width:542px;}
.SSearch h2{position:relative;float:left;/*width:130px;font-family: 'Montserrat', sans-serif;*/font-size:18px;color:#eee;font-weight:normal;line-height:30px;padding:10px 20px;background-color: #4863b3;}
.SearchPd{float:left;width:430px;height:50px;border:1px solid #d6d6d6;box-sizing:border-box;}
.SearchPd .inputText{display:inline-block;float:left;width:230px;height:50px;line-height:36px;border:0 none;font-size: 13px;background:transparent;color:#848484;padding:0 10px}
.SearchPd .SearchBtn{float:right;width:50px;height:50px;}
.SearchPd .SearchBtn a{display: block;width:50px;height:50px;background: url('../../images/os/new_img1/mall/icon_search.png') no-repeat 50% 50%;}
 
.ProdsInner{position: relative;width:100%;padding:50px 0;}
.PdBg01{background:#e9f1f3;}
.PdBg02{background:#f6f6f6;}
.ProdsInner .Prods{position: relative;width:1200px;margin:0 auto;}
.Prods .ProdsList{position: relative;width:580px;}
.Prods .ProdsList li{float:left;width:280px;height:280px;background: #fff;}
.Prods .ProdsList li:first-child{background:none;}
.Prods .ProdsList li a.Pds{display: block;width:280px;height:280px;text-align: center;border:1px solid #fff;box-sizing:border-box;transition-duration:0.5s;position: relative;}
.Prods .ProdsList li a.Pds span{position:absolute;top: -1px;left: -1px;width: 80px;line-height: 22px;background: #000;color: #fff;font-family: 'Montserrat', sans-serif;font-weight: bold;}
.Prods .ProdsList li a.Pds:hover{border:1px solid #acacac;}
.Prods .ProdsList li:nth-child(even){margin-left:20px;}
.Prods .ProdsList li:nth-child(3),
.Prods .ProdsList li:nth-child(4){margin-top:20px;}
/* .Prods .ProdsList li dt{margin:20px 0 5px;} */
.Prods .ProdsList li dt img {width:100%;}
.Prods .ProdsList li dd{font-size:16px;color:#212121;}

.ProdsList .ProdsTit h2{font-family: 'Montserrat', sans-serif;font-size:26px;color:#000;font-weight:600;padding:20px 0 15px;}
.ProdsList .ProdsTit h2:after{content: "";display: block;width: 35px;background:#000;height: 2px;margin:20px 0;}
.ProdsList .ProdsTit p{font-size:26px;color:#222;line-height:32px;}
.ProdsList .ProdsTit .BtnNow{margin:30px 0;}
.ProdsList .ProdsTit .BtnNow a{display:inline-block;padding:10px 40px;border:1px solid #555;transition-duration:0.5s;}
.ProdsList .ProdsTit .BtnNow a:hover{background: #313d52;color:#fff;}

.ProdsList .ProdsImg{position: relative;}
.ProdsList .ProdsImg .BtnPd{position: absolute;left:70px;bottom:25px;width:440px;}
.ProdsList .ProdsImg .BtnPd a{display:block;float: left;width:200px;height: 48px;background: #fff;border-radius: 24px;line-height: 48px;text-align: center;margin: 0 10px;transition-duration:0.5s;}
.ProdsList .ProdsImg .BtnPd a:hover{background: #313d52;color:#fff;}

.AllBdInner{position: relative;width: 100%;height:400px;background: url('../../images/os/new_img1/mall/all_brand.jpg') no-repeat;margin:100px 0;}
.AllBdInner .AllBd{position: relative;width: 1200px;margin:0 auto;padding-top:90px;}
.AllBd .BdTit{position: relative;float:left;width: 550px;}
.AllBd .BdTit h2{font-family: 'Montserrat', sans-serif;font-size:20px;color:#000;font-weight:600;padding:20px 0 15px;}
.AllBd .BdTit h2:after{content: "";display: block;width: 25px;background:#000;height: 2px;margin:20px 0;}
.AllBd .BdTit dt{display:inline-block;font-size:26px;color:#001f57;border-bottom:1px solid #000;margin-bottom:20px;}
.AllBd .BdTit dd{font-size:20px;color:#444;line-height:28px;}
.AllBd ul{position: relative;float:left;width: 340px;border-top: 1px solid #949696;margin-top:32px;}
.AllBd ul li{width: 47%;float:left;margin-right: 6%;border-bottom: 1px solid rgba(0, 38, 107, 0.35);padding-left: 10px;box-sizing: border-box;}
.AllBd ul li:nth-child(even){margin-right:0;}
.AllBd ul li a,.AllBd ul li a i{line-height: 60px;color: #000;display: block;}

.shopPdInner{width:1200px; margin:100px auto;}
.shopPdInner .shopTit{width:1200px;font-family:'Montserrat', sans-serif;font-size:42px;color:#000;text-transform: uppercase;font-weight: bold;line-height: 1;margin-bottom: 40px;}
.shopPdInner .shopTit h2{display:inline-block;font-weight: bold;text-transform: none;}
.shopPdInner .shopTit div{display:table;line-height: 1;}

.shopPdInner .listTabs{float:left;margin-top: -7px;}
.shopPdInner .listTabs li{float:left;}
.shopPdInner .listTabs li:after{content:"";display:inline-block;width:1px;height: 12px;background: #e1e1e1;margin-bottom: -1px;}
.shopPdInner .listTabs li:last-child:after{display:none;}
.shopPdInner .listTabs li a{font-size: 14px;color: #949494;margin: 0 10px;font-weight: normal;font-family: 'Noto Sans KR', sans-serif, 'Montserrat';}
.shopPdInner .listTabs li a i{display:none;font-size: 20px;vertical-align: bottom;}
.shopPdInner .listTabs li a:hover{color:#000;}
.shopPdInner .listTabs li a.tabOn{color:#000;}
.shopPdInner .listTabs li a.tabOn i{display: inline-block;}

.shopPdInner .show_list{display:inline-block;margin-left: 10px;}
.shopPdInner .show_list li{float:left;}
.shopPdInner .show_list li a{width:27px; height:27px; border:1px solid #ddd; display:block; background:url(../../images/os/new_img1/mall/list01.png) no-repeat center center;}
.shopPdInner .show_list li:last-child a{border-left:0; background:url(../../images/os/new_img1/mall/list02.png) no-repeat center center;}

.shopPdInner .list_content ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.shopPdInner .list_content li{float:left;margin: 0 15px 60px;box-sizing: border-box;position:relative;min-height: 340px;}
.shopPdInner .list_content li a.prdImg{display:block;width:270px;height:270px;border:1px solid #efefef;box-sizing:border-box; position:relative;}
.shopPdInner .list_content li a:hover{border:1px solid #313d52; transition:0.3s;}
.shopPdInner .list_content li a p{position:absolute;top: 10px;left: 5px;}
.shopPdInner .list_content li a span{width:36px;height:18px;border:1px solid #019bfd;color:#019bfd;font-family:'Montserrat', sans-serif;font-size: 10px;margin-left: 5px;display: inline-block;float: left;text-align: center;line-height: 18px;box-sizing: border-box;}
.shopPdInner .list_content li a span.new{color:#28c307; border:1px solid #28c307;}.shopPdInner .list_content li a span.sale{color:#ff4904; border:1px solid #ff4904;}
.shopPdInner .list_content li p.play{background:url(../../images/os/new_img1/mall/play.png) no-repeat;width:44px;height:44px; top: 215px;right:10px;position: absolute;border: 0; z-index: 99;}
.shopPdInner .list_content li p.soldout{top:0;left:0;width: 270px;height: 270px;background:url(../../images/os/new_img1/mall/soldout.png)no-repeat;background-size: 100%;position: absolute;z-index: 99;}
.shopPdInner .list_content li ul a:hover{background: #313d52;color:#fff;transition:0.3s;}
.shopPdInner .list_content li .pdtinfo{text-align:center;box-sizing: border-box;}
.shopPdInner .list_content li .pdtinfo dt{margin-top:28px; font-size:16px; color:#212121;}
.shopPdInner .list_content li .pdtinfo .infoTxt{margin-top:5px;font-size: 14px;color: #999;height: 15px;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 270px;text-align: center;overflow: hidden;text-overflow: ellipsis;margin-bottom:0px;line-height: 1;}
.shopPdInner .list_content li .pdtinfo .pdtName{font-size:16px; color:#212121;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: 270px; text-align: center;}
.shopPdInner .list_content li .pdtinfo .price{color:#ef424d; font-size:16px;}
.shopPdInner .list_content li .pdtinfo .pvav{color:#696969; font-size:14px;}
.shopPdInner .list_content li .addCart{padding:10px;background:#f7f6f9;box-sizing: border-box; margin-top:20px}
.shopPdInner .list_content li .addCart li{margin:0;box-sizing: border-box;min-height: auto;}
.shopPdInner .list_content li .addCart li a,.shopPdInner .list_content li .addCart li span{width:40px; height:40px; text-align:center; line-height:40px; box-sizing:border-box; border:1px solid #000; display:block; float:left;}
.shopPdInner .list_content li .addCart li.num span{width: 110px;}
/* .shopPdInner .list_content li .addCart li.cart a:first-child{border-right:0;} */
.prdIcon{margin-top:10px;}
.prdIcon span{color: #fff;padding: 2px 5px;border-radius: 3px;margin: 0 2px;}
.prdIcon .newProdIcon{background: #F5A503;}
.prdIcon .proProdIcon{background: #F24B59;}

.shopPdInner .loadmore{width:1200px;height:1px;position:relative;background: #dedede;margin: 50px 0;}
.shopPdInner .loadmore a{width:223px;height:58px;line-height:58px;box-sizing:border-box;background: #fff;border:1px solid #000;position:absolute;left: 50%;margin-top: -29px;margin-left: -111px;padding: 0 20px;font-size:15px;font-family:'Montserrat', sans-serif;color:#000;font-weight: 500;}
.shopPdInner .loadmore a:hover{background: #313d52;color:#fff;transition:0.3s;}
.shopPdInner .loadmore a i{line-height:58px; font-size:24px;}























#productList{}

.shopPdtList{width:100%;}

.prod_content{width: 1200px;height:auto;border:none;margin: 0 auto;}
.shop_cont{width:270px;float:left;border:1px solid #efefef;box-sizing:border-box;margin: 0 15px 30px 15px;}
.prod-box{display:inline-block;height:380px;width:100%;margin:0 auto;position:relative;}
.prod-box dl{text-align:center;margin:0 auto;}
.prod-box dl dt{width:230px;height:230px;margin:0 auto;}
.prod-box dl dt img{width:230px;height:230px;background:#fff;}
.prod-box dl dd{margin: 0 20px !important;line-height:20px;}
.prod-box .t-title{font-size:16px;color:#212121;margin-bottom:10px !important;}
.prod-box .t-title:before{content:"";display:block;width:100%;height:1px;background:#efefef;margin-bottom:20px;}
.prod-box .t-s-eng{font-size:12px;color:#acacac;}
.prod-box .t-price{font-size:16px;color:#d30318;vertical-align:baseline;margin-top:15px;}
.prod-box .t-price strong{color:#333;font-size:16px;font-weight:500;}
.prod-box .t-price2{font-size:14px;color:#888;}
.prod-box .t-pv{font-size:14px;color:#005ac92017-12-27;}
.prod-box .t-amt{font-size:14px;color:#f53e3c;}
.prod-box .t-amt2{font-size:14px;color:#222;}
.prod-box .PIcon{position:absolute;right:30px;top:30px;}
.prod-box .pdlist-bottom{width:170px;display:inline-block;margin:15px auto 0 auto;}


/* 제품 가격미표출 */
.prod-box-none{display:inline-block;height:380px;width:100%;margin:0 auto;position:relative;}
.prod-box-none dl{text-align:center;}
.prod-box-none dl dt{width:230px;height:230px;margin:10px auto;}
.prod-box-none dl dt img{width:230px;height:230px;background:#fff;}
.prod-box-none dl dd{padding:0 30px;line-height:22px;}
.prod-box-none .t-title{font-size:16px;color:#212121;height:40px;line-height:22px;word-wrap: break-word;margin-bottom:10px;}
.prod-box-none .t-no{font-size:14px;color:#9e9e9e;line-height:1.4;}
.prod-box-none .t-no:before{content:"";display:block;width:60px;height:1px;background:#bdbdbd;margin:20px auto;}
.prod-box-none .t-s-eng{font-size:12px;color:#acacac;}
.prod-box-none .t-price{font-size:16px;color:#d30318;vertical-align:baseline;margin:5px 0;}
.prod-box-none .t-price strong{color:#333;font-size:16px;font-weight:500;}
.prod-box-none .t-price2{font-size:14px;color:#888;}
.prod-box-none .t-pv{font-size:14px;color:#005ac9;}
.prod-box-none .t-amt{font-size:14px;color:#f53e3c;}
.prod-box-none .t-amt2{font-size:14px;color:#222;}
.prod-box-none .PIcon{position:absolute;right:15px;top:15px;width:45px;font-size:12px;color:#fff;padding:3px 0;border-radius:3px;}
.prod-box-none .pdlist-bottom{width:170px;display:inline-block;margin:15px auto 0 auto;}

.pdlist-bottom span{float:left;display:inline-block;margin-left:2px;}
.pdlist-bottom span:first-child{margin-left:0px;}
.pdlist-bottom span input{width:50px;height:30px;line-height:30px;border:1px solid #ddd;padding:0 5px;background:#fff;text-align:right;}
.pd-btn{display:inline-block;height:30px;font-size:14px;padding:0 10px;text-align:center;line-height:30px;-webkit-transition-duration:0.3s;transition-duration:0.3s;}
.pd-btn i{line-height:30px;color:#fff;}
.pd-btn_auto{height: 40px;padding: 0 13px;}
.pdlist-bottom .bx-controls-direction{width:1200px;margin:0 auto;}


/* 제품리스트 호버시  */
.shop_cont:hover .PdsMu .social{
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.shop_cont .PdsMu {position: absolute;top: 0; left: 0; width: 100%; height: 100%; z-index: 30; display: block;transition-duration: 0.5s;}
.shop_cont .PdsMu:hover{background:rgba(0,0,0,0.12);width: 100%;height: 100%; z-index: 30;display: block;/*cursor:pointer;*/}
.shop_cont .PdsMu ul{display:table;margin: 0 auto 0;height: 100%;position: relative;}
.shop_cont .PdsMu ul li{/* float:left; */margin:0 5px;display: table-cell;vertical-align: middle;}
.shop_cont .PdsMu ul li:last-child{/* position:absolute; *//* top:30px; *//* left:50%; *//* margin-left:-30px; */}
.shop_cont .PdsMu i{font-size: 25px;}

.shop_cont .PdsMu .social {width: 60px;height: 60px;display: inline-flex; justify-content: center; align-items: center; color: #fff; border-radius: 50%;font-size: 14px; line-height: 1;margin-bottom: 8px;opacity: 0;
  -moz-transform-origin: center 50%;
  -ms-transform-origin: center 50%;
  -webkit-transform-origin: center 50%;
  transform-origin: center 50%;
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;}

.shop_cont .PdsMu .social2{width: 110px;height: 35px; color: #fff; border-radius: 5px;line-height: 1;}

.shop_cont .PdsMu .PdMuBtn {background: #18b0bc;} .shop_cont .PdsMu .PdMuBtn:hover {background: #12a3ae;transition:0.3s all;}
.shop_cont .PdsMu .PdMuBtn2 {background: #333;} .shop_cont .PdsMu .PdMuBtn2:hover {background: #111;transition:0.3s all;}

.shop_cont:hover .PdsMu .social{opacity: 1;
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }
.shop_cont:hover .PdsMu .social:nth-child(1) {
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.shop_cont:hover .PdsMu .social:nth-child(2) {
  -moz-transition-delay: 0.05s;
  -o-transition-delay: 0.05s;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}
.shop_cont:hover .PdsMu .social2:nth-child(1) {
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

/* 메인 롤링 팝업 */
.mainPop{border:1px solid #ccc;width:520px !important;height:760px !important;background: transparent !important;}
.mainPop #popRoll{background:#fff;}
.mainPop .popRollWrap{position:relative;width:100%;height:100%;}
.mainPop .popRollWrap .topClose{position:absolute;top:5px;right:5px;z-index:9999;width:20px;height:20px;line-height:20px;background:rgba(255,255,255,0.7);}
.mainPop .lSSlideOuter{width:520px;}
.mainPop .popRollImg{width:520px;height:680px;}
.mainPop .lSSlideOuter:hover .lSAction > a{opacity:1;background-color:#8c8c8c;}
.mainPop .lSPager{position:absolute;bottom:85px;left:0;width:100%;text-align:center;}
.mainPop .lSPager li{display:inline-block;margin:0 3px;}
.mainPop .lSPager li a{display:inline-block;width:12px;height:12px;background:#f8f8f8;border-radius:50%;text-indent:-999em;}
.mainPop .lSPager li.active a{background:#0060af;}
.mainPop .popRollInfo{display:table;width:520px;height:50px;border-top:1px solid #ccc;box-sizing:border-box;}
.mainPop .popRollInfo p:first-child{width:400px;line-height:1.4;text-align:left;padding-left:10px;-webkit-line-clamp:2;overflow:hidden;}
.mainPop .popRollInfo p{display:table-cell;vertical-align:middle;width:120px;}
.mainPop .popRollInfo p a{width:100px;height:36px;line-height:36px;background:#888;color:#fff;border-radius:25px;display:inline-block;text-align:center;}
.mainPop .lSAction > a.lSPrev{background:url('../../images/os/main/popArrowL.png')no-repeat;}
.mainPop .lSAction > a.lSNext{background:url('../../images/os/main/popArrowR.png')no-repeat;}
.mainPop .lSAction > a{width:50px;height:50px;opacity:0;margin-top:-25px;}
.mainPop .popToday{position:absolute;left:0;line-height:30px;background:rgba(245,245,245,0.9);width:100%;text-align:left;}
.mainPop .popToday input{margin:0 0 0 5px;width:20px;height:20px;vertical-align:middle;}
.mainPop .popToday span{color:#555;}
.mainPop .popToday .b-close{color:#000;}
.btnLineAdd{line-height:1.2 !important;word-break: break-all;padding:1.5px 12px 0;box-sizing:border-box;}