@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);strong{font-weight:bold}.wrap{margin:0 1em;position:relative}.wrap:after{display:block;content:'';clear:both}#container .wrap{margin:0 1em}.tabCon{height:0;overflow:hidden;opacity:.4;transition:all .5s}.tabCon.on{height:auto;overflow:visible;opacity:1}.dis_mo{display:block}.dis_pc{display:none}.dis_tablet{display:none}.dis_tablet_pc{display:none}.lang{position:absolute;right:70px;top:20px}.lang a{border:1px solid #929292;color:#fff;font-size:13px;padding:1px 10px}#header.fix .lang a{color:#38393b}.lang a span{display:none}.lang a:hover,.lang a.on{background-color:#929292}#header{position:fixed;top:0;width:100%;z-index:99;transition:all .5s;border-bottom:1px solid rgba(255,255,255,0.5)}#header.fix{background-color:rgba(255,255,255,0.8)}#header.on{height:auto;background:#191919;position:fixed}#header h1{float:left;margin:10px 0}#header h1 img{width:70px}#viewport.on{overflow-y:hidden}.lnb{float:right;margin-right:220px}#header.on .lnb{display:none}.btn_all_menu{position:absolute;top:20px;right:0;cursor:pointer;width:22px;height:19px;background:url(/img_up/shop_pds/threealogics/design/img/ico_all_menu.png) 0 0;transition:all .2s}.btn_all_menu.on{background-position:0 -19px}#header.fix .btn_all_menu{background:url(/img_up/shop_pds/threealogics/design/img/ico_all_menu_on_btn.png) no-repeat 0 0}.btn_search{position:absolute;top:20px;right:35px;width:22px;height:19px;background:url(/img_up/shop_pds/threealogics/design/img/ico_search.png) no-repeat 0 0}#header.on .btn_search{display:none}#header.fix .btn_search{background:url(/img_up/shop_pds/threealogics/design/img/ico_search.png) no-repeat 0 100%}.gnb{display:none;padding:25px 0 50px}#header.on .gnb{display:block;position:fixed;top:63px;left:0;width:100%;background:#191919;height:460px;overflow:auto}.gnb_mo{display:none;position:absolute;top:63px;left:0;width:100%;z-index:99;background:#191919}.gnb_mo>div{padding:0}.gnb_mo.on{display:block}#mainVisual{position:relative}#mainVisual li{height:400px;background-position:center}#mainVisual .txt_wrap{position:absolute;top:0;bottom:0;left:0;z-index:10;width:100%;text-align:center;height:70px;margin:auto}#mainVisual .txt{border:2px solid #d6d1c9;padding:10px;text-align:center;width:270px;box-sizing:border-box;display:inline-block}#mainVisual .txt h2{font-size:24px;color:#fff}#mainVisual .txt p{font-size:18px;color:#4a99ed}#mainVisual .scrollDown{position:absolute;bottom:15px;width:100%;text-align:center;z-index:9}#mainVisual .scrollDown .mouse_ico{width:30px;height:50px;border-radius:15px;border:2px solid #fff;margin:0 auto 10px;box-sizing:border-box;position:relative;animation:mouse 5s ease-out infinite}#mainVisual .scrollDown .mouse_ico span{display:block;width:6px;height:10px;border-radius:3px;background-color:#fff;position:absolute;left:50%;top:40%;margin-left:-3px;animation:wheel 5s linear infinite}@keyframes bounce1{100%{top:50%}}@keyframes mouse{0{-webkit-transform:translateY(0);transform:translateY(0)}20%{-webkit-transform:translateY(8px);transform:translateY(8px)}30%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);transform:translateY(8px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}80%{-webkit-transform:translateY(8px);transform:translateY(8px)}90%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wheel{0{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}6%{opacity:1;-webkit-transform:scale(0.9) translateY(5px);transform:scale(0.9) translateY(5px)}14%{opacity:0;-webkit-transform:scale(0.4) translateY(20px);transform:scale(0.4) translateY(20px)}15%,19%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px)}28%,29.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}30%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}36%{opacity:1;-webkit-transform:scale(0.9) translateY(5px);transform:scale(0.9) translateY(5px)}44%{opacity:0;-webkit-transform:scale(0.4) translateY(20px);transform:scale(0.4) translateY(20px)}45%,49%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px)}58%,59.99%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}60%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}66%{opacity:1;-webkit-transform:scale(0.9) translateY(5px);transform:scale(0.9) translateY(5px)}74%{opacity:0;-webkit-transform:scale(0.4) translateY(20px);transform:scale(0.4) translateY(20px)}75%,79%{opacity:0;-webkit-transform:scale(0.4) translateY(-10px);transform:scale(0.4) translateY(-10px)}88%,100%{opacity:1;-webkit-transform:scale(1) translateY(-10px);transform:scale(1) translateY(-10px)}}#container .snb.wrap{margin-top:-64px}.snb{background-color:#696969;max-width:980px;margin:-64px auto 0;display:none;height:64px}.snb li{float:left;text-align:center;width:20%}.snb li a{display:block;font-size:13px;color:#fff;border-left:1px solid #969696;line-height:16px;margin:24px 0}.snb li.on a{color:#03b7ff;font-weight:bold}.snb li:first-child a{border:0}.tnb a{color:#646464}.tnb{line-height:40px;border-bottom:1px solid #dcdcdc;position:relative}.tnb_info{border-bottom:1px solid #dcdcdc}.tnb_info a{padding:0 10px;font-size:11px;float:left;display:block;width:50%;box-sizing:border-box;padding:0 10px}.tnb_info a:first-child{border-right:1px solid #dcdcdc}.tnb_util a{display:block;float:left;font-size:11px;width:50%;padding:0 10px;background-image:url(/img_up/shop_pds/threealogics/design/img/ico_down2.png);background-repeat:no-repeat;background-position:95% 50%;box-sizing:border-box}.tnb_util>a:first-child{background-image:url(/img_up/shop_pds/threealogics/design/img/ico_request.png);border-right:1px solid #dcdcdc}.tnb_util .tnb_down a{display:none}.tnb_util .tnb_down a.on{display:block}.product#subVisual{background:url(/img_up/shop_pds/threealogics/src_css/img/subVisual_021447211710.jpg) center !important}.product .dropWrap{position:absolute}.product .pdsCate_drop{width:150px;color:#fff;display:inline-block;text-align:center;margin:22px 0;border-right:1px solid #969696;position:relative;padding:0 54px 0 25px;font-size:16px}.product .pdsCate_drop:after{content:'';position:absolute;top:50%;right:25px;width:0;height:0;margin-top:-2px;border-width:5px;border-style:solid;border-color:#fff transparent transparent transparent}.product .pdsCate_drop.on:after{border-color:transparent transparent #fff transparent;margin-top:-7px}.product .dep1{position:absolute;top:64px;left:0;background:#fff;width:100%;text-align:center;display:none;border:1px solid #696969;box-sizing:border-box;z-index:99}.product .dep1 li{width:auto;float:none}.product .dep1 li.on a{color:#3368a0;font-weight:normal}.product .dep1 li a{color:#323232;font-size:15px;border:0;text-align:left;padding:0 25px;position:relative}.product .dep1 li.on a:after{content:'';position:absolute;top:50%;right:25px;width:0;height:0;margin-top:-2px;border-width:5px;border-style:solid;border-color:transparent transparent transparent #3368a0}.product .dep2{margin-left:250px}.product .dep2 li{width:auto}.product .dep2 a{border:0;margin:0 25px;line-height:64px}.product#container .snb{max-width:1200px}.product#container>.wrap{width:auto;max-width:none;margin:0}.h3_tit{font-size:20px;text-align:center;font-weight:normal;padding:20px 0 30px;position:relative}.product .h3_tit{padding:0 0 30px;font-weight:500;text-align:left}.h3_tit strong{font-weight:bold}.product .h3_tit:after{display:none}.main#container .article.wrap{margin:0}.main#container .article.wrap{max-width:none}.mainAbout h3{background-color:#3368a0;color:#fff}.mainAbout h3:after{background-color:#fff}.mainAbout .article{padding:30px 0}.mainAbout .article .tit{text-align:center;margin:0 1em}.mainAbout .article .tit h4{font-size:15px}.mainAbout .article .tit p{font-size:15px;margin:20px 0}.mainAbout .list{margin:30px 0}.mainAbout .list li{text-align:center}.mainAbout .list li>div{display:table;width:100%;table-layout:fixed;border-bottom:1px solid #dcdcdc}.mainAbout .list li:first-child>div{border-top:1px solid #dcdcdc}.mainAbout .list li>div>div{display:table-cell;vertical-align:middle;padding:10px}.mainAbout .list li>div .thumb{width:50px}.mainAbout .list li>div .dscr{text-align:left;font-size:14px}.mainAbout .list li.list01>div,.mainAbout .list li.list03>div{background:#f9f9f9}.mainBan{background-color:#f6f6f6;padding:20px 0 0}.mainBan li{background-size:cover;background-position:center;position:relative;float:left;width:50%;overflow:hidden}.mainBan li img{-webkit-transform:scale(1.05);transform:scale(1.05);transition:all .35s}.mainBan li:hover img{-webkit-transform:scale(1);transform:scale(1);transition:all .35s}.mainBan li .on{position:absolute;width:100%;height:100%;z-index:10;top:0;left:0;opacity:0;background:url(/img_up/shop_pds/threealogics/design/img/op08_blue_bg.png) repeat center}.mainBan li:hover .on{opacity:1;transition:all .2s}.mainBan li .inner{display:table;width:100%;height:100%;position:relative}.mainBan li .inner span{display:table-cell;vertical-align:middle;text-align:center;-webkit-transform:scale(1.2);transform:scale(1.2);font-size:14px;color:#fff;opacity:0;line-height:120%}.mainBan li:hover .inner span{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all .35s}.mainBan li .on:before{position:absolute;border:1px solid #fff;content:"";display:block;top:10px;left:10px;right:10px;bottom:10px;opacity:0;pointer-events:none;backface-visibility:hidden;backface-visibility:hidden;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.2);transform:scale(1.2)}.mainBan li:hover .on:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all .35s}.mainPartner{padding:40px 0}.btmBan{display:table;width:100%;table-layout:fixed}.btmBan>div{background-size:cover;background-repeat:no-repeat;background-position:center;display:table-cell;width:50%;vertical-align:middle;padding:10px}.btmBan a{display:block;text-align:center}.btmBan .ban_left{background-image:url(/img_up/shop_pds/threealogics/design/img/btmBan_pat01.jpg)}.btmBan .ban_right{background-image:url(/img_up/shop_pds/threealogics/design/img/btmBan_pat02.jpg)}.btmBan p{color:#fff;font-size:15px;letter-spacing:2.5px}.btmBan p span{display:block;padding:0 0 5px}.btmBan p span img{width:60px}.btmBan .btn{display:block}.sub#container{margin-bottom:100px}.sub#container.product{margin:0}.sub_h3_tit{text-align:center;margin:35px 0;background-size:60px}.product .sub_h3_tit{text-align:left}.sub_h3_tit h3{font-size:22px}.sub_h3_tit p{font-size:16px;color:#646464;font-weight:normal;text-transform:none}.product .sub_h3_tit p{width:100%;height:auto;background-color:#4a99ed;color:#fff;padding:10px 20px;font-weight:700}.sub h4{font-size:18px;margin:40px 0 20px}.subTab{margin:0;overflow:hidden}.subTab>a{display:block;float:left;background-color:#f0f0f0;text-align:center;font-size:11px;border-left:1px solid #dcdcdc;box-sizing:border-box;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 5px}.subTab>a.clear4n{border:0}.subTab>a.more4k{border-top:1px solid #dcdcdc}.subTab>a:first-child{border:0}.subTab>a.on{background-color:#3368a0;color:#fff;border:1px solid #3368a0}#subVisual{height:150px;color:#fff;text-align:center;background-position:center;background-size:cover}#subVisual .txt{padding:65px 10px 0}#subVisual h2{font-size:24px;margin-bottom:0}#subVisual p{font-size:15px;color:#fff}.f_info{background-color:#222;padding:45px 0}.f_info h5{font-size:20px;color:#929292;margin-bottom:20px}.f_info .wrap>div{float:none;padding:25px 10px;border-top:1px solid #363636}.f_info .wrap>div:first-child{border:0}.f_info a,.f_info li{color:#e6e6e6;font-size:13px}.copyright{background-color:#333;padding:20px 0;color:#c8c8c8;font-size:12px;text-align:center}.goTop{position:absolute;top:-30px;right:0}@media screen and (min-width:520px){.mainAbout .list li{float:left;width:50%}.mainAbout .list ul{border-top:1px solid #dcdcdc}.mainAbout .list li>div{display:block;width:auto;padding:20px 10px;border-left:1px solid #dcdcdc;margin-left:-1px}.mainAbout .list li:first-child>div{border-top:0}.mainAbout .list li>div>div{display:block;width:auto}.mainAbout .list li>div .thumb{width:auto}.mainAbout .list li>div .dscr{font-size:16px;text-align:center}.mainAbout .list li.list01>div,.mainAbout .list li.list04>div{background:#f9f9f9}.mainAbout .list li.list03>div{background:0}}@media screen and (min-width:768px){#container .wrap,.wrap{max-width:740px;margin:0 auto}.lang{right:100px;top:30px}.lang a span{display:inline}#header h1 img{width:auto}.btn_all_menu{top:30px}.btn_search{top:30px;right:50px}#header.on .gnb{position:static}.gnb{padding:30px 0}.gnb_mo{top:89px}.gnb_mo>div{padding:30px}.tnb{line-height:45px}.tnb_info{border-bottom:0}.tnb_info a{padding:20px 0;font-size:13px;width:auto;float:none;display:inline;padding:0 20px}.tnb_info a:first-child{padding-left:0}.tnb_util{position:absolute;top:0;right:0}.tnb_util a{display:block;padding:0 10px 0 40px;border-right:1px solid #dcdcdc;float:left;font-size:13px;background-position:10px 50%;width:auto}.tnb_util>div{display:inline-block}.tnb_util>a:first-child{border-left:1px solid #dcdcdc}#mainVisual li{height:600px}#mainVisual .txt_wrap{height:120px}#mainVisual .txt{border-width:5px;width:500px;padding:20px}#mainVisual .txt h2{font-size:45px}#mainVisual .txt p{font-size:30px}#mainVisual .scrollDown img{height:auto}.snb{display:block}.subTab{margin:0 0 75px}.subTab>a{font-size:13px}.sub_h3_tit h3{font-size:32px}.sub_h3_tit p{font-size:27px}#subVisual{height:300px}#subVisual .txt{padding-top:120px}#subVisual h2{font-size:32px}#subVisual p{font-size:18px}.btmBan>div{padding:20px 0}.btmBan p{font-size:24px}.btmBan p br{display:none}.btmBan p span{display:inline;padding-right:20px}.f_info .wrap>div{float:left;width:50%;padding:20px 0;border:0}.f_info a,.f_info li{font-size:14px}.info02{clear:both}}@media screen and (min-width:1025px){.dis_mo{display:none}.dis_tablet{display:block}.dis_tablet_pc{display:none}.dis_pc{display:block}.snb.searchList{display:none}#viewport.on{overflow-y:visible}#header{position:fixed}.wrap,#container .wrap,.main#container .article.wrap{max-width:980px;margin:0 auto}.product#container .snb{max-width:980px}.tnb_util a{padding:0 25px 0 60px;background-position:25px 50%}#mainVisual li{height:900px;min-height:100vh}#mainVisual .txt_wrap{height:254px}#mainVisual .txt{width:945px;padding:50px}#mainVisual .txt h2{font-size:70px}#mainVisual .txt p{font-size:50px}.mainBan li{width:33.33%}.mainBan li .inner span{font-size:22px}.h3_tit{font-size:24px;text-align:center}.mainAbout h3{padding:40px 0 40px}.mainAbout .article{padding:50px 0}.mainAbout .article .tit h4{font-size:22px}.mainAbout .article .tit p{font-size:18px}.mainAbout .list ul{border:0}.mainAbout .list{margin:90px 0}.mainAbout .list li{width:25%}.mainAbout .list li>div{border-bottom:0;background:none !important}.mainAbout .list li:first-child>div{border:0}.mainAbout .list li>div .dscr h4{font-size:20px;padding-bottom:10px}.subTab>a{font-size:20px}.btmBan a{padding:0 20%}.btmBan .ban_left a{text-align:right}.btmBan .ban_right a{text-align:left}.btmBan p{font-size:24px}.btmBan p span{margin-right:20px;display:inline}.btmBan p span img{width:auto}.copyright{text-align:left}.info02{clear:none}.info03{clear:both}}@media screen and (min-width:1680px){.dis_mo{display:none}.dis_tablet{display:none}.dis_tablet_pc{display:block}.dis_pc{display:block}.lang{right:100px}#header.on .gnb{width:854px}.gnb{margin-left:300px;padding:25px 0 0}#container .wrap,.product#container .snb{max-width:1200px}.wrap,.main#container .wrap,.main#container .article.wrap{max-width:1600px}.mainBan li .on:before{left:55px;top:55px;right:55px;bottom:55px;border-width:5px}.mainBan li .inner span{font-size:30px}.mainAbout .list li>div .dscr{font-size:16x}.snb{max-width:1200px}.snb li a{font-size:16px}.f_info .wrap>div{float:left;width:auto;padding:0;margin-left:60px}.f_info .wrap>div:first-child{margin:0}.f_info .wrap>div.info01{width:310px}.info03{clear:none}}@media screen and (max-width:767px){#header.on .gnb{position:absolute;height:auto}#container .tnb .wrap{margin:0}#mainVisual .scrollDown .mouse_ico{width:20px;height:30px;border-radius:10px}#mainVisual .scrollDown .mouse_ico span{width:3px;height:6px;border-radius:1.5px;margin-left:-1.5px}#mainVisual .scrollDown img{width:12px}}