@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700");header .brand-area h1{margin:0;padding:0}header ul{margin:0;padding:0;list-style:none}.content.welcome h2,.content.involve .involve-inner h2{margin:0;padding:0}.stater-list,.footer p,.breadcrumb{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,.item-slide-text p{margin:0;padding:0}.content.welcome .link-info,.content.involve .involve-inner a{text-decoration:none}header 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}.link-brand,.content.support .xe-col-md-4 .support-txt .table-txt a,.sub-container .snb li a,.footer a,.breadcrumb a{text-decoration:none}.stater-list,.footer ul,.snb li,.plugin-area li,.breadcrumb li{list-style:none}body,input,select,table,textarea{font-family:"애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", AppleGothic, Helvetica, sans-serif;color:#101010;font-size:13px}body.desktop{font-family:"Open Sans", "나눔바른고딕", NanumBarunGothic, "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", AppleGothic, Helvetica, sans-serif}body.desktop input,body.desktop select,body.desktop table,body.desktop textarea{font-family:"Open Sans", "나눔바른고딕", NanumBarunGothic, "맑은 고딕", "Malgun Gothic", "돋움", Dotum, "애플 SD 산돌고딕 Neo", "Apple SD Gothic Neo", AppleGothic, Helvetica, sans-serif}html{left:0;right:0}.skip{margin:0;padding:0}.skip>a{position:relative;overflow:hidden;display:block;height:0;line-height:28px;background-color:#fff;text-align:center;z-index:1000}.skip>a:focus{height:auto}.transition{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.dim{display:none;position:fixed;top:0;right:0;left:0;bottom:0;z-index:990;background:#010101;opacity:0.5;cursor:pointer}.btn-slide{position:absolute;left:6px;top:6px;width:48px;height:48px;padding:0;background-color:transparent;border:none;outline:none;font-size:26px;color:#a4a4a4;z-index:999;cursor:pointer}header{position:relative;height:60px}header .brand-area h1 a{color:#f15525;font-size:17px;line-height:60px}header .brand-area h1 a img{max-width:80px;max-height:30px;margin-top:13px}header .btn-close-header{position:absolute;left:-50px;top:5px;width:50px;height:50px;padding:0;border:none;background-color:transparent;color:#fff;font-size:30px;cursor:pointer;outline:none;z-index:110}header.open nav{left:0}header.open .btn-close-header{left:260px}header>div .brand-area{text-align:center}header>div nav{overflow:hidden;overflow-y:auto;position:fixed;left:-260px;top:0;bottom:0;width:260px;height:100%;z-index:999;background-color:#fff;border-right:1px solid #e3e3e3;box-sizing:border-box;-webkit-overflow-scrolling:touch}header>div nav .nav-list{margin:30px 0 63px}header>div nav .nav-list li a{display:block;padding:10px 30px;font-size:15px;color:#101010}header>div nav .nav-list li.on a,header>div nav .nav-list li.open-fixed a{color:#f15525}header>div nav .nav-list li.sub-menu.open>a{color:#f15525}header>div nav .nav-list li.sub-menu.open>a::after{border-color:#f15525 transparent transparent transparent}header>div nav .nav-list li.sub-menu.open>.sub-wrap{padding:10px 0}header>div nav .nav-list li.sub-menu>a{position:relative}header>div nav .nav-list li.sub-menu>a::after{display:inline-block;position:absolute;right:30px;top:50%;width:0;height:0;margin-top:-2px;border-style:solid;border-width:4px;border-color:#000 transparent transparent transparent;content:""}header>div nav .nav-list li.sub-menu>.sub-wrap{background-color:#dae8f2}header>div nav .nav-list li.sub-menu .sub-menu-list{display:none}header>div nav .nav-list li.sub-menu .sub-menu-list a{font-size:17px;color:#8b8b8b}header>div nav .nav-list li.sub-menu .sub-menu-list a:after{border-color:#8b8b8b transparent transparent transparent}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open>a{color:#101010}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open>a:after{border-color:#101010 transparent transparent transparent}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open .sub-wrap{padding:15px 0}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu .sub-wrap .sub-menu-list a{padding:7px 40px;color:#101010;font-size:15px}header>div nav .nav-list li.sub-menu.open-fixed>.sub-wrap>div>.sub-menu-list{display:block}header>div .auth-group{margin:0 0 30px 30px}header>div .auth-group ul{font-size:0}header>div .auth-group ul li{display:inline-block;position:relative;padding:0 10px}header>div .auth-group ul li a{line-height:normal;color:#a5a5a5;font-size:15px}header>div .auth-group ul li a i{vertical-align:top;padding-top:2px;font-size:16px;color:#d8d8d8}header>div .auth-group ul li a i:hover{color:#f15525}header>div .auth-group ul li.member-name a{color:#101010;font-weight:600}header>div .auth-group ul li.member-name a:after{position:absolute;top:50%;right:-1px;width:3px;height:3px;margin-top:0px;background-color:#d8d8d8;border-radius:2px;content:""}header>div .auth-group ul li.li-block{display:block;padding-top:10px}.main-wrap{position:relative}.main-wrap:before{content:"";display:table}.main-wrap .sub-banner{width:100%;height:240px;background-position:50% 50%;background-size:cover}.main-wrap .sub-banner>.xe-container{position:relative;height:100%}.main-wrap .sub-banner>.xe-container>div{display:table;width:100%;height:100%;text-align:center}.main-wrap .sub-banner>.xe-container>div h2{display:table-cell;vertical-align:middle;text-align:center;font-size:32px;color:#fff;font-weight:300}.main-wrap .sub-banner>.xe-container>div .breadcrumb{position:absolute;right:15px;top:35px}.main-wrap .sub-banner>.xe-container>div .breadcrumb li{display:inline-block;position:relative;padding-left:20px;color:#fff}.main-wrap .sub-banner>.xe-container>div .breadcrumb li::after{position:absolute;left:3px;top:50%;width:6px;height:6px;margin-top:-2px;border-top:1px solid #fff;border-right:1px solid #fff;background-color:transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);content:""}.main-wrap .sub-banner>.xe-container>div .breadcrumb li:first-child{padding-left:0}.main-wrap .sub-banner>.xe-container>div .breadcrumb li:first-child::after{border-color:transparent}.main-wrap .sub-banner>.xe-container>div .breadcrumb li a{font-size:15px;color:#fff}.main-wrap .sub-banner>.xe-container>div .breadcrumb li a:hover{text-decoration:underline}.main-wrap .sub-content{margin-top:50px;margin-bottom:80px}.main-wrap .footer{padding:21px 0;font-size:12px;color:#a5a5a5;text-align:center}.main-wrap .footer p{margin-bottom:5px}.main-wrap .footer a{color:#a5a5a5}.main-wrap .footer em{font-style:normal;font-weight:600}.main-wrap .footer em a{color:#f15525}.no-banner .sub-banner{height:auto;background-image:none !important}.no-banner .sub-banner>.xe-container>div h2{display:none}.no-banner .sub-banner>.xe-container>div .breadcrumb{position:static;margin-top:30px;text-align:left}.no-banner .sub-banner>.xe-container>div .breadcrumb li::after{border-top:1px solid #8b8b8b;border-right:1px solid #8b8b8b}.no-banner .sub-banner>.xe-container>div .breadcrumb li a{color:#8b8b8b}.no-banner .sub-banner>.xe-container>div .breadcrumb li.on{color:#f15525}.no-banner .sub-content{margin-top:50px}.pull-bg .main-wrap{background:url(../img/bg_contact.jpg) 50% 0 no-repeat;background-size:cover;min-height:100%;height:100%}.pull-bg .main-wrap .breadcrumb{display:none}.pull-bg .main-wrap .sub-content{margin-top:136px;margin-bottom:150px}.owl-slider .item-slide{height:440px;background-size:cover}.owl-slider .item-slide .item-slide-text{padding:55px 15px 0}.owl-slider .item-slide .item-slide-text p{margin-bottom:35px;font-size:33px;font-weight:300}.owl-slider .item-slide .item-slide-text strong{font-size:25px}.owl-slider .owl-stage{padding-left:0 !important}.owl-slider .owl-nav{display:none;position:absolute;top:50%;margin-top:-25px;color:#fff;width:100%;opacity:0}.owl-slider .owl-nav .owl-prev,.owl-slider .owl-nav .owl-next{position:relative;float:left;width:50px;height:50px;margin-left:60px;background-color:#f0f2f5;background-color:rgba(255,255,255,0.5);text-indent:-9999px;font-size:0}.owl-slider .owl-nav .owl-prev:after,.owl-slider .owl-nav .owl-next:after{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -4px;border-top:1px solid #000;border-right:1px solid #000;background-color:transparent;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg);content:""}.owl-slider .owl-nav .owl-next{float:right;margin-left:auto;margin-right:60px}.owl-slider .owl-nav .owl-next:after{margin-left:-11px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.owl-slider .owl-dots{position:absolute;left:0;right:0;bottom:40px;text-align:center}.owl-slider .owl-dot{display:inline-block;zoom:1;display:inline;height:30px;margin:5px 4px}.owl-slider .owl-dot span{display:inline-block;width:10px;height:10px;background-color:#fff;border-radius:50%;vertical-align:middle}.owl-slider .owl-dot.active span{width:28px;background-color:#f15525;border-radius:7px}.owl-slider.owl-bottom{background-color:#36373c}.owl-slider.owl-bottom .item-slide{height:auto;padding-top:90px}.owl-slider.owl-bottom .item-slide .item-slide-text{min-height:110px;padding:145px 15px 33px;background-size:187px 108px;background-position:50% 0;background-repeat:no-repeat;text-align:center}.owl-slider.owl-bottom .item-slide .item-slide-text strong{display:block;margin-bottom:5px;font-size:36px;color:#f15525;font-weight:300}.owl-slider.owl-bottom .item-slide .item-slide-text p{margin-bottom:0;font-size:17px;line-height:24px;color:#b1b1b1}.owl-slider.owl-bottom .owl-dots{top:34px;bottom:auto}.owl-slider.owl-bottom .owl-dots .owl-dot span{width:10px;height:10px}.owl-slider.owl-bottom .owl-dots .owl-dot.active span{width:26px}@media (min-width: 992px){header{display:table;position:fixed;left:0;top:0;bottom:0;width:200px;height:100%;z-index:999;background-color:#fff;border-right:1px solid #e3e3e3;box-sizing:border-box;-webkit-overflow-scrolling:touch;height:100%}header .brand-area h1 a{font-size:25px}header .brand-area h1 a img{max-width:120px;max-height:50px;margin-top:0}header .btn-close-header{display:none !important}header>div{display:table-cell;vertical-align:middle}header>div nav{position:static;display:table-cell;left:0;width:200px;overflow:visible;text-align:center;vertical-align:middle;border-right:none}header>div nav .brand-area{margin:0}header>div nav .nav-list{margin:50px 0 50px}header>div nav .nav-list li a{display:block;padding:12px 5px;font-size:15px}header>div nav .nav-list li a:hover{color:#f15525 !important}header>div nav .nav-list li.sub-menu .sub-wrap{display:none;position:absolute;top:0;bottom:0;right:0;width:150px;text-align:center;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}header>div nav .nav-list li.sub-menu .sub-wrap div{display:table;width:100%;height:100%}header>div nav .nav-list li.sub-menu .sub-wrap div>.sub-menu-list{display:table-cell;vertical-align:middle;position:relative;top:100px;}header>div nav .nav-list li.sub-menu.open>.sub-wrap,header>div nav .nav-list li.sub-menu:hover>.sub-wrap,header>div nav .nav-list li.sub-menu.open-fixed>.sub-wrap{display:block;background-color:rgb(red(#dae8f2),232,242 );background-color:rgba(218,232,242,0.8);left:100%}header>div nav .nav-list li.sub-menu>a::after{border-color:transparent !important}header>div nav .nav-list li.sub-menu .sub-menu-list{display:block}header>div nav .nav-list li.sub-menu .sub-menu-list a{font-size:15px;color:#101010}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open>a{color:#f15525}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open .sub-wrap{position:relative;padding:17px 0;left:auto;background-color:transparent}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open .sub-wrap::after{position:absolute;left:50%;top:6px;width:20px;height:1px;margin-left:-10px;background-color:#f15525;content:""}header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open .sub-wrap .sub-menu-list a{padding:6px 5px;font-size:13px;color:#8b8b8b}header>div nav .nav-list li.open>.sub-wrap{background-color:transparent}header>div .auth-group{margin:0}header>div .auth-group li a{font-size:13px}header.depth-fixed+.main-wrap{margin-left:348px}.main-skin header.depth-open+.main-wrap{margin-left:200px}.main-wrap{margin-left:200px}.main-wrap .footer p{display:inline-block;margin:0 40px 0 0}.owl-slider .owl-nav{display:block}.owl-slider .owl-dots{left:130px;text-align:left}.owl-slider .item-slide{height:700px}.owl-slider .item-slide .item-slide-text{padding:140px 0 0 130px}.owl-slider .item-slide .item-slide-text p{margin-bottom:30px;font-size:42px;line-height:59px;letter-spacing:-0.025em}.owl-slider.owl-bottom .item-slide{padding:48px 0}.owl-slider.owl-bottom .item-slide .item-slide-text{max-width:580px;margin:0 auto;padding:0 0 0 245px;background-position:0 0;text-align:left}.owl-slider.owl-bottom .owl-dots{top:24px;left:30px;bottom:auto}}body.red-theme header .brand-area h1 a{color:#d52b2b}body.red-theme header>div nav .nav-list li.on>a,body.red-theme header>div nav .nav-list li.open-fixed>a{color:#d52b2b}body.red-theme header>div nav .nav-list li.sub-menu.open>a{color:#d52b2b}body.red-theme header>div nav .nav-list li.sub-menu.open>a::after{border-color:#d52b2b transparent transparent transparent}body.red-theme header>div nav .nav-list li.sub-menu>.sub-wrap{background-color:rgb(red(#e8e8e8),232,232 );background-color:rgba(232,232,232,0.8)}body.red-theme .main-wrap .footer em a{color:#d52b2b}body.red-theme .no-banner .sub-banner>.xe-container>div .breadcrumb li.on{color:#d52b2b}body.red-theme .owl-slider .owl-dot.active span{background-color:#d52b2b}body.red-theme .owl-slider.owl-bottom .item-slide .item-slide-text strong{color:#d52b2b}body.red-theme .boram-widget-group .widget-board-list .boram-widget .widget-board-content li>a:hover em{color:#d52b2b}body.red-theme .boram-widget-group .widget-direct-link .boram-widget strong{color:#d52b2b}body.red-theme .boram-widget-group .widget-direct-link.v2{background-color:#e8e8e8}body.red-theme .boram-contact-form h3{color:#d52b2b}body.red-theme .boram-contact-form .btn-contact{background-color:#d52b2b}@media (min-width: 992px){body.red-theme header>div nav .nav-list li a:hover{color:#d52b2b !important}body.red-theme header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open>a{color:#d52b2b}body.red-theme header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open .sub-wrap::after{background-color:#d52b2b}}body.yellow-theme header .brand-area h1 a{color:#ffac1b}body.yellow-theme header>div nav .nav-list li.on>a,body.yellow-theme header>div nav .nav-list li.open-fixed>a{color:#ffac1b}body.yellow-theme header>div nav .nav-list li.sub-menu.open>a{color:#ffac1b}body.yellow-theme header>div nav .nav-list li.sub-menu.open>a::after{border-color:#ffac1b transparent transparent transparent}body.yellow-theme header>div nav .nav-list li.sub-menu>.sub-wrap{background-color:rgb(red(#fff3d0),243,208 );background-color:rgba(255,243,208,0.8)}body.yellow-theme .main-wrap .footer em a{color:#ffac1b}body.yellow-theme .no-banner .sub-banner>.xe-container>div .breadcrumb li.on{color:#ffac1b}body.yellow-theme .owl-slider .owl-dot.active span{background-color:#ffac1b}body.yellow-theme .owl-slider.owl-bottom .item-slide .item-slide-text strong{color:#ffac1b}body.yellow-theme .boram-widget-group .widget-board-list .boram-widget .widget-board-content li>a:hover em{color:#ffac1b}body.yellow-theme .boram-widget-group .widget-direct-link .boram-widget strong{color:#ffac1b}body.yellow-theme .boram-widget-group .widget-direct-link.v2{background-color:#fff3d0}body.yellow-theme .boram-contact-form h3{color:#ffac1b}body.yellow-theme .boram-contact-form .btn-contact{background-color:#ffac1b}@media (min-width: 992px){body.yellow-theme header>div nav .nav-list li a:hover{color:#ffac1b !important}body.yellow-theme header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open>a{color:#ffac1b}body.yellow-theme header>div nav .nav-list li.sub-menu .sub-menu-list .sub-menu.open .sub-wrap::after{background-color:#ffac1b}}.xe-grid-no-padding div[class*="col-"]{padding:0 !important}.boram-widget-group{position:relative}.boram-widget-group .boram-widget{min-height:550px;border-bottom:1px solid #e3e3e3}.boram-widget-group .widget-board-list .boram-widget{padding:5px 20px 20px 20px;color:#101010;font-size:15px}.boram-widget-group .widget-board-list .boram-widget ul,.boram-widget-group .widget-board-list .boram-widget p{margin:0;padding:0;list-style:none}.boram-widget-group .widget-board-list .boram-widget .widget-board-header{overflow:hidden;padding:5px 0;border-bottom:1px solid #e3e3e3}.boram-widget-group .widget-board-list .boram-widget .widget-board-header strong{line-height:35px}.boram-widget-group .widget-board-list .boram-widget .widget-board-header .xe-btn-link{color:#d7d7d7;font-size:17px}.boram-widget-group .widget-board-list .boram-widget .widget-board-content{padding-top:24px}.boram-widget-group .widget-board-list .boram-widget .widget-board-content li{margin-top:30px}.boram-widget-group .widget-board-list .boram-widget .widget-board-content li:first-child{margin-top:0}.boram-widget-group .widget-board-list .boram-widget .widget-board-content li>a{display:block;text-decoration:none}.boram-widget-group .widget-board-list .boram-widget .widget-board-content li>a em{font-size:18px;font-style:normal;color:#333}.boram-widget-group .widget-board-list .boram-widget .widget-board-content li>a:hover em{color:#f15525}.boram-widget-group .widget-board-list .boram-widget .widget-board-content li>a p{margin:10px 0;color:#949494}.boram-widget-group .widget-board-list .boram-widget .widget-board-content li>a span{color:#7a7a7a}.boram-widget-group .widget-direct-link .boram-widget{padding:20px;background:url(../img/widget_bg_img.png) 100% 100% no-repeat;background-size:329px 233px}.boram-widget-group .widget-direct-link .boram-widget strong{display:block;font-weight:300;font-size:30px;line-height:46px;color:#f15525;margin-bottom:35px}.boram-widget-group .widget-direct-link .boram-widget a{font-size:18px;color:#868686;text-decoration:none}.boram-widget-group .widget-direct-link .boram-widget a i{margin-left:9px}.boram-widget-group .widget-direct-link.v2{background-color:#dae8f2}.boram-widget-group .widget-direct-link.v2 .boram-widget{background:url(../img/widget_bg_img2.png) 100% 100% no-repeat;background-size:327px 444px}@media (min-width: 992px){.boram-widget-group .boram-widget{border-right:1px solid #e3e3e3;border-bottom:none}.boram-widget-group .widget-board-list .boram-widget{padding:25px 40px 40px 40px}.boram-widget-group .widget-direct-link.v2{position:absolute;right:0;top:0;bottom:0;height:100%}}.boram-contact-form{color:#fff}.boram-contact-form .contact-title{margin-bottom:100px;text-align:center}.boram-contact-form .contact-title h2{margin:0;font-size:40px;color:#fff;font-weight:300}.boram-contact-form .contact-title p{margin:30px 0 0;font-size:18px;line-height:28px;color:#fff}.boram-contact-form h3{margin:0 0 20px;font-size:15px;color:#42a2c5}.boram-contact-form .contact-info dl{font-size:15px}.boram-contact-form .contact-info dl dt{margin-bottom:10px}.boram-contact-form .contact-info dl dd{margin:0 0 15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.2);line-height:24px}.boram-contact-form .contact-info dl dd a{margin-right:8px}.boram-contact-form .contact-info dl dd a i[class*="xi-"]{color:#fff;font-size:20px}.boram-contact-form .xe-form-group{margin-bottom:14px}.boram-contact-form .xe-form-group .xe-form-control{border-radius:0;font-size:15px;color:#b0b0b0}.boram-contact-form .xe-form-group .xe-form-control.xe-input-lg{height:40px}.boram-contact-form .btn-contact{width:100px;height:40px;margin-top:10px;background-color:#f15525;border:none;color:#fff;cursor:pointer;font-size:15px}@media (min-width: 1126px){.boram-contact-form .contact-info{float:right;width:375px;margin-right:50px}} @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500&display=swap'); /*# sourceMappingURL=layout.css.map */ /*custom.css */ html {scroll-behavior: smooth;overflow-x:hidden;} @media (max-width: 900px) { video {width:150%;} button.btn-slide.xe-hidden-md.xe-hidden-lg {position:fixed;} div.button-bg {width:100%;position:fixed;height:60px;display:block;top:0;background-color:#ffffff;z-index:5;} } #top-btn {position:fixed;bottom:0;right:50px;z-index:5;} #top-btn a {display:block;background-color:#333333;color:#ffffff;padding:5px 10px;text-decoration:none;border-radius:5px 5px 0 0;} #top-btn a:hover {background-color:#f55f2a;} #top-btn a span {display:block;text-align:center;font-size:15px;} #top-btn a span:nth-child {font-size:13px;} .sub-banner-title {text-align:center;padding:50px 0 0;font-size:25px;font-weight:500;position:relative;color:#000000 !important;line-height:1.5 !important;} .sub-banner-title::after {content:"";display:block;width:200px;height:0;border-top:1px solid #cccccc;position:relative;top:20px;left:50%;margin-left:-100px;} .sub-banner-title span {color:#367094;} .page_top_banner {height:300px;position:relative;overflow:hidden;padding:0;} .page_top_banner > div {position:absolute;top:0;left:0;height:100%;width:100%;display:table;} .page_top_banner h1 {position:relative;width:100%;height:300px;color:#000000;text-align:center;font-size:55px;z-index:3;font-weight:700;display:table-cell;vertical-align:middle;} .page_top_banner video {position:relative;top:50%;margin-top:-150px;} div {word-break:keep-all;} h1 {line-height:1.3 !important;} /*menu*/ #nqoon_logo1 {display:block;position:relative;top:10px;left:20px;} #nqoon_logo2 {display:none;} .don_center2 {display:none;} .don_center {position:absolute;width:150px;bottom:50px;left:50%;margin-left:-75px;text-align:center;color:#333333;} .don_center2 {position:absolute;width:200px;bottom:20px;left:50%;margin-left:-100px;text-align:center;color:#333333;} .don_center a, .don_center2 a {color:#333333;} .don_center a:hover, .don_center2 a:hover {text-decoration:underline;} @media (min-width: 992px) { #nqoon_logo1 {display:none;} #nqoon_logo2 {position:relative;top:-100px;display:block;} } @media (max-height: 650px) { #nqoon_logo1 {display:block;} #nqoon_logo2 {display:none;} .don_center {display:none;} .don_center2 {display:block;} } /* home start */ #nqoon_home {overflow:hidden;} .btn_readmore {padding: 10px 20px;margin:0 auto;width:150px;height:50px;border:1px solid #367094;position:relative;z-index:3;} .btn_readmore a {display:block;text-decoration:none;font-size:20px;color:#367094;text-align:center;} .btn_readmore a:hover {color:#367094;} #nqoon_home .main_title {text-align:center;font-weight:700;font-size:40px;margin-bottom:120px;} #nqoon_home .main_title::after {content:"";position:absolute;display:block;width:160px;height:10px;border-bottom:2px solid #f15525; text-align:center;left:50%;margin-left:-80px;} #nqoon_home .sub_title2 {font-size:23px;color:#636560;text-align:center;margin-top:-100px;font-weight:normal;} @media (max-width: 500px) { /*모바일*/ #nqoon_home .sub_title2 {font-size:20px;} } #nqoon_home .h_main {height:800px;background-color:#354566;position:relative;background:url("/xe3/plugins/boram/theme/assets/img/bg-home02.jpg") no-repeat;background-size:cover;background-position:center;font-family: 'Noto Sans KR', sans-serif;} #nqoon_home .h_main::after {content:"";position:absolute;top:0;right:0;display:block;height:100%;width:35%;background-color:#dc372b;opacity:0.8;z-index:1;} #nqoon_home .h_main .h_title_char:nth-child(1) {width:64.5%;height:100%;padding:0 50px;margin:0 auto 0 0;position:relative;display:inline-block;box-sizing:border-box;} #nqoon_home .h_main .h_title_char:nth-child(2) {width:35%;height:100%;padding:0 50px;margin:0 0 0 auto;position:relative;display:inline-block;box-sizing:border-box;} #nqoon_home .h_main .h_title_char h1 {position:absolute;left:0;top:50%;width:100%;color:#000000;text-align:center;font-size:2.8vw;line-height:1.2 !important;z-index:3;word-break:keep-all;font-weight:600;height:50px;margin-top:-25px;} #nqoon_home .h_main .h_title_char h2 {position:absolute;top:50%;left:10%;width:calc(100% - 20%);margin-top:-125px;margin-bottom:0;color:#ffffff;text-align:left;font-size:2.3vw;line-height:1.2;z-index:3;font-weight:200;height:250px;} #nqoon_home .h_main .h_title_char h2 span {display:block;padding-top:20px;} /*#nqoon_home .h_main .h_title_char h2:nth-child(2) {left:40%;line-height:150px;font-size:3.0vw;font-weight:500;}*/ #nqoon_home .h_main .h_bookmark {position:absolute;width:35%;bottom:30px;right:0;text-align:center;z-index:3;} #nqoon_home .h_main .h_bookmark > div {display:inline-block;width:100px;height:110px;text-align:center;padding: 10px 0;box-sizing:content-box;box-sizing:border-box;border:2px solid #ffffff;} #nqoon_home .h_main .h_bookmark > div a {display:block;color:#000000;text-decoration:none;font-weight:bold;} #nqoon_home .h_main .h_bookmark > div a:hover {color:#ffffff;} @media (max-width: 1200px) { #nqoon_home .h_main .h_title_char h1 {font-size:40px;} #nqoon_home .h_main .h_bookmark > div {width:80px;} /*#nqoon_home .h_main .h_title_char h2:nth-child(2) {line-height:90px;}*/ } @media (max-width: 1000px) { #nqoon_home .h_main .h_title_char h2 {font-size:25px;} /*#nqoon_home .h_main .h_title_char h2:nth-child(2) {font-size:30px;}*/ } @media (max-width: 600px) { /*모바일*/ #nqoon_home .h_main::after {width:0%;} #nqoon_home .h_main .h_title_char:nth-child(1) {width:100%;} #nqoon_home .h_main .h_title_char:nth-child(2) {display:none;} #nqoon_home .h_main .h_bookmark {width:100%;} #nqoon_home .h_main .h_bookmark > div {width:80px;height:100px;} #nqoon_home .h_main .h_bookmark img {width:60px;} } #nqoon_home .h_info {padding-top:100px;min-height:800px;position:relative;background:#f5f5f5;border-bottom:1px solid #e3e3e3;} #nqoon_home .h_info > div {margin:0 0 40px 20px;} #nqoon_home .h_info .sub_title {font-size:23px;color:#f15525;font-weight:600;} #nqoon_home .h_info > div div {color:#1e1f1a;font-size:15px;line-height:30px;} #nqoon_home .h_info > div div b {font-size:16px;} #nqoon_home .h_info .info_bg {text-align:right;background:#ffffff;width:100%;height:200px;margin:0;} #nqoon_home .h_info .info_bg img {width:650px;position:absolute;bottom:0;right:0;} @media (max-width: 1300px) { #nqoon_home .h_info .info_bg {text-align:center;} #nqoon_home .h_info .info_bg img {width:450px;} } @media (max-width: 600px) { /*모바일*/ #nqoon_home .h_info .info_bg {text-align:center;height:300px;} #nqoon_home .h_info .info_bg img {width:100%;} } #nqoon_home .h_process {padding:100px 0 200px;background:#ffffff;text-align:center;border-bottom:1px solid #e3e3e3;} /* #nqoon_home .h_esm .esm_explain_box {width:100%;height:350px;margin-top:70px;} #nqoon_home .h_esm .esm_explain_box > div {float:left;width:25%;height:100%;box-sizing:content-box;background-size:150px auto;padding-top:100px;position:relative;} #nqoon_home .h_esm .esm_explain_box .box01 {background:url("/xe3/plugins/boram/theme/assets/img/esm_big_bg01.png") no-repeat 50% 0%;} #nqoon_home .h_esm .esm_explain_box .box02 {background:url("/xe3/plugins/boram/theme/assets/img/esm_big_bg02.png") no-repeat 50% 0%;} #nqoon_home .h_esm .esm_explain_box .box03 {background:url("/xe3/plugins/boram/theme/assets/img/esm_big_bg03.png") no-repeat 50% 0%;} #nqoon_home .h_esm .esm_explain_box .box04 {background:url("/xe3/plugins/boram/theme/assets/img/esm_big_bg04.png") no-repeat 50% 0%;} #nqoon_home .h_esm .esm_explain_box p {text-align:center;color:#5e626d;font-size:15px;margin:10px 0 24px;} #nqoon_home .h_esm .esm_explain_box .box02 > p, #nqoon_home .h_esm .esm_explain_box .box03 > p {margin:20px 0 34px;} #nqoon_home .h_esm .esm_explain_box > div > div {font-size:15px;color:#5e626d;padding-top:90px;text-align:center;} @media (max-width: 1500px) { #nqoon_home .h_esm .esm_explain_box > div {width:50%;} } @media (max-width: 650px) { #nqoon_home .h_esm .esm_explain_box > div {width:100%;} } */ #nqoon_home .h_esm {padding:100px 0 70px;position:relative;background-color:#f5f5f5;border-bottom:1px solid #e3e3e3;} #nqoon_home .h_esm > div {position:relative;z-index:3;} #nqoon_home .h_esm .main_title {color:#000000;} #nqoon_home .h_esm .sub_title2 {color:#367094;font-weight:bold;} #nqoon_home .h_esm .sub_title2 span {display:block;color:#000000;font-weight:normal;} #nqoon_home .h_outsourcing {padding:100px 0 70px;background:#ffffff;border-bottom:1px solid #e3e3e3;} #nqoon_home .h_outsourcing .sub_title2 {color:#367094;font-weight:bold;} #nqoon_home .h_outsourcing .sub_title2 span {display:block;color:#000000;font-weight:normal;} #nqoon_home .out_explain_box {width:100%;margin:70px 0 50px;} #nqoon_home .out_explain_box .out_explain_box_individ_container {max-width:1500px;margin:0 auto;} #nqoon_home .out_explain_box .out_explain_box_individ_container::after {content:"";display:block;clear:both;} #nqoon_home .out_explain_box .out_explain_box_individ {float:left;width:25%;box-sizing:content-box;} #nqoon_home .out_explain_box .out_explain_box_individ > div {margin:40px 20px;position:relative;padding:20px 0;} #nqoon_home .out_explain_box .out_explain_box_individ .out_explain_box_individ_bg {width:100%;padding-top:92px;background-size:auto 80px;background-repeat:no-repeat;background-position:50% 0%;} #nqoon_home .out_explain_box .out_explain_box_individ .out_explain_box_individ_bg h3 {text-align:center;color:#333333;font-size:21px;font-weight:500;margin-bottom:12px;} #nqoon_home .out_explain_box .out_explain_box_individ > div ul {padding-left:20px;color:#333333;max-width:260px;margin:0 auto;} #nqoon_home .out_explain_box .out_explain_box_individ > div ul li {font-size:15px;line-height:22px;} @media (max-width: 1100px) { #nqoon_home .out_explain_box .out_explain_box_individ {width:50%;} } @media (max-width: 700px) and (min-width: 600px) { #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) > div .out_explain_box_individ_bg h3 {padding-bottom:34px;} } @media (max-width: 600px) { #nqoon_home .out_explain_box .out_explain_box_individ {float:none;width:100%;} #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) > div .out_explain_box_individ_bg h3 {padding-bottom:0px;} } #nqoon_home .h_outsourcing .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(1) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/outsourcing_icon01.png");} #nqoon_home .h_outsourcing .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/outsourcing_icon02.png");} #nqoon_home .h_outsourcing .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(3) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/outsourcing_icon03_2.png");} #nqoon_home .h_outsourcing .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(4) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/outsourcing_icon04.png");} #nqoon_home .h_outsourcing .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) > div ul li:nth-child(4) {visibility:hidden;} @media (max-width: 1550px) { #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) h3, #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(3) h3, #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(4) h3{padding:15px 0;} } #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(1) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/esm_icon01.png");} #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/esm_icon02.png");} #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(3) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/esm_icon03.png");} #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(4) .out_explain_box_individ_bg {background-image:url("/xe3/plugins/boram/theme/assets/img/esm_icon04.png");} #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) > div ul li:nth-child(4), #nqoon_home .h_esm .out_explain_box .out_explain_box_individ_container .out_explain_box_individ:nth-child(2) > div ul li:nth-child(5) {visibility:hidden;} #nqoon_home .h_protfolio02 {padding:100px 0 70px;position:relative;z-index:2;background-color:#f5f5f5;} #nqoon_home .h_protfolio02 .main_title {color:#000000;position:relative;z-index:3;} #nqoon_home .h_protfolio02 .port_explain_box{position:relative;z-index:3;width:100%;max-width:1200px;margin:0 auto 50px;} #nqoon_home .h_protfolio02 .port_explain_box::after {content:"";clear:both;display:block;} #nqoon_home .h_protfolio02 .port_explain_box > div {float:left;position:relative;width:25%;height:100%;box-sizing:content-box;} #nqoon_home .h_protfolio02 .port_explain_box > div > div {padding: 0 10px;} #nqoon_home .h_protfolio02 .port_info {} #nqoon_home .h_protfolio02 .prot_info h5 {font-size:17px;font-weight:bold;color:#000000;} #nqoon_home .h_protfolio02 .prot_info p {font-size:15px;line-height:15px;color:#000000;margin-bottom:10px;} #nqoon_home .h_protfolio02 .btn_readmore {border:1px solid #367094;} #nqoon_home .h_protfolio02 .btn_readmore a, #nqoon_home .h_protfolio02 .btn_readmore a:hover {color:#367094;} #nqoon_home .h_protfolio02 .port_explain_box02 div[class*="box"] .info .info_tbl th {background-color:#f5f5f5 !important; } @media (max-width: 500px) { #nqoon_home .h_protfolio02 .port_explain_box {margin: auto;} #nqoon_home .h_protfolio02 .port_explain_box > div {width:50%;margin:10px 0;} } #nqoon_home .h_contact {position:relative;height:1040px;width:100%;margin-left:-250px;z-index:1;border-top:1px solid #e3e3e3;overflow-y:clip;} #nqoon_home .h_contact iframe {width:calc(100% + 268px);height:100%;position:relative;margin-top:0;} div.contact-info dd a {color:#ffffff;text-decoration:none;} div.contact-info dd a:hover {text-decoration:underline;} @media (max-width: 1200px) { #nqoon_home .h_contact {margin-left:0px;overflow:hidden;} #nqoon_home .h_contact iframe {width:calc(100% + 35px);margin-top:-60px;margin-left:-15px;} } @media (max-width: 800px) { #nqoon_home .h_contact {height:1470px;} } /* home end */ /* 기업관리 start */ #nqoon_esm {} #nqoon_esm .main_title {text-align:center;font-weight:700;font-size:40px;padding-bottom:40px;} #nqoon_esm .main_title::after {content:"";position:absolute;display:block;width:160px;height:10px;border-bottom:2px solid #f15525; text-align:center;left:50%;margin-left:-80px;} #nqoon_esm .esm_banner {background-color:#354566;} #nqoon_esm .esm01 {padding:100px 100px 50px;border-bottom:1px solid #e3e3e3;} #nqoon_esm .esm01 h2 {padding: 20px 0 80px;font-size:16px;text-align:center;color:#5e626d;} #nqoon_esm .esm01 .esm_explainbox {box-sizing:content-box;} #nqoon_esm .esm01 .esm_explainbox::after {content:"";clear:both;display:block;} #nqoon_esm .esm01 .esm_explainbox > div {float:left;width:50%;height:390px;margin-bottom:0px;box-sizing:content-box;} #nqoon_esm .esm01 .esm_explainbox > div:nth-child(2n-1) > div {margin:0 0 0 auto;padding-right:25px;} #nqoon_esm .esm01 .esm_explainbox > div:nth-child(2n) > div {margin:0 auto 0 0;padding-left:25px;} #nqoon_esm .esm01 .esm_explainbox .info img {border-radius:25px;width:100%;} #nqoon_esm .esm01 .esm_explainbox .info ul {padding-left:20px;} #nqoon_esm .esm01 .esm_explainbox .info ul li {font-size:16px;color:#333333;word-break:keep-all;} @media (max-width: 1500px) { #nqoon_esm .esm01 .esm_explainbox .info img:nth-child(1) {display:block;} #nqoon_esm .esm01 .esm_explainbox .info img:nth-child(2) {display:none;} } @media (min-width: 1500px) { #nqoon_esm .esm01 .esm_explainbox .info img:nth-child(1) {display:none;} #nqoon_esm .esm01 .esm_explainbox .info img:nth-child(2) {display:block;} } @media (max-width: 1350px) { #nqoon_esm .esm01 .esm_explainbox > div {height:460px;} } @media (max-width: 800px) { #nqoon_esm .esm01 .esm_explainbox > div {width:100%;float:none;height:400px;} #nqoon_esm .esm01 .esm_explainbox > div:nth-child(1) {height:300px;} #nqoon_esm .esm01 .esm_explainbox > div > div {margin:0 auto !important;padding:0 !important;} #nqoon_esm .esm01 {padding: 100px 0 50px;} #nqoon_esm .esm01 .esm_explainbox .info img {max-width:600px;margin:0 auto;} #nqoon_esm .esm01 .esm_explainbox .info ul {max-width:600px;margin:0 auto;} } #nqoon_esm .esm02 {background-color:#f5f5f5;padding:100px 0 50px;text-align:center;border-bottom:1px solid #e3e3e3;} #nqoon_esm .esm02 h2.sub_title2 {font-size:23px;text-align:center;color:#000000;margin-top:30px;} #nqoon_esm .esm02 h2.sub_title2 span {color:#367094 !important;} #nqoon_esm .esm02 h2.sub_title2 span a {color:#367094 !important;} #nqoon_esm .esm02 h2.sub_title2 span a:hover {text-decoration:none;} #nqoon_esm .esm02 .esm_container {display:inline-block;width:24.5%;max-width:450px;box-sizing:border-box;vertical-align:top;} #nqoon_esm .esm02 .esm_container .ems_explainbox_tlt {font-size:17px;color:#ffffff;background:#f15525;width:180px;font-weight:bold;margin:40px auto 0;padding:10px 0;} #nqoon_esm .esm02 .esm_container .esm_explainbox::before {content:"";display:block;position:relative;left:50%;top:-45px;width:0;height:30px;border:1px solid #cccccc;} #nqoon_esm .esm02 .esm_container .esm_explainbox {min-height:220px;vertical-align:top;box-sizing:content-box;text-align:left;background:url("/xe3/plugins/boram/theme/assets/img/icon-esm02_b.png") no-repeat 15px 50px;background-size:80px auto !important;margin:40px 15px 0;padding:10px 5px 0;border:1px solid #cccccc;border-radius:25px;} #nqoon_esm .esm02 .esm_container:nth-child(3) .esm_explainbox:nth-child(3) {background-image:url("/xe3/plugins/boram/theme/assets/img/icon-esm08_b.png");} #nqoon_esm .esm02 .esm_container:nth-child(4) .esm_explainbox:nth-child(2) {background-image:url("/xe3/plugins/boram/theme/assets/img/icon-esm03_b.png");} #nqoon_esm .esm02 .esm_container:nth-child(4) .esm_explainbox:nth-child(3) {background-image:url("/xe3/plugins/boram/theme/assets/img/icon-esm06_b.png");} #nqoon_esm .esm02 .esm_container:nth-child(5) .esm_explainbox:nth-child(2) {background-image:url("/xe3/plugins/boram/theme/assets/img/icon-esm04_b.png");} #nqoon_esm .esm02 .esm_container:nth-child(5) .esm_explainbox:nth-child(3) {background-image:url("/xe3/plugins/boram/theme/assets/img/icon-esm07_b.png");} #nqoon_esm .esm02 .esm_container:nth-child(6) .esm_explainbox:nth-child(2) {background-image:url("/xe3/plugins/boram/theme/assets/img/icon-esm01_b.png");} #nqoon_esm .esm02 .esm_container:nth-child(6) .esm_explainbox:nth-child(3) {background-image:url("/xe3/plugins/boram/theme/assets/img/icon-esm05_b.png");} #nqoon_esm .esm02 .esm_explainbox h5 {font-size:15px;font-weight:bold;padding-left:98px;word-break:keep-all;} #nqoon_esm .esm02 .esm_explainbox ul {padding:0 10px 20px 120px;text-align:left;} #nqoon_esm .esm02 .esm_explainbox ul li {font-size:15px;color:#5e626d;word-break:keep-all;} @media (min-width: 1900px) { #nqoon_esm .esm02 .esm_container .esm_explainbox {background-position:30px 50px;} #nqoon_esm .esm02 .esm_explainbox h5 {padding-left:110px;} #nqoon_esm .esm02 .esm_explainbox ul {padding-left:140px} } @media (max-width: 1500px) { #nqoon_esm .esm02 .esm_container {width:49%;} } @media (max-width: 1500px) and (min-width: 1100px) { #nqoon_esm .esm02 .esm_container .esm_explainbox {background-position:30px 50px;} #nqoon_esm .esm02 .esm_explainbox h5 {padding-left:110px;} #nqoon_esm .esm02 .esm_explainbox ul {padding-left:140px} } @media (max-width: 750px) { #nqoon_esm .esm02 .esm_container {width:100%;} #nqoon_esm .esm02 .esm_container .esm_explainbox {background-position:30px 50px;} #nqoon_esm .esm02 .esm_explainbox h5 {padding-left:110px;} #nqoon_esm .esm02 .esm_explainbox ul {padding-left:140px} #nqoon_esm .esm02 h2.sub_title2 {font-size:20px;} #nqoon_esm .esm03 .main_title {padding-bottom:100px;} } /* 기업관리 end */ /* 진행안내 프로세스 start */ section.process > h2 {padding: 100px 0 10px;font-size:18px;text-align:center;color:#5e626d;font-weight:bold;} section.process div[class*="process_box"] {position:relative;} section.process div[class*="process_box"] > div {position:relative;display:inline-block;min-width:300px;;height:355px;background-color:#ffffff;padding:140px 20px 20px;margin:0 10px 20px;box-shadow:1px 1px 30px;border-radius:25px;vertical-align:top;} section.process div[class*="process_box"] > div::before {position:absolute;top:55px;left:50%;margin-left:-25px;display:block;width:50px;font-size:40px;color:#ffffff;} section.process .process_empty {display:none !important;} section.process div[class*="process_box"] .process_01, section.process div[class*="process_box"] .process_02 {height:430px;background:#ffffff url("/xe3/plugins/boram/theme/assets/img/bg-process01.png") no-repeat 50% 0;padding-top:195px;background-size:180px 135px;} section.process div[class*="process_box"] .process_03, section.process div[class*="process_box"] .process_04 {background-color:#ffffff;} section.process div[class*="process_box"] .process_01.box01, section.process div[class*="process_box"] .process_02.box01 {background-image:url("/xe3/plugins/boram/theme/assets/img/bg-process01.png");} section.process div[class*="process_box"] .process_01.box02, section.process div[class*="process_box"] .process_02.box02 {background-image:url("/xe3/plugins/boram/theme/assets/img/bg-process02.png");} section.process div[class*="process_box"] .process_01.box03, section.process div[class*="process_box"] .process_02.box03 {background-image:url("/xe3/plugins/boram/theme/assets/img/bg-process03.png");} section.process div[class*="process_box"] .process_01.box04, section.process div[class*="process_box"] .process_02.box04 {background-image:url("/xe3/plugins/boram/theme/assets/img/bg-process04.png");} section.process div[class*="process_box"] > div.box01::before {content:"1";} section.process div[class*="process_box"] > div.box02::before {content:"2";} section.process div[class*="process_box"] > div.box03::before {content:"3";} section.process div[class*="process_box"] > div.box04::before {content:"4";} section.process div[class*="process_box"] > div[class*="process_"]::before {border-radius:50%;width:76px;height:76px;margin-left:-38px;background-color:#ffffff;border:1px solid #d5dbe7;padding-top:25px;} section.process div[class*="process_box"] > div.box01::before {color:#39738b;} section.process div[class*="process_box"] > div.box02::before {color:#94c3d7;} section.process div[class*="process_box"] > div.box03::before {color:#46aa6a;} section.process div[class*="process_box"] > div.box04::before {color:#fdc846;} section.process div[class*="process_box"] > div.process_01::before {top:85px;} section.process div[class*="process_box"] > div.process_02::before {top:25px;} section.process div[class*="process_box"] > div.process_03::before {top:30px;z-index:3;} section.process div[class*="process_box"] > div.process_04::before {top:30px;color:#ffffff;} section.process div[class*="process_box"] > div.process_04.box01::before, section.process div[class*="process_box"] > div.process_04.box01 .bg_box {background-color:#39738b;} section.process div[class*="process_box"] > div.process_04.box02::before, section.process div[class*="process_box"] > div.process_04.box02 .bg_box {background-color:#94c3d7;} section.process div[class*="process_box"] > div.process_04.box03::before, section.process div[class*="process_box"] > div.process_04.box03 .bg_box {background-color:#46aa6a;} section.process div[class*="process_box"] > div.process_04.box04::before, section.process div[class*="process_box"] > div.process_04.box04 .bg_box {background-color:#fdc846;} section.process div[class*="process_box"] > div.process_04::before {background-color:#ffffff !important;border:0;} section.process div[class*="process_box"] .process_04 .process_tlt {position:absolute;color:#000000;top:50px;left:50%;font-size:18px;font-weight:bold;text-align:center;width:200px;margin-left:-100px;} section.process div[class*="process_box"] .process_03 .bg_box {position:absolute;top:0;left:0;width:100%;height:70px;z-index:1;border-radius: 25px 25px 0 0;} section.process div[class*="process_box"] .process_04 .bg_box {position:absolute;top:95px;left:0;width:100%;height:50px;z-index:1;} section.process div[class*="process_box"] > div h5 {font-size:17px;font-weight:bold;text-align:center;} section.process div[class*="process_box"] > div.process_01 h5 {margin-top:-15px;} section.process div[class*="process_box"] > div.process_04 h5 {color:#ffffff;position:relative;z-index:3;top:-8px;} section.process div[class*="process_box"] > div ul {padding-left:20px;text-align:left;padding-top:10px;} section.process div[class*="process_box"] > div.process_01 ul {padding-top:0;} section.process div[class*="process_box"] > div ul li {font-size:15px;color:#5e626d;word-break:keep-all;} @media (max-width: 1600px) { section.process div[class*="process_box"] > div {width:20%;min-width:100px;} } @media (max-width: 1500px) { section.process .process_empty {display:block !important;visibility:hidden;height:0 !important;padding:0 !important;} section.process div[class*="process_box"] > div {min-width:300px;} } /* 진행안내 프로세스 end */ /* 아웃소싱 start */ #nqoon_outsourcing {} #nqoon_outsourcing .main_title {text-align:center;font-weight:700;font-size:40px;padding-bottom:40px;} #nqoon_outsourcing .main_title::after {content:"";position:absolute;display:block;width:160px;height:10px;border-bottom:2px solid #f15525; text-align:center;left:50%;margin-left:-80px;} #nqoon_outsourcing .outsourcing_banner {background-color:#354566;padding:0 !important;} #nqoon_outsourcing .outsourcing_banner h1 {color:#ffffff;} #nqoon_outsourcing section[class*="outsourcing"] {padding:50px 0;} #nqoon_outsourcing .outsourcing01 h2 {padding: 10px 0;font-size:16px;text-align:center;color:#5e626d;} #nqoon_outsourcing .outsourcing01 {padding:30px 0 70px !important;background-color:#ffffff;border-bottom:1px solid #e3e3e3;} #nqoon_outsourcing .outsourcing01 .out_explain_box {width:100%;margin:70px auto 50px;max-width:1600px;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ {float:left;width:50%;box-sizing:content-box;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ > div {position:relative;padding:40px 20px;border:1px solid #dddddd;border-top:3px solid #367094;box-shadow:6px 6px 0 rgba(0, 0, 0, 0.05);} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ:nth-child(1) > div {margin:20px 0px 0px 50px;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ:nth-child(2) > div{margin:20px 50px 0px 0px;border-left:0;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ:nth-child(4) > div {margin:0px 0px 20px 50px;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ:nth-child(5) > div{margin:0px 50px 20px 0px;border-left:0;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ div.out_explain_box_individ_txt {height:370px;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ > div ul {padding-left:15px;list-style:none;text-align:center;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ > div ul li {margin-bottom:20px;word-break:keep-all;font-size:15px;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ > div ul li b {font-size:16px;} #nqoon_outsourcing .outsourcing01 .out_explain_box h3 {font-size:22px;font-weight:bold;text-align:center;color:#000000;padding-bottom:40px;} #nqoon_outsourcing .outsourcing01 .out_explain_box h3::after {content:"";position:absolute;display:block;width:100px;height:10px;border-bottom:2px solid #f15525; text-align:center;left:50%;margin-left:-50px;} #nqoon_outsourcing .outsourcing01 .out_explain_box p {font-size:15px;line-height:26px !important;} #nqoon_outsourcing .outsourcing01 .out_explain_box p span {font-weight:bold;display:inline;} #nqoon_outsourcing .outsourcing01 .out_explain_box span {display:block;font-weight:normal;} @media (max-width: 1100px) { #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ div.out_explain_box_individ_txt {height:450px;} } @media (max-width: 750px) { #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ {float:none;width:100%;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ > div {margin: 0px 20px !important;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ:nth-child(2) > div, #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ:nth-child(4) > div {border-left:1px solid #dddddd;} #nqoon_outsourcing .outsourcing01 .out_explain_box .out_explain_box_individ div.out_explain_box_individ_txt {/*height:390px*/height:auto;} } #nqoon_outsourcing .outsourcing02 {margin: 0 0 100px;padding-top:100px !important;} #nqoon_outsourcing .outsourcing02 h2 {font-size:23px;text-align:center;color:#000000;margin-bottom:100px;margin-top:30px;} #nqoon_outsourcing .outsourcing02 h2 span {color:#367094 !important;} #nqoon_outsourcing .outsourcing02 h2 span a {color:#367094 !important;} #nqoon_outsourcing .outsourcing02 h2 span a:hover {text-decoration:none;} #nqoon_outsourcing .outsourcing02 > div {text-align:center;background-color:#f5f5f5;padding:20px 0 50px;font-size:19px;} #nqoon_outsourcing .outsourcing02 .outsourcing_type {width:33%;display:inline-block;vertical-align:top;padding:0 10px;margin-bottom:50px;} #nqoon_outsourcing .outsourcing02 .outsourcing_type .type_tlt {font-size:17px;font-weight:bold;text-align:center;color:#367094;} #nqoon_outsourcing .outsourcing02 .outsourcing_type .type_img {max-width:400px;margin:0 auto;} #nqoon_outsourcing .outsourcing02 .outsourcing_type .type_explain {font-size:15px;word-break:keep-all;color:#000000;text-align:left;padding:0 10px;} #nqoon_outsourcing .customer_time {text-align:center;font-size:18px;margin:0 0 50px 0;color:#367094;word-break:keep-all;} #nqoon_outsourcing .outsourcing02 h5 {font-size:15px;font-weight:bold;text-align:center;color:#5e626d;margin-top:-40px;background-color:#000000} @media (max-width: 950px) { #nqoon_outsourcing .outsourcing02 .outsourcing_type {width:49%;} } @media (max-width: 500px) { #nqoon_outsourcing .outsourcing02 h2 {font-size:20px;} #nqoon_outsourcing .outsourcing02 .outsourcing_type {width:100%;} } #nqoon_outsourcing table.outsourcing_tbl {border-top:2px solid #f1592a;margin:50px auto 0;} #nqoon_outsourcing table.outsourcing_tbl th {border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;background-color:#f5f5f5;font-size:15px;text-align:center;padding:10px 0px;} #nqoon_outsourcing table.outsourcing_tbl thead th:nth-child(4) {border-right:0;} #nqoon_outsourcing table.outsourcing_tbl td {border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;font-size:14px;text-align:center;padding:10px 5px;word-break:keep-all;} #nqoon_outsourcing table.outsourcing_tbl tbody tr:nth-child(1) td:nth-child(4), #nqoon_outsourcing table.outsourcing_tbl tbody tr:nth-child(2) td:nth-child(1) {border-right:0;} #nqoon_outsourcing table.outsourcing_tbl span {font-size:11px;} #nqoon_outsourcing .outsourcing03 {text-align:center;padding:100px 0 !important;border-bottom:1px solid #e3e3e3;background-color:#f5f5f5;} #nqoon_outsourcing .outsourcing03 .process_box01 {margin-top:100px;} @media (max-width: 800px) { /*모바일*/ #nqoon_outsourcing .outsourcing03 {margin:0 0 100px;} } #nqoon_outsourcing .outsourcing04 {background:#f5f5f5;border-top:1px solid #e3e3e3;padding-top:100px !important;} @media (max-width: 500px) { /*모바일*/ #nqoon_outsourcing .outsourcing04 .main_title {padding-bottom:100px;} } /* 아웃소싱 end */ /*포트폴리오 start */ section.protfolio {padding:100px 0 70px;position:relative;} section.protfolio .main_title {color:#000000;position:relative;z-index:3;} section.protfolio .port_explain_box{position:relative;z-index:3;width:100%;max-width:1200px;margin:50px auto;} section.protfolio .port_explain_box::after {content:"";clear:both;display:block;} section.protfolio .port_explain_box > div {float:left;position:relative;width:25%;height:100%;box-sizing:content-box;} section.protfolio .port_explain_box > div > div {padding: 0 10px;} section.protfolio .port_info {} section.protfolio .prot_info h5 {font-size:17px;font-weight:bold;color:#000000;} section.protfolio .prot_info p {font-size:15px;line-height:15px;color:#000000;margin-bottom:10px;} @media (max-width: 750px) { section.protfolio .port_explain_box {margin:0 auto;} section.protfolio .port_explain_box > div {width:50%;margin:10px 0;} } #nqoon_portfolio .main_title {text-align:center;font-weight:700;font-size:40px;margin-bottom:120px;} #nqoon_portfolio .main_title::after {content:"";position:absolute;display:block;width:160px;height:10px;border-bottom:2px solid #f15525; text-align:center;left:50%;margin-left:-80px;} #nqoon_portfolio .portfolio_sub-title::before {content:"";display:block;width:7px;height:28px;background-color:#367094;position:absolute;left:0;top:9px;} #nqoon_portfolio .portfolio_sub-title {font-size:27px;font-weight:bold;width:calc(100% + 40px);margin:50px auto 80px;max-width:1240px;padding:10px 10px 1px;color:#367094;border-bottom:1px solid #367094;position:relative;} #nqoon_portfolio .portfolio_sub-title:nth-child(1) {border-bottom:1px solid #dc2225;color:#dc2225;} #nqoon_portfolio .portfolio_sub-title:nth-child(1)::before{background-color:#dc2225;} #nqoon_portfolio .portfolio_sub-title span {display:inline-block;color:#5e626d;font-size:21px;font-weight:500;margin-top:10px;} @media (max-width: 1500px) { #nqoon_portfolio .portfolio_sub-title {width:100%;margin-left:0;} } x #nqoon_portfolio section.protfolio {background-position: 100% 50%;background-size:auto 120%;max-width:1200px;margin:0 auto;} #nqoon_portfolio section.protfolio .main_title {color:#000000;position:relative;z-index:3;} section.protfolio .port_list_box{position:relative;z-index:3;width:100%;max-width:1200px;margin:30px auto 0px;} section.protfolio .port_list_box::after {content:"";display:block;clear:both;} section.protfolio .port_list_box > div {float:left;position:relative;width:25%;height:100%;box-sizing:content-box;} section.protfolio .port_list_box .port_img {padding:0 10px;} section.protfolio .port_list_box > div > a {display:block;padding: 0 10px;} section.protfolio .port_list_box > div > a:hover {text-decoration:none;} section.protfolio .port_list_box .ico_arrow {display:block;text-align:center;font-size:40px;color:#f5f5f5;} section.protfolio .port_list_box .ico_arrow:hover {color:#f55f2a;} section.protfolio .port_info {text-align:center;margin-bottom:10px;} section.protfolio .port_info h5 {font-size:17px;color:#000000;} /*사업실적 - 기업관리 : 파란색 / 사업실적 - 아웃소싱 : 빨간색 / 홈 - 사업실적 : 주황색 - 아이콘 색상 다르게*/ #nqoon_portfolio section.protfolio .port_list_box .ico_arrow, section.esm03.protfolio .port_list_box .ico_arrow {color:#ffffff;} #nqoon_portfolio section.protfolio .port_list_box .ico_arrow:hover {color:#367094;} #nqoon_portfolio section.protfolio .port_container01 .port_list_box .ico_arrow:hover, #nqoon_portfolio section.protfolio .port_container02 .port_list_box .ico_arrow:hover, #nqoon_portfolio section.protfolio .port_container03 .port_list_box .ico_arrow:hover{color:#dc2225;} #nqoon_portfolio section.protfolio .port_explain_box02 div[class*="box"], #nqoon_portfolio section.protfolio .port_explain_box02 div[class*="box"] .info h5::after {border-bottom:3px solid #367094;} #nqoon_portfolio section.protfolio .port_container01 .port_explain_box02 div[class*="box"], #nqoon_portfolio section.protfolio .port_container01 .port_explain_box02 div[class*="box"] .info h5::after, #nqoon_portfolio section.protfolio .port_container02 .port_explain_box02 div[class*="box"], #nqoon_portfolio section.protfolio .port_container02 .port_explain_box02 div[class*="box"] .info h5::after, #nqoon_portfolio section.protfolio .port_container03 .port_explain_box02 div[class*="box"], #nqoon_portfolio section.protfolio .port_container03 .port_explain_box02 div[class*="box"] .info h5::after {border-bottom:3px solid #dc2225;} section.protfolio .port_explain_box02 {width:100%;max-width:1200px;margin: 0 auto;padding-bottom:10px;} section.protfolio .port_explain_box02 div[class*="box"] {width:100%;border-bottom:3px solid #ea5628;} section.protfolio .port_explain_box02 div[class*="box"] .info {width:60%;display:inline-block;box-sizing:content-box;vertical-align:top;} section.protfolio .port_explain_box02 div[class*="box"] .img {width:39%;display:inline-block;box-sizing:content-box;text-align:right;padding-bottom:10px;} section.protfolio .port_explain_box02 div[class*="box"] .info h2 {font-size:28px;font-size:900;color:#666666;margin:0 0 10px 0;} section.protfolio .port_explain_box02 div[class*="box"] .info h5 {font-size:20px;color:#666666;padding-bottom:20px;border-bottom:1px solid #666666;position:relative;} section.protfolio .port_explain_box02 div[class*="box"] .info h5::after {content:"";display:block;position:absolute;top:45px;left:0;width:200px;height:0;border-bottom:3px solid #ea5628;} section.protfolio .port_explain_box02 div[class*="box"] .info .info_tbl {width:100%;vertical-align:middle;margin-top:45px;} section.protfolio .port_explain_box02 div[class*="box"] .info .info_tbl th {width:200px;background-color:#ffffff;padding-left:0;} section.protfolio .port_explain_box02 div[class*="box"] .info .info_tbl td {padding-left:0;} section.protfolio .none {display:none;} @media (max-width: 750px) { section.protfolio .port_list_box {margin: 0 auto;} section.protfolio .port_list_box > div {width:50%;} section.protfolio .port_explain_box02 div[class*="box"] .info h2 {font-size:25px} section.protfolio .port_explain_box02 div[class*="box"] .info .info_tbl th {width:100px;} section.protfolio .port_explain_box02 div[class*="box"] .info h5 {height:60px;padding-bottom:0;} section.protfolio .port_explain_box02 div[class*="box"] .info h5::after {top:60px;} } /*포트폴리오 end */ /*자주묻는질문(FAQ) start*/ #nqoon_faq {padding:0 0 70px;position:relative;} #nqoon_faq .none {display:none;} .faq_box {margin-top:100px;} .faq_box .faq_one_box {margin:0px auto;margin-bottom:10px;border-bottom: 1px solid #e3e3e3;max-width:1300px;} .faq_box .faq_one_box .faq_question {padding:10px 0;font-size:15px;color:#000000;word-break:keep-all;} .faq_box .faq_one_box .faq_question:hover {color:#f55f2a;cursor:pointer;} .faq_box .faq_one_box .faq_question .quesiton {display:inline;margin-left:10px;vertical-align:top;margin-bottom:2px;} .faq_box .faq_one_box .faq_question .ico-plus, .faq_box .faq_one_box .faq_question .ico-minus {font-size:23px;background-color:#ffffff;} .faq_box .faq_one_box .faq_answer {padding:10px;color:#000000;word-break:keep-all;font-size:14.5px;} .faq_box .faq_one_box .faq_answer b {font-size:15px;color:#f55f2a;} .faq_box .faq_one_box .faq_answer ul {padding-left:5px;list-style:none;margin-top:5px;} .faq_box .faq_one_box .faq_answer ul li {font-size:14.5px;} .owl-slider .owl-nav {display:none;} @media (max-width: 500px) { .faq_box .faq_one_box {margin:0 10px;} } /*자주묻는질문(FAQ) end*/ /*원격지원 start*/ #nqoon_remoteas {margin-top:50px;} #nqoon_remoteas iframe{width:100%;height:1050px;} /*원격지원 end*/ /*문의하기(게시판) start*/ /*등록 버튼*/ .xe-list-board-body .xe-list-board-body--footer .xe-list-board-body--footer-button-box .xe-list-board-body--footer-button.xe-list-board-body--footer-button__register {background:#42a2c5 !important;} /*배경*/ .xe-list-board-body {background:url("/xe3/plugins/boram/theme/assets/img/bg_contact.jpg") repeat ;padding:0 50px 50px;} /*타이틀*/ .xe-list-board-header__title-box {text-align:center;margin:100px 0 50px;float:none !important;position:relative;} .xe-list-board-header__title-box::after {content:"";position:absolute;display:block;width:40px;height:10px;border-bottom:2px solid #f15525; text-align:center;left:50%;margin-left:-20px;} .xe-list-board-header__title-box .xe-list-board-header__title {font-weight:700 !important;font-size:40px !important;} .xe-list-board-header__title-box .xe-list-board-header__title > a {color:#000000 !important;} /*상단 숫자, search*/ span.xe-list-board-header__post-count, input.xe-list-board--header__search__control {display:none !important;} /*view 내 하단 정보, 목록정렬 */ div.xe-list-board-body__more-post, div.xe-list-board-header__contents {visibility:hidden;} /*목록 테이블 */ li.xe-list-board-list--header {color:#ffffff !important;} /*목록-글쓰기*/ .xe-list-board-footer .xe-list-board--button-box .xe-list-board__btn {color:#ffffff;} .xe-list-board-footer .xe-list-board--button-box .xe-list-board__btn:hover {color:#141414;} /*write 비밀글 체크*/ label.xe-list-board-body--footer-check-item-text {color:#ffffff !important;} /*view 조회수*/ span.xe-list-board-list-item___detail.xe-list-board-list-item___detail-read_count.xe-list-board-list__mobile-style {display:none;} /*문의하기(게시판) end*/ /*write + contact start*/ div.contact-title {padding-top:100px;position:relative;} div.contact-title h2 {font-weight:700 !important;} div.contact-title::after {content:"";position:absolute;display:block;width:40px;height:10px;border-bottom:2px solid #f15525; text-align:center;left:50%;top:145px;margin-left:-20px;} .xe-list-board-body--footer-nonmember input:nth-child(1) {display:none;} .xe-list-board-body--footer-nonmember input {padding:15px 0;width:100%;} div.__xe_slug_show {visibility:hidden;height:0;} .xe-list-board-body--footer-nonmember input, input.__xe_title.bd_input.xe-list-board-body--header-title-input {padding:10px !important;height:45px !important;font-size:14px !important;margin-bottom:15px;} .xe-list-board-body .xe-list-board-body--header {margin-bottom: 0;} .xe-list-board-body--footer-check-list {height:0;margin:0;} /*write + contact end*/ /*footer start*/ .footer > div {line-height:25px;font-size:13px;padding-bottom:20px;color:#333333;} .main-wrap .footer a {color:#333333;} .main-wrap .footer a:hover {text-decoration:underline;} /*footer end*/ /*자료실 board(blog) */ .blog_banner {background-color:#354566;} .blog_banner h1 {color:#ffffff;} div.board_header {margin-top:20px;} /*검색아이콘있는 라인*/ .board_header .bd_manage_area .btn_mng i {display:none;} /*필터 아이콘 */ div.bd_file_list {display:none;} /*상세보기 내 첨부된 파일 확인*/ div.board .panel {display:none;} /*검색결과*/ div.xe-form-inline.xe-hidden-xs.board-sorting-area.__xe-forms div.xe-dropdown.__xe-dropdown-form {display:none;} /*정렬 및 분류 */ div.bd_search_area form.__xe_simple_search a.bd_btn_detail {display:none;} /*상세검색*/ .board .read_board span.category {visibility:hidden;} /* 오픈 팝업 공지 */ #pop_layer {position:fixed;top:100px;left:50%;margin-left:-250px;z-index:99;width:500px;display:none;} #pop_layer .pop_cont {height:500px;} #pop_layer .pop_btn, #pop_layer_sul .pop_btn {width:100%;padding:5px 10px;background-color:#cccccc;} #pop_layer .pop_btn::after, #pop_layer_sul .pop_btn::after {content:"";display:block;clear:both;} #pop_all_close {} #pop_layer .pop_btn label, #pop_layer_sul .pop_btn label {display:inline-block;padding-left:5px;cursor:pointer;font-size:15px;} #pop_layer .pop_btn button, #pop_layer_sul .pop_btn button {border:0;background-color:transparent;float:right;cursor:pointer;font-size:15px;font-weight:500;} #pop_layer_sul {position:fixed;top:100px;left:50%;margin-left:-250px;z-index:99;width:450px;display:none;} #pop_layer_sul .pop_cont {height:450px;}