@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");header .brand-area h1,header nav .nav-list{margin:0;padding:0}.content.welcome h2,.content.involve .involve-inner h2{margin:0;padding:0}.stater-list{margin:0;padding:0}.content p{margin:0;padding:0}.content.stater .start-guide dl,.content.stater .start-guide dd{margin:0;padding:0}.footer h3,.footer ul{margin:0;padding:0}.footer-copy p,.footer .footer-text,.content.support .xe-col-md-4 .support-txt .table-txt dl,.snb ul,.plugin-area ul{margin:0;padding:0}.content.welcome .link-info,.content.involve .involve-inner a{text-decoration:none}.footer .menu-list li a,.footer h3 a,.footer .footer-copy a{text-decoration:none}nav .nav-list{text-decoration:none}nav .nav-list .sub-menu .sub-menu-list{text-decoration:none}.link-brand,.content.support .xe-col-md-4 .support-txt .table-txt a,.sub-container .snb li a,.rectangle a{text-decoration:none}.stater-list,.footer ul,.snb li,.plugin-area li{list-style:none}.blind{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.float-left{float:left}.float-right{float:right}@font-face{font-family:"ng";font-style:normal;src:url("//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.woff") format("woff"),url("//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Regular.ttf") format("truetype")}@font-face{font-family:"ng";font-style:normal;font-weight:300;src:url("//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.woff") format("woff"),url("//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/v1/NanumBarunGothic-Light.ttf") format("truetype")}body,input,textarea,select,table{font-family:"애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",AppleGothic,Helvetica,sans-serif;font-size:13px}header{position:absolute;top:0;left:0;height:60px;width:100%;background-color:#fff;z-index:100}header .btn-toggle{position:absolute;top:6px;left:0;padding:15px;border:0;background-color:transparent;cursor:pointer;outline:none}header.open .btn-toggle{padding:24px 11px}header .btn-toggle .icon-bar{background-color:#8D8D8D;display:block;width:20px;height:2px;border-radius:1px}header .btn-toggle .icon-bar+.icon-bar{margin-top:7px}header.open .btn-toggle .icon-bar{margin-top:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}header.open .btn-toggle .icon-bar.v2{display:none}header.open .btn-toggle .icon-bar.v2+.icon-bar{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header .brand-area{text-align:center;line-height:60px}header .brand-area h1{font-weight:normal}header .link-brand{font-size:22px;color:#b8a18d;letter-spacing:3px}header .link-brand img{max-height:60px}header .btn_config{display:inline-block;width:40px;height:40px;margin-top:5px;color:#fff;font-size:22px;vertical-align:top;line-height:40px}header .plugin-area{position:absolute;top:0;right:10px;line-height:60px}header .plugin-area>ul>li{display:inline-block}header .plugin-area .plugin{position:relative;display:inline-block;padding:0 5px;color:#8D8D8D}header .plugin-area .plugin i{font-size:23px;vertical-align:middle}header .plugin-area .toggle-menu{display:none;position:absolute;top:100%;right:0;min-width:164px;margin:0;padding:10px 0;background-color:#fff;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);z-index:105}header .plugin-area .toggle-menu li a{display:block;padding:0 15px 0 16px;color:#000;text-decoration:none;letter-spacing:1px;font-size:12px;line-height:40px}header .plugin-area .toggle-menu li a:hover,header .plugin-area .toggle-menu li a:focus{color:#999}header.open nav{display:block;position:fixed;top:70px;right:0;bottom:0;left:0;margin:0;padding:0 48px;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}header nav .nav-list{display:none;position:absolute;left:0;width:100%;margin:0 !important}header nav .nav-list.open{display:block}header nav .nav-list li{list-style:none}header nav .nav-list li a{display:block;color:#000;text-decoration:none;font-size:14px}header nav .nav-list li a:hover,header nav .nav-list li a:focus{color:#999}header nav .nav-list li a img{max-height:70px;vertical-align:middle}header nav .nav-list>li>a{position:relative;padding:15px 20px}header nav .nav-list-button{position:absolute;top:0;right:0;padding:15px 20px;border:0;background-color:transparent;color:#000}header nav .nav-list.type2 .nav-list-button{width:100%;text-align:right;font-size:14px}header nav .nav-list.type2 .nav-list-button i{font-size:13px}nav .nav-list .sub-menu-list>li>a{position:relative;padding:15px 20px}header nav .nav-list>li.on>a{color:#999}header nav .nav-list>li>a:hover{background-color:transparent}header nav .nav-list>li>a>i{float:right;font-size:19px;margin-top:1px}header nav .nav-list .sub-menu .sub-menu-list>li.sub-menu li a{padding-left:40px}header nav .nav-list .sub-menu-list>li.on>a{color:#b0b0b0}header nav .nav-list .sub-menu a .ico-arrow{display:inline-block;position:absolute;right:20px;top:23px;width:0;height:0;margin-left:10px;border-style:solid;border-width:3px;border-color:#000 transparent transparent transparent}header nav .nav-list .sub-menu.open>a .ico-arrow{border-color:#b8a18d transparent transparent transparent}header nav .nav-list .sub-menu .sub-menu-list{display:none;margin:10px 0;padding:0;background-color:#f6f6f6}header nav .nav-list .sub-menu .sub-menu-list.open{display:block}header nav .nav-list .sub-menu.open>a{color:#b8a18d}nav .nav-list .sub-menu.open>a{color:#b8a18d}header nav .nav-list .sub-menu{position:relative}.spot-area{clear:both}.spot-area .swiper-slide{position:relative;overflow:hidden;background-position:center;background-size:cover}.spot-area .swiper-pagination-switch{width:10px;height:10px;display:inline-block;margin:0 5px;border-radius:100%;background:#fff;cursor:pointer}.spot-area .swiper-pagination{bottom:15px;left:0;width:100%;position:absolute;text-align:center;-webkit-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.spot-area .swiper-container{height:820px}.spot-area .item-slide{display:table;width:100%;height:500px;background-size:cover;background-position:50% 50%}.spot-area .item-slide .slide-text{display:table-cell;height:100%;vertical-align:middle;color:#000}.spot-area .item-slide .slide-text strong{font-size:40px;line-height:56px;color:#b8a18d;letter-spacing:1px;font-weight:bold}.spot-area .item-slide .slide-text p{font-size:20px;line-height:30px;color:#fff;font-weight:300}.spot-area .owl-nav{position:absolute;top:50%;color:#fff;width:100%}.spot-area .owl-nav .owl-prev{position:relative;float:left;margin-left:30px;padding-left:25px}.spot-area .owl-nav .owl-prev:after{position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-2px;background-color:#fff;border-radius:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:""}.spot-area .owl-nav .owl-next{position:relative;float:right;margin-right:30px;padding-right:25px}.spot-area .owl-nav .owl-next:after{position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-2px;background-color:#fff;border-radius:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:"";left:auto;right:0}.spot-area .owl-nav .owl-prev:hover,.spot-area .owl-nav .owl-next:hover{color:#b8a18d}.spot-area .owl-nav .owl-prev:hover:after,.spot-area .owl-nav .owl-next:hover:after{background-color:#b8a18d}.spot-area .owl-dots{position:absolute;bottom:26px;width:100%;text-align:center}.spot-area .owl-dot{display:inline-block;zoom:1;height:30px;margin:5px 4px}.spot-area .owl-dot span{display:inline-block;width:30px;height:2px;background:#fff;vertical-align:middle}.spot-area .owl-dot.active span{background:#b8a18d}.spot-area.clickable .owl-dot:hover span{background:#b8a18d}.spot-area .owl-nav{display:none}.sub-spot{height:340px;background:url(../img/bg_sub_spot.jpg) 50% 50% no-repeat;background-size:cover}.sub-spot .table-txt{display:table;height:100%;width:100%;text-align:center}.sub-spot .table-txt>h2{display:table-cell;vertical-align:middle;font-size:40px;letter-spacing:1px;color:#fff;font-weight:normal}.txt-banner .sub-spot{height:170px;background-image:none;background-color:#b8a18d}.txt-banner .table-txt>h2{font-size:21px;text-align:left}.no-spot .sub-spot{height:70px;background-color:transparent;background-image:none}.no-spot .sub-spot .table-txt>h2{padding:0;color:transparent}.no-spot header nav .nav-list li a,.no-spot header .plugin-area .plugin{color:#000}.no-spot header nav .nav-list .sub-menu>a .ico-arrow{border-color:#000 transparent transparent transparent}.footer{background-color:#1B1C1F;color:#fff}.footer>.xe-container,.footer>.xe-container-fluid{padding-top:40px;padding-bottom:60px}.footer .footer-menu-1st img{max-width:100%}.footer .footer-copy{position:relative;padding:20px 0 60px;border-top:1px solid #333}.footer .brand-area a{color:#fff}.footer h3{color:#fff}.footer h3 a{color:#fff}.footer .link-area a{color:#fff}.footer .footer-text,.footer .menu-list li a,.footer .footer-copy p{color:#35373d}.footer .footer-text{margin-bottom:50px}.footer .menu-list li.on a,.footer .menu-list li a:hover{color:#b8a18d}.footer .footer-copy a,.footer .link-area a:hover{color:#b8a18d}.footer h3{margin:40px 0 20px;font-weight:normal}.footer h3:first-child{margin-top:0}.footer .link-area{margin-top:30px}.footer .brand-area{margin-bottom:20px;font-size:47px}.footer .menu-list li{margin-bottom:10px}.footer .link-area a{margin-left:16px;font-size:23px}.footer .xe-form-group{position:absolute;top:25px;right:10px;display:block;height:30px;margin-bottom:0}.footer .xe-form-group .xe-btn{border:1px solid #333;background-color:#1b1c1f;color:#b8a18d;font-size:13px}.footer .xe-form-group .xe-btn:focus,.footer .xe-form-group .xe-btn.focus{background-color:#1b1c1f;border:1px solid #333}.footer .xe-form-group .xe-dropdown-menu{top:auto;bottom:31px;background-color:#1b1c1f}.footer .xe-form-group li a{font-size:13px}.blue-theme .xe-form-group .xe-btn{color:#8ba9ec}.red-theme .xe-form-group .xe-btn{color:#af3333}.sub-container{position:relative}.sub-container:after{position:absolute;left:0;top:0;width:50%;height:100%;background-color:#F4F4F4;content:"";z-index:-2}.sub-container .sub-content{padding:60px 15px 80px}.sub-container .snb{padding:60px 45px 80px 30px}.sub-container .sub-content:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-color:#fff;z-index:-1}.sub-container .snb h3{margin:0 0 40px;font-size:15px;letter-spacing:3px}.sub-container .snb li{margin-bottom:20px}.sub-container .snb li a{display:block;position:relative;font-size:15px;color:#35373d}.sub-container .snb li.on a,.sub-container .snb li.open>a{color:#b8a18d}.sub-container .snb li ul{margin-top:20px}.sub-container .snb li ul li a{position:relative;padding-left:15px}.sub-container .snb li ul li a:after{position:absolute;left:0;top:50%;content:"";width:5px;height:1px;background-color:#000}.sub-container .snb li.open>a:after{position:absolute;left:0;top:50%;content:"";width:5px;height:1px;background-color:#000;left:auto;right:0;width:10px;height:2px;background-color:#b8a18d}.sub-container .snb li ul li.on>a:after{background-color:#b8a18d}.sub-container .snb li.sub-item>a i{float:right;margin-top:3px}.sub-container .snb li.sub-item.open>a i{display:none}.no-snb .sub-container:after{background-color:transparent}.no-snb .sub-container>.xe-container .snb{display:none}.no-snb .sub-container>.xe-container .sub-content{position:static;width:100%}@media (min-width: 768px){.spot-area .item-slide{height:900px;background-size:cover}.spot-area .item-slide .slide-text strong{font-size:68px;line-height:92px}.spot-area .item-slide .slide-text p{font-size:27px;line-height:36px;font-size:27px}.footer .footer-copy{padding:20px 0}.footer h3{margin:0 0 30px}.footer .link-area{margin-top:0}.footer .xe-form-group{position:absolute;top:-8px;right:112px}}@media (max-width: 1199px){.sub-container:after{background-color:transparent}.sub-container .snb{display:none}.sub-container .sub-content{width:100%}}@media (min-width: 1200px){header{height:70px !important;background-color:transparent;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}header .xe-container{position:relative}header nav .nav-list .sub-menu-list>a:hover .ico-arrow{border-color:#b8a18d transparent transparent transparent}header .brand-area{position:absolute;left:15px;line-height:70px;z-index:10}header .brand-area h1{font-weight:normal}header .brand-area .link-brand{display:inline-block}header .brand-area .link-brand img{max-height:70px}header .plugin-area{position:relative;float:right;right:0;height:70px;line-height:70px}header .plugin-area .plugin{color:#fff}header nav .nav-list li a{color:#fff}header .btn-toggle{display:none}header.open{height:100%;min-height:100%;background-color:transparent}header.fixed-header{position:fixed;top:0;background-color:#fff;z-index:1050}header nav{display:block !important;float:right;margin-left:160px;line-height:70px}header.open nav{display:block;position:relative;z-index:0;top:auto;right:auto;bottom:auto;left:auto;margin:0;padding:0;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:initial;overflow-y:inherit}header nav .nav-list{display:block !important;position:relative;height:auto;background-color:transparent}header nav .nav-list>li{float:left;position:relative;z-index:10;padding:0 48px 0 0;background-color:transparent}header nav .nav-list>li>a{position:relative;display:block;padding:0;border:none}header nav .nav-list>li>a>i{display:none}header nav .nav-list>li.on{background-color:transparent}header nav .nav-list .sub-menu-list{position:absolute;top:100%;min-width:200px}header nav .nav-list .sub-menu-list>li>a{padding:0 20px;color:#000;line-height:40px}header nav .nav-list .sub-menu-list .nav-list-button{height:40px;line-height:40px;color:#000}header nav .nav-list .sub-menu>a .ico-arrow{position:static;right:auto;top:auto;border-color:#fff transparent transparent transparent}header nav .nav-list .sub-menu li a .ico-arrow{position:absolute;right:16px;top:19px;border-color:#000 transparent transparent transparent}header nav .nav-list .sub-menu .sub-menu-list{margin:0;padding:10px 0;background-color:#fff}header nav .nav-list-button{right:17px;padding:0 5px;color:#fff}header nav .nav-list.type2 .nav-list-button{right:0;width:100%;padding:0 21px 0 0}header.fixed-header nav .nav-list li a{color:#000}.fixed-header .plugin-area .plugin{color:#000}header.fixed-header{-webkit-box-shadow:0 0px 6px rgba(0,0,0,0.3);box-shadow:0 0px 6px rgba(0,0,0,0.3)}header.fixed-header nav .nav-list .sub-menu>a .ico-arrow{border-color:#000 transparent transparent transparent}.no-spot header{-webkit-box-shadow:0 0px 6px rgba(0,0,0,0.3);box-shadow:0 0px 6px rgba(0,0,0,0.3)}header nav .nav-list .sub-menu-list{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175)}.spot-area .owl-nav{display:block}.sub-container>.xe-container,.sub-container>.xe-container-fluid{position:relative}.sub-container>.xe-container .sub-content,.sub-container>.xe-container-fluid .sub-content{position:absolute;right:0;top:0;bottom:0;height:100%;padding-left:45px}.no-snb .sub-container .sub-content{padding-left:15px}}body.desktop{font-family:'Montserrat','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:13px}body.desktop input,body.desktop textarea,body.desktop select,body.desktop table{font-family:'Montserrat','나눔바른고딕',NanumBarunGothic,ng,'맑은 고딕','Malgun Gothic','돋움',Dotum,'애플 SD 산돌고딕 Neo','Apple SD Gothic Neo',AppleGothic,Helvetica,sans-serif;font-size:13px}.content .content-inner{position:relative;padding-top:80px;text-align:center;z-index:20}.content .content-inner h2{position:relative;font-size:13px;letter-spacing:4px}.content .content-inner h2:after{position:absolute;left:50%;bottom:-20px;content:'';width:104px;height:8px;margin-left:-57px;background:url(../img/title-bg.png) 50% 0 no-repeat}.content .content-inner strong{display:block;margin:40px 0 30px;font-size:40px;font-weight:normal;letter-spacing:-1px}.content .content-inner p{max-width:650px;margin:0 auto;font-size:16px;line-height:26px;letter-spacing:-1px}.content.theme{position:relative;background-color:#ececec}.content.theme .content-title{position:absolute;width:100%;height:100%;z-index:100}.content.theme .content-inner .num{position:absolute;overflow:hidden;left:50%;bottom:-80px;margin-left:-80px}.content.theme .content-inner .num span{float:left;position:relative;width:48px;height:50px;margin-left:8px;cursor:pointer}.content.theme .content-inner .num span:after{position:absolute;top:50%;left:0;content:'';width:100%;height:2px;background-color:#dbdbdb}.content.theme .content-inner .num span.on:after{background-color:#a8866a}.content.theme .content-inner .num span.blue.on:after{background-color:#8ba9ec}.content.theme .content-inner .num span.red.on:after{background-color:#af3333}.content.theme .owl-wrap{position:relative;height:600px}.content.theme .owl-inner{position:absolute;bottom:0;width:100%;height:100%;background:url(../img/img_device_mobile.png) 50% 64px no-repeat;background-size:280px 490px;z-index:10}.content.theme .owl-inner .owl-mobile{width:222px;margin-left:-122px}.content.theme .owl-inner .bg-img{width:222px;height:354px;background-image:url(../img/m_m_brown.png);background-size:cover}.content.theme .owl-inner .bg-img.blue{background-image:url(../img/m_m_blue.png)}.content.theme .owl-inner .bg-img.red{background-image:url(../img/m_m_red.png)}.content.theme .owl-inner .owl-carousel.owl-loaded{position:absolute;bottom:129px;left:50%}.content.theme .owl-color{position:absolute;bottom:0;left:0;height:100%}.content.theme .owl-color .owl-stage-outer{height:100%}.content.theme .theme-color:after{position:absolute;top:260px;left:0;content:'';width:50%;height:362px;background-color:#b8a18d}.content.theme .theme-color .diagonal-area{position:absolute;top:113px;left:0;height:562px;display:block;width:100%;background-color:#b8a18d;-webkit-transform:skew(0deg, 5deg);transform:skew(0deg, 5deg)}.content.theme .theme-color.blue-bg{background-color:#8ba9ec}.content.theme .theme-color.blue-bg .diagonal-area,.content.theme .theme-color.blue-bg:after{background-color:#8ba9ec}.content.theme .theme-color.red-bg{background-color:#af3333}.content.theme .theme-color.red-bg .diagonal-area,.content.theme .theme-color.red-bg:after{background-color:#af3333}.content.welcome{height:1015px;padding-bottom:150px;background:url(../img/bg_welcome_tablet.jpg) 50% 100% no-repeat}.content.welcome .link-info{display:inline-block;height:54px;margin-top:50px;padding:0 20px;background-color:#000;color:#fff;line-height:54px;font-size:16px}.content.welcome .link-info:hover{background-color:#b8a18d}.content.stater{padding-bottom:80px;background:url(../img/bg_starter.jpg) 50% 0 no-repeat;background-size:cover}.content.stater .start-guide{position:relative;margin-top:50px;padding-left:70px;text-align:left}.content.stater .start-guide i{position:absolute;left:0;top:0;width:50px;height:50px;background-color:#1f232f;border-radius:50px;color:#b8a18d;line-height:50px;font-size:25px;text-align:center}.content.stater .start-guide dt{margin-bottom:16px;font-size:19px}.content.stater .start-guide dd{font-size:15px;line-height:23px;color:#666}.content.stater .start-guide dd a{text-decoration:underline;color:#666}.content.stater .start-guide dd a:hover{color:#b8a18d}.content.stater strong{margin-bottom:70px}.content.support .support-list{margin-top:80px}.content.support .xe-col-md-4{position:relative;width:100%;float:none}.content.support .xe-col-md-4 .support-txt{padding:30px 15px;text-align:left}.content.support .xe-col-md-4 .support-img{height:400px;background-image:url(../img/img_support_m.png);background-position:50% 50%;background-size:cover;margin:0 -15px}.content.support .xe-col-md-4 .support-img.second{background-image:url(../img/img_support2_m.png)}.content.support .xe-col-md-4 .support-img.third{background-image:url(../img/img_support3_m.png)}.content.support .xe-col-md-4 .support-txt dt{font-size:26px}.content.support .xe-col-md-4 .support-txt dd{margin:15px 0 25px;font-size:17px;color:#666}.content.involve{height:668px;background:url(../img/bg_involve.png) 50% 100% no-repeat #1f232f}.content.involve .involve-inner{padding-top:80px;text-align:center}.content.involve .involve-inner h2{font-size:32px;color:#fff;font-weight:normal}.content.involve .involve-inner p{margin:36px 0 20px;font-size:16px;color:#fff;line-height:26px}.content.involve .involve-inner a{position:relative;padding-right:20px;font-size:16px;color:#b8a18d;letter-spacing:1px}.content.support .xe-col-md-4 .support-txt .table-txt a{position:relative;padding-right:20px;font-size:16px;color:#b8a18d;letter-spacing:1px}.content.involve .involve-inner a:after,.content.support .xe-col-md-4 .support-txt .table-txt a:after{position:absolute;right:0;top:50%;width:7px;height:7px;margin-top:-4px;background-color:#b8a18d;border-radius:1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);content:''}.content.parallax{height:500px;background:url(../img/img_parallax.jpg) 50% 0 no-repeat fixed;background-size:cover}.content.parallax .xe-container{position:relative;height:100%}.content.parallax strong{display:block;position:relative;margin:190px auto 0;vertical-align:middle;font-size:46px;color:#fff;line-height:62px;font-weight:normal;z-index:1}.content.parallax .rectangle{display:table;position:absolute;left:50%;top:50%;width:200px;height:350px;margin-top:-175px;margin-left:-119px;padding:20px;border:4px solid #b8a18d;z-index:0}.content.parallax .rectangle p{display:table-cell;vertical-align:bottom;color:#fff;text-align:right}.content.parallax .rectangle p a{color:#fff}@media (min-width: 768px){.content.involve .involve-inner{text-align:left;padding-top:132px}.content.involve .involve-inner h2{font-size:46px}.content.stater{margin:20px}.content.theme .owl-wrap{margin-top:70px}.content.theme .owl-inner{background:url(../img/img_device_tablet.png) 50% 30px no-repeat;background-size:538px 492px}.content.theme .owl-inner .owl-carousel.owl-loaded{bottom:151px}.content.theme .owl-inner .bg-img{width:120px;height:214px;background-image:url(../img/t_m_brown.png)}.content.theme .owl-inner .bg-img.blue{background-image:url(../img/t_m_blue.png)}.content.theme .owl-inner .bg-img.red{background-image:url(../img/t_m_red.png)}.content.theme .owl-inner .owl-mobile{width:120px;margin-left:-258px;margin-left:-258px}.content.theme .owl-inner .owl-tablet{width:275px;height:368px;margin:0 0 12px -55px}.content.theme .owl-inner .owl-tablet .bg-img{width:275px;height:368px;background-image:url(../img/t_t_brown.png)}.content.theme .owl-inner .owl-tablet .bg-img.blue{background-image:url(../img/t_t_blue.png)}.content.theme .owl-inner .owl-tablet .bg-img.red{background-image:url(../img/t_t_red.png)}.content.parallax strong,.content.parallax .rectangle{width:400px}}@media (min-width: 1200px){.content .content-inner{padding-top:100px}.content.welcome{background-image:url(../img/bg_welcome.jpg)}.content.stater{height:918px;padding-bottom:0}.content.theme .owl-inner{background:url(../img/img_device_pc.png) 50% 100px no-repeat}.content.theme .owl-inner .owl-carousel.owl-loaded{bottom:179px}.content.theme .owl-inner .bg-img{width:93px;height:157px;background-image:url(../img/pc_m_brown.png)}.content.theme .owl-inner .bg-img.blue{background-image:url(../img/pc_m_blue.png)}.content.theme .owl-inner .bg-img.red{background-image:url(../img/pc_m_red.png)}.content.theme .owl-inner .owl-mobile{width:93px;margin-left:-481px}.content.theme .owl-inner .owl-tablet{width:170px;height:230px;margin:0 0 6px -341px}.content.theme .owl-inner .owl-tablet .bg-img{width:170px;height:230px;background-image:url(../img/pc_t_brown.png)}.content.theme .owl-inner .owl-tablet .bg-img.blue{background-image:url(../img/pc_t_blue.png)}.content.theme .owl-inner .owl-tablet .bg-img.red{background-image:url(../img/pc_t_red.png)}.content.theme .owl-inner .owl-pc{width:461px;height:291px;margin:0 0 11px -67px}.content.theme .owl-inner .owl-pc .bg-img{width:461px;height:291px;background-image:url(../img/pc_pc_brown.png)}.content.theme .owl-inner .owl-pc .bg-img.blue{background-image:url(../img/pc_pc_blue.png)}.content.theme .owl-inner .owl-pc .bg-img.red{background-image:url(../img/pc_pc_red.png)}.content.support .xe-col-md-4{float:left;width:33.33333%}.content.support .xe-col-md-4 .support-txt{position:absolute;left:50px;bottom:230px;width:300px;padding:0;text-align:center}.content.support .xe-col-md-4 .second+.support-txt{bottom:auto;top:50px}.content.support .xe-col-md-4 .support-txt dt{font-size:20px}.content.support .xe-col-md-4 .support-txt dd{margin:30px 0;font-size:17px;line-height:26px}.content.support .xe-col-md-4 .support-txt .table-txt a{font-size:15px;display:inline-block;padding:0;width:0;text-indent:-9999px}.content.support .xe-col-md-4:hover>.support-txt .table-txt a{padding-right:20px;width:auto;text-indent:0}.content.support .xe-col-md-4 .support-img{height:480px;margin:0 0 170px 0;background-image:url(../img/img_support.png);-webkit-box-shadow:18px 34px 14px rgba(0,0,0,0.1);box-shadow:18px 34px 14px rgba(0,0,0,0.1)}.content.support .xe-col-md-4 .support-img.second{background-image:url(../img/img_support2.png)}.content.support .xe-col-md-4 .support-img.third{background-image:url(../img/img_support3.png)}.content.involve{height:450px;background-position:90% 100%}}@media (min-width: 1068px){.black-header header{background-color:#000}.black-header header.fixed-header{background-color:#000}.black-header header.fixed-header nav .nav-list li a{color:#fff}.black-header header nav .nav-list .sub-menu-list>li>a,.black-header header.fixed-header .plugin-area .plugin{color:#fff}.black-header.no-spot header nav .nav-list li a,.black-header.no-spot header .plugin-area .plugin{color:#fff}.black-header header.fixed-header nav .nav-list .sub-menu>a .ico-arrow{border-color:#fff transparent transparent transparent}.black-header header nav .nav-list .sub-menu>a .ico-arrow{border-color:#fff transparent transparent transparent}.black-header header nav .nav-list .sub-menu .sub-menu-list{background-color:#000}.white-header header{background-color:#fff}.white-header header.fixed-header{background-color:#fff}.white-header header nav .nav-list li a,.white-header header .plugin-area .plugin{color:#000}.white-header header nav .nav-list .sub-menu>a .ico-arrow{border-color:#000 transparent transparent transparent}.white-header header nav .nav-list .sub-menu .sub-menu-list{background-color:#fff}.white-header .sub-spot h2{padding-top:70px}.black-header .sub-spot h2{padding-top:70px}.body header nav .nav-list li.on>a,.body header nav .nav-list .sub-menu-list>li.on>a{color:#b8a18d}.body header nav .nav-list .sub-menu .sub-menu.open a .ico-arrow{border-color:#b8a18d transparent transparent transparent}.body header nav .nav-list .sub-menu.open>a{color:#b8a18d}.body header nav .nav-list .sub-menu.open>a .ico-arrow{border-color:#b8a18d transparent transparent transparent}.body header.fixed-header nav .nav-list .sub-menu.open>a .ico-arrow{border-color:#b8a18d transparent transparent transparent}.none-fixed-header header.fixed-header{position:absolute}}.blue-theme header nav .nav-list .sub-menu.open>a .ico-arrow,.blue-theme header nav .nav-list .sub-menu .sub-menu.open a .ico-arrow{border-color:#8ba9ec transparent transparent transparent}.blue-theme header .link-brand,.blue-theme header nav .nav-list .sub-menu.open>a{color:#8ba9ec}.blue-theme nav .nav-list .sub-menu.open>a,.blue-theme .spot-area .item-slide .slide-text strong{color:#8ba9ec}.blue-theme .sub-container .snb li.on a,.blue-theme .sub-container .snb li.open>a{color:#8ba9ec}.blue-theme .spot-area .owl-nav .owl-prev:hover,.blue-theme .spot-area .owl-nav .owl-next:hover{color:#8ba9ec}.blue-theme .footer .menu-list li.on a,.blue-theme .footer .menu-list li a:hover{color:#8ba9ec}.blue-theme .footer .footer-copy a,.blue-theme .footer .link-area a:hover{color:#8ba9ec}.blue-theme .content.stater .start-guide i,.blue-theme .content.stater .start-guide dd a:hover{color:#8ba9ec}.blue-theme .content.involve .involve-inner a,.blue-theme .content.support .xe-col-md-4 .support-txt .table-txt a{color:#8ba9ec}.blue-theme .spot-area .owl-dot.active span,.blue-theme .spot-area.clickable .owl-dot:hover span{background:#8ba9ec}.blue-theme .spot-area .owl-nav .owl-prev:hover:after,.blue-theme .spot-area .owl-nav .owl-next:hover:after{background:#8ba9ec}.blue-theme.txt-banner .sub-spot{background:#8ba9ec}.blue-theme .sub-container .snb li.open>a:after,.blue-theme .sub-container .snb li ul li.on>a:after{background:#8ba9ec}.blue-theme .content.welcome .link-info:hover,.blue-theme .content.involve .involve-inner a:after,.blue-theme .content.support .xe-col-md-4 .support-txt .table-txt a:after{background:#8ba9ec}.blue-theme .content.parallax .rectangle{border-color:#8ba9ec}@media (min-width: 1068px){.blue-theme header nav .nav-list .sub-menu-list>a:hover .ico-arrow,.blue-theme header.fixed-header nav .nav-list .sub-menu.open>a .ico-arrow{border-color:#8ba9ec transparent transparent transparent}.blue-theme header nav .nav-list .sub-menu .sub-menu.open a .ico-arrow{border-color:#8ba9ec transparent transparent transparent}.blue-theme header nav .nav-list .sub-menu.open>a{color:#8ba9ec}.blue-theme header nav .nav-list li.on>a,.blue-theme header nav .nav-list .sub-menu-list>li.on>a{color:#8ba9ec}}.red-theme header nav .nav-list .sub-menu.open>a .ico-arrow,.red-theme header nav .nav-list .sub-menu .sub-menu.open a .ico-arrow{border-color:#af3333 transparent transparent transparent}.red-theme header .link-brand,.red-theme header nav .nav-list .sub-menu.open>a{color:#af3333}.red-theme nav .nav-list .sub-menu.open>a,.red-theme .spot-area .item-slide .slide-text strong{color:#af3333}.red-theme .sub-container .snb li.on a,.red-theme .sub-container .snb li.open>a{color:#af3333}.red-theme .spot-area .owl-nav .owl-prev:hover,.red-theme .spot-area .owl-nav .owl-next:hover{color:#af3333}.red-theme .footer .menu-list li.on a,.red-theme .footer .menu-list li a:hover{color:#af3333}.red-theme .footer .footer-copy a,.red-theme .footer .link-area a:hover{color:#af3333}.red-theme .content.stater .start-guide i,.red-theme .content.stater .start-guide dd a:hover{color:#af3333}.red-theme .content.involve .involve-inner a,.red-theme .content.support .xe-col-md-4 .support-txt .table-txt a{color:#af3333}.red-theme .spot-area .owl-dot.active span,.red-theme .spot-area.clickable .owl-dot:hover span{background:#af3333}.red-theme .spot-area .owl-nav .owl-prev:hover:after,.red-theme .spot-area .owl-nav .owl-next:hover:after{background:#af3333}.red-theme.txt-banner .sub-spot{background:#af3333}.red-theme .sub-container .snb li.open>a:after,.red-theme .sub-container .snb li ul li.on>a:after{background:#af3333}.red-theme .content.welcome .link-info:hover,.red-theme .content.involve .involve-inner a:after,.red-theme .content.support .xe-col-md-4 .support-txt .table-txt a:after{background:#af3333}.red-theme .content.parallax .rectangle{border-color:#af3333}@media (min-width: 1068px){.red-theme header nav .nav-list .sub-menu-list>a:hover .ico-arrow,.red-theme header.fixed-header nav .nav-list .sub-menu.open>a .ico-arrow{border-color:#af3333 transparent transparent transparent}.red-theme header nav .nav-list .sub-menu .sub-menu.open a .ico-arrow{border-color:#af3333 transparent transparent transparent}.red-theme header nav .nav-list .sub-menu.open>a{color:#af3333}.red-theme header nav .nav-list li.on>a,.red-theme header nav .nav-list .sub-menu-list>li.on>a{color:#af3333}}


.sub-container .sub-content {
  padding: 30px 15px 80px;
}



body {

background: #000000 !important;
}




header {

background: #000000 !important;
}


#sub-container {

background: #212121 !important;
}


.thumbnail-cover { 
border:2px solid #222222;
}

a.thumbnail-cover:hover {
  color: orange;
}


a.sub-menu { color:#efefef; }


.board_list td.title .title_text:visited, .board_list.v2 .title:visited {
color:#efefef;

}

.board_list td.title .title_text:a, .board_list.v2 .title:a {
color:#efefef;

}


.no-spot header nav .nav-list li a, .no-spot header .plugin-area .plugin {
  color: #efefef;
}

.sub-menu-list {
background: #3e3e3e !important;
}


.board_list a {
  text-decoration: none;
  color: #ffffff;
}

.board_list {
  text-decoration: none;
  color: #ffffff;
}


.board_list table {

 text-decoration: none;
  color: #ffffff;

  }

  .board_list tbody tr.on, .board_list tbody tr:hover {

background: #3e3e3e !important;
  }

.bd_paginate > strong,
.bd_paginate > a:hover {
  border-color: #000000;
  font-weight: normal;
  background-color: #000000;
  color: #fff;
  transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
}


.comment_header .total_count {
  display: inline-block;
  height: 40px;
  padding-right: 5px;
  border-bottom: 2px solid #273238;
  line-height: 40px;
  font-size: 13px;
  color: #efefef;
}


.comment_entity_body_meta .author {
  color: #546673;
  font-size: 14px;
  color: #efefef;
}


.read_header h1 a {
  color: #e5e5e5;
}

.xe-label .xe-label-text {
  display: inline-block;
  padding-left: 25px;
  color: #e5e5e5;
}

.xe-label>input[type="checkbox"]:checked+.xe-input-helper {
  border-color: transparent;
  background-color: #000;
}



.xe-btn-primary-outline {
  color: #fff;
  background-color: #3e3e3e;
  border-color: #222222;
}

.xe-btn-primary-outline:hover {
  color: #fff;
  background-color: #000000;
  border-color: #3e3e3e;
}

.xe-form-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 7px 16px;
  font-size: 14px;
  line-height: 1.42857;
  color: #efefef;
  background-color: #000000;
  border: 1px solid #3e3e3e;
  border-radius: 2px;
  box-shadow: none;
  outline: none;
}


.user, input, textarea, select, table, h1, h2, h3, h4, h5, h6 {
  font-family: "Source Sans Pro","나눔바른고딕",NanumBarunGothic,"맑은 고딕","Malgun Gothic","돋움",Dotum,"애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",AppleGothic,Helvetica,sans-serif;
}

.user a {
  color: #959595;
  text-decoration: none;
}

.user a:hover {
  color: #ffffff;
  text-decoration: none;
}



.user .auth-text {
  margin-top: 24px;
  text-align: center;
	color: #676767;
}

.xe-btn-primary {
  color: #fff;
  background-color: #000000;
  border-color: #3e3e3e;
}

a:hover{color:#ffffff;
}

.xe-btn {
 color: #efefef;
  background-color: #000000;

}

.xe-dropdown-menu li.on a {
  background: #3e3e3e;
	color: #676767
}


.error-page-contents>.login-header {
  padding: 32px 15px 0;
  border-bottom: 0;
  text-align: center;
	background-color: #000000;
	color:#ffffff;
}
.error-page-contents>.login-header h1 {
  margin-top: 25px;
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
}


.error-page-contents>.login-body {
  padding: 20px 40px 0;
	 background-color: #000000;
}

.error-page-contents>.login-footer {

	 background-color: #000000;
}

.login-footer {

	 background-color: #000000;
}

.error-page-contents>.login-footer {
  padding: 13px 0 34px;
  margin: 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-radius: 0;
  box-shadow: none;
  background: #000000;
  color: #888;
}


.board_list th {
  border: 0;
  border-bottom: 1px solid #3e3e3e;
	border-top: 1px solid #3e3e3e;
  padding: 24px 0 25px;
  white-space: nowrap;
  font-size: 15px;
  text-align: center;
}

.user h1 {
  color: #ffffff;
}

.main-content h2, .main-content h3 {
  padding: 0 0 12px 16px;
  font-size: 13px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 16px;
}


.setting-group p, .setting-detail p {
  margin-bottom: 8px;
  font-weight: 600;
  color: #ffffff;
}

.error-page-contents {
  background-color: #000000;
  border: 1px solid #272727;
  border-radius: 0;
  box-shadow: none;
  box-sizing: initial;
}


.error-page-contents>.login-body a {
  display: block;
  height: 48px;
  border: 1px solid #3e3e3e;
  background-color: #222222;
  font-size: 15px;
  line-height: 48px;
  text-align: center;
  color: #fafafa;
}


.xe-dropdown>.xe-btn, .xe-dropup>.xe-btn, .xe-select-box.xe-btn {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 37px;
  text-align: left;
  white-space: nowrap;
  outline: none;
	border:0;
}


header .plugin-area .toggle-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 164px;
  margin: 0;
  padding: 10px 0;
  background-color: #efefef;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  z-index: 105;
}

.board_list .no_article {
  height: 218px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.error-page-contents>.login-footer {
  border-top: 1px solid #333;
  background: #000000;
  color: #888;
}


.xe-dropdown-menu {
  background-color: #000;
  z-index: 10;
}

.article-thumnail li .xe-title-area {
  padding: 0 15px;
  background-color: #111;
	color:#fff;
}

.board_list.v2 .title {
  color: #adadad;
}

.xe-dropdown>.xe-btn:hover, .xe-dropup>.xe-btn:hover, .xe-select-box.xe-btn:hover {
  background-color: #000;
}

.xe-dropdown>.xe-btn:focus, .xe-dropdown>.xe-btn.focus, .xe-dropdown>.xe-btn:active, .xe-dropdown>.xe-btn.active, .xe-dropup>.xe-btn:focus, .xe-dropup>.xe-btn.focus, .xe-dropup>.xe-btn:active, .xe-dropup>.xe-btn.active, .xe-select-box.xe-btn:focus, .xe-select-box.xe-btn.focus, .xe-select-box.xe-btn:active, .xe-select-box.xe-btn.active {
  background-color: #000;
}

.xe-btn:hover, .xe-btn:focus, .xe-btn.focus {
  color: #fff;
  text-decoration: none;
}

.xe-dropdown>.xe-btn:active:focus, .xe-dropup>.xe-btn:active:focus, .xe-select-box.xe-btn:active:focus {
  background-color: #000;
  outline: none;
}

.xe-dropdown-menu li.on a {
  background: #3e3e3e;
  color: #fff;
}


.article-table-title { 
	padding-top:20px; 
	padding-bottom:5px; 
}


.article-thumnail li .xe-title-category {
  display:none;
}

.article-thumnail li .xe-title-text {
  padding: 15px 0 13px !important;
}


header .plugin-area .toggle-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 164px;
  margin: 0;
  padding: 10px 0;
  background-color: #3e3e3e;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  z-index: 105;
}

header .plugin-area .toggle-menu li a:hover, header .plugin-area .toggle-menu li a:focus {
  color: #fff;
}

header .plugin-area .toggle-menu li a {
  color: #efefef;
}


.xe-dropdown-menu li>a {
  color: #ffffff;
   
}


@media (min-width: 768px) {
  .spot-area .item-slide {
    height: 760px;
    background-size: cover;
  }
}

/* board */
.board_header .bd_search_area {
  display: none;
  clear: both;
  background-color: #000;
}


.board_header .bd_search_detail .bd_search_detail_option {
   
  background-color:#222;
}



element.style {
}
.board_header .bd_search_detail .xe-control-label, .board_header .bd_manage_detail .xe-control-label {
  color: #ffffff;
}

.board_header .bd_search_detail {
  
  border-top: 1px solid #111111;
}


.board_header .bd_search_footer {
   
  border-top: 1px solid #111111;
}

.article-thumnail li .xe-title-area {
  padding: 0 15px !important;
  background-color: #111 !important;
	  color:#fff !important;
}

.article-thumnail li:hover .xe-title-area {
  background-color: #333 !important;
}

.article-table.type2 {
  background: #111 !important;
}

.article-table tr td {
  background: #111 !important;
  border-bottom: 1px solid #222 !important;
}

.article-table tr td.title a strong {
  color: white !important;
}

.article-table-more.xe-hidden-sm {
  float: right;
  right: 0;
  top: 5px;
  height: auto;
  line-height: normal;
}

.article-table-more.xe-hidden-sm,
.link-more-board.xe-hidden-sm {
  float: right;
  right: 0;
  top: 5px;
  height: auto;
  padding-top: 20px !important;
  line-height: normal;
  color: #efefef !important;
  font-size: 16px !important;
  text-align: center !important;
}
.link-more-board.xe-visible-xs {
  color: #efefef !important;
}

.article-table-title {
color:#efefef !important;
}


.article-thumnail li .xe-title-text {
  	color: #FFF;
}






@media (max-width: 974px) {
  .article-table-title {
    margin-left: 0px !important;
  } 
}

@media (max-width: 974px) {
  .article-thumnail li {
    max-width: initial !important;
  }
}

.article-thumnail li .xe-thumnail-box {
  max-width: initial !important;
}

.article-table.type2 td {
  padding: 15px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.article-table.type2 tr:hover td {
  background: #333 !important;
}

@media (max-width: 974px) {
  .article-table.type2 td {
    padding: 15px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .article-table.type2 td:first-child {
    padding: 15px !important;
  }
}


.board_header .bd_manage_detail {
   
  background-color: #333 !important;
}

.footer {
  background-color: #070707 !important;
  color: #fff;
}


.footer-copy {
	display:none !important;
}

.exif-info {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
}

header .xe-container {
  height: 100%;
}

header .brand-area {
  display: flex !important;
  height: 100%;
  align-items: center;
  justify-content: center;
}

header .brand-area h1 {
  display: flex !important;
}

header .brand-area h1 a{
  display: flex !important;
}


header .brand-area img {
  max-height: 50px !important;
}

/* board write cke, file */

.file-attach-group .file-attach {
  background: #333;
  color: #ffff66;
}

.board_write .cke {
  border: 1px solid #444 !important;
}


.cke_wysiwyg_div, .cke_wysiwyg_frame {
  background-color: #3e3e3e !important;
  color:#fff !important;
}

.cke_inner,
.cke_source {
  background: #000000 !important;
}

.board_comment .cke {
  border: 1px solid #000 !important;
}

.board div.input {
  border: 1px solid #000 !important;
  background: #000 !important;
}
.board div.input input {
  background: #000 !important;
  color: white;
}

.board, .board label, .board table, .board input, .board textarea, .board select {
  font-size: 13px;
  font-family: "Nanum Barun Gothic","나눔고딕",NanumGothic,"돋움",Dotum,Helvetica Neue,Helvetica,sans-serif;
  color: #efefef;
}

xe-content, .xe-content, .xe_content, .cke_editable {
  color: #e9e9e9;
}

.xe-upload-time {
  display: none !important;
}

.footer .brand-area {
  font-size: 30px !important;
}

.footer .footer-text, .footer .menu-list li a, .footer .footer-copy p {
  color: #fff !important;
	line-height:25px !important;
}


.xe-col-md-6 .article-thumnail .xe-thumnail-box {
  width: 265px !important;
  height: 171px !important;
}

@media all and (max-width: 974px) {
  .xe-col-md-6 .article-thumnail .xe-thumnail-box {
    width: 100% !important;
    margin-left: 0;
  }
}
