@charset "utf-8";

/* @import url(fonts.css); */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */

@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

/* Common */
body, form, fieldset, legend, input, textarea, button, select {margin:0; padding:0;}
body, input, textarea, select, button, table, pre {font-family:'Noto Sans JP', sans-serif; font-size:14px; color:#000; line-height:1.4; letter-spacing:-0.05em;}
h1, h2, h3, h4, h5, th, strong {margin:0; padding:0; font-weight:600;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
img, fieldset, button, iframe {border:0;}
a {text-decoration:none; color:#000;}

/* header */
header {position:fixed; top:0; right:0; left:0; text-align:center; box-sizing:border-box; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index:2000;}
header .header_inner {overflow:hidden;}
header .logo {position:absolute; top:18px; left:18px; font-size:0; filter:brightness(0) invert(1); z-index:10;}
header .logo h1 {margin:0; padding:0;}
header .logo a {display:block; width:98px; height:26px; background:url(../img/logo_naon2@2x.png) no-repeat 0 0; background-size:98px 26px;}
header .gnb {display:none; position:relative; display:inline-block; min-height:60px; text-align:center; vertical-align:top; z-index:10;}
header .gnb .gnb_menu {display:none; justify-content:center; position:relative; margin:0; padding:0; list-style:none;}
header .gnb .gnb_menu > li {vertical-align:top;}
header .gnb .gnb_menu > li > a {display:inline-block; width:200px; height:100px; line-height:100px; font-size:20px; font-weight:600; color:#fff; text-decoration:none; filter:brightness(10);}
header .gnb .gnb_menu > li span.red_dot::after {content:''; display:inline-block; width:6px; height:6px; margin:0 0 5px 7px; border-radius:3px; background-color:#fff; vertical-align:middle;}
header.gnb_over .gnb .gnb_menu > li a span.red_dot::after,
.wrap_sub header .gnb .gnb_menu > li span.red_dot::after,
.scroll_on header .gnb .gnb_menu > li span.red_dot::after {background-color:#ff0000;}
header .gnb .gnb_menu > li:hover > a {color:#007bff;}
header .gnb .gnb_menu > li:last-child::after {content: ''; display:none; position: absolute; top:82px; left:810px; width:200px; height:3px; background-color:#007bff; opacity:0; transition:left cubic-bezier(0.4, 0, 0.2, 1) 0.3s;}
header .gnb .gnb_menu > li:nth-child(1):hover ~ li:last-child::after {left:10px;}
header .gnb .gnb_menu > li:nth-child(2):hover ~ li:last-child::after {left:210px;}
header .gnb .gnb_menu > li:nth-child(3):hover ~ li:last-child::after {left:410px;}
header .gnb .gnb_menu > li:nth-child(4):hover ~ li:last-child::after {left:610px;}
header .gnb .gnb_menu > li:nth-child(5):hover ~ li:last-child::after {left:810px;}
header .gnb .gnb_menu .sub {opacity:0; width:200px; height:0; margin:0; padding:0; list-style:none; box-sizing:border-box; text-align:center; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
header .gnb .gnb_menu .sub li a {position:relative; display:inline-block; padding:10px 0; text-decoration:none; font-size:16px; font-weight:400; color:#000; white-space:nowrap;}
header .gnb .gnb_menu .sub li a::after {content: ''; display:none; position: absolute; left:-2px; bottom:8px; width:100%; height:1px; padding:0 2px; background-color:#007bff;}
header .gnb .gnb_menu .sub li a:hover {color:#007bff;}
header .gnb .gnb_menu .sub li a:hover:after {display:block;}
header .gnb .gnb_menu:hover > li > a {filter:none;}
header .gnb .gnb_menu:hover > li:last-child::after {display:block; opacity:1;}
header .gnb .gnb_menu:hover .sub {padding:0 0 20px; height:260px; opacity:1;}
header .gnb .gnb_menu:hover .sub li a {opacity:1;}
header .gnb .gnb_menu:hover .bnr {opacity:1; height:80px;}
header .optn {display:none; position:absolute; top:0; right:0; width:230px; height:100%; overflow:hidden; z-index:10;}
header .optn .optn_menu {margin:0; padding:0; list-style:none; font-size:18px;}
header .optn .optn_menu li:nth-child(2),
header .optn .optn_menu li:nth-child(3) {opacity:0; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
header .optn .demo {display:block; width:230px; height:100px; padding-top:24px; background-image:linear-gradient(to right,#14aeed 0,#0079ff 50%,#1158c1 100%); box-sizing:border-box; font-weight:600; line-height:1; color:#fff; text-align:center;}
header .optn .demo .txt {display:block;}
header .optn .demo .tel {display:block; margin-top:8px; font-size:22px;}
header .optn .bnr {display:block; height:160px; padding:15px; background-color:#202020; background-repeat:no-repeat; background-position:50% 50%; box-sizing:border-box;}
header .optn .bnr .inner {display:block; position:relative; height:130px; box-sizing:border-box; overflow:hidden; transition:1s;}
/* header .optn .bnr .inner::before {content:'상세보기'; display:block; position:absolute; bottom:20px; left:50%; width:50%; padding:2px 0; color:#fff; border:1px solid rgba(255, 255, 255, 0.3); border-radius:6px; font-size:12px; transform:translateX(-50%);} */
header .optn .bnr .inner::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid rgba(10, 180, 250, 0.3); box-sizing:border-box;}
header .optn .bnr .inner .txt {display:none;}
header .optn .bnr .inner .ln {position:absolute;}
header .optn .bnr .inner .ln:nth-child(1) {top:0; left:0; width:100%; height:2px; background:linear-gradient(to left, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateTop linear infinite;}
header .optn .bnr .inner .ln:nth-child(2) {top:0; right:0; height:100%; width:2px; background:linear-gradient(to top, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateRight linear -1s infinite;}
header .optn .bnr .inner .ln:nth-child(3) {bottom:0; left:0; width:100%; height:2px; background:linear-gradient(to right, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateBottom linear infinite;}
header .optn .bnr .inner .ln:nth-child(4) {top:0; left:0; height:100%; width:2px; background:linear-gradient(to bottom, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateLeft linear -1s infinite;}
header .optn .bnr:hover .inner {box-shadow:0 0 10px 5px rgba(10, 180, 250, 0.5);}
header .optn .bnr:hover .inner::after {border:2px solid rgba(10, 180, 250, 1); transition:1s;}
header .optn .bnr:hover .inner .ln {opacity:0;}
header .optn .bnr1 {letter-spacing:normal; background-image:url(../img/bnr1.gif);}
header .optn .bnr2 {background-color:#121212; background-image:url(../img/bnr2.png);}
header .optn .bnr3 {background-image:url(../img/bnr3.png);}
header .optn .bnr4 {background-image:url(../img/bnr4.png);}
header .optn .bnr5 {background-image:url(../img/bnr5.png);}

@keyframes animateTop {
    0% {transform:translateX(100%);}
    100% {transform:translateX(-100%);}
}

@keyframes animateRight {
    0% {transform: translateY(100%);}
    100% {transform: translateY(-100%);}
}

@keyframes animateBottom {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(100%);}
}

@keyframes animateLeft {
    0% {transform:translateY(-100%);}
    100% {transform: translateY(100%);}
}

header::before {content:''; display:block; position:absolute; left:0; top:0; width:110%; height:100%; background-color:#fff; transform:translateY(-100%); z-index:1;}
header.gnb_over {max-height:336px; background-color:#fff;}
header.gnb_over .logo,
header.gnb_over .gnb .gnb_menu > li > a {filter:none; color:#000;}
header.gnb_over .gnb .gnb_menu .sub {height:200px; opacity:1;}
header.gnb_over .btn_menu .line {background-color:#000;}
header.gnb_over .optn .optn_menu li:nth-child(2),
header.gnb_over .optn .optn_menu li:nth-child(3) {opacity:1;}
header.gnb_over::after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#eaeaea; z-index:2;}
header.gnb_over::before {transform:translateY(0);}
.menu_on .wrap_sub header {background:#fff;}
.menu_on .wrap_sub header .logo a {background-image:url(../img/logo_naon@2x.png);}
.scroll_on header, .wrap_sub header {background:#fff; box-shadow:0 0 5px 5px rgba(0, 0, 0, 0.1); opacity:1;}
.scroll_on header::after, .wrap_sub header::after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#eaeaea; z-index:2;}
.scroll_on header .logo a, .wrap_sub header .logo a, .menu_on header .logo a {background-image:url(../img/logo_naon@2x.png);}
.scroll_on header .logo, .wrap_sub header .logo,
.scroll_on header .gnb .gnb_menu > li > a, .wrap_sub header .gnb .gnb_menu > li > a {filter:none; color:#000;}
.scroll_on header .gnb .gnb_menu > li:hover > a, .wrap_sub header .gnb .gnb_menu > li:hover > a {color:#007bff;}
.scroll_on header .lang .btn_lang, .wrap_sub header .lang .btn_lang {background-position:100% -23px; color:#000;}
.scroll_on header .btn_menu .line, .wrap_sub header .btn_menu .line {background-color:#000;}
.wrap_main header.gnb_over .lang .btn_lang {color:#000; background-position:100% -23px;}

/* Mobile GNB */
header .gnb_mo {height:0; overflow:hidden; opacity:0;}
header .gnb_mo .demo {display:block; height:100px; margin:10px 20px; padding-top:20px; background-image:linear-gradient(to right,#14aeed 0,#0079ff 50%,#1158c1 100%); box-sizing:border-box; font-size:18px; font-weight:600; color:#fff; text-align:center;} 
header .gnb_mo .demo .txt {display:block;}
header .gnb_mo .demo .tel {display:block; margin-top:2px; font-size:22px;}
header .gnb_mo .bnr {display:block; height:100px; padding:10px; background-color:#202020; background-repeat:no-repeat; background-position:50% 50%; color:#fff; text-align:left; box-sizing:border-box;}
header .gnb_mo .bnr .inner {display:block; position:relative; height:80px; padding:20px 0 0 15px; box-sizing:border-box; overflow:hidden; transition:1s;}
/* header .gnb_mo .bnr .inner::before {content:'상세보기'; display:block; position:absolute; bottom:15px; left:50%; width:50%; padding:2px 0; border:1px solid rgba(255, 255, 255, 0.3); border-radius:6px; font-size:12px; text-align:center; transform:translateX(-50%);} */
header .gnb_mo .bnr .inner::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid rgba(10, 180, 250, 0.3); box-sizing:border-box;}
header .gnb_mo .bnr .inner .txt {display:none;}
header .gnb_mo .bnr .inner .ln {position:absolute;}
header .gnb_mo .bnr .inner .ln:nth-child(1) {top:0; left:0; width:100%; height:2px; background:linear-gradient(to left, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateTop linear infinite;}
header .gnb_mo .bnr .inner .ln:nth-child(2) {top:0; right:0; height:100%; width:2px; background:linear-gradient(to top, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateRight linear -1s infinite;}
header .gnb_mo .bnr .inner .ln:nth-child(3) {bottom:0; left:0; width:100%; height:2px; background:linear-gradient(to right, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateBottom linear infinite;}
header .gnb_mo .bnr .inner .ln:nth-child(4) {top:0; left:0; height:100%; width:2px; background:linear-gradient(to bottom, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateLeft linear -1s infinite;}
header .gnb_mo .bnr1 {letter-spacing:normal; background-image:url(../img/bnr1.png);}
header .gnb_mo .bnr2 {background-color:#121212; background-image:url(../img/bnr2.png);}
header .gnb_mo .bnr3 {background-image:url(../img/bnr3.png);}
header .gnb_mo .bnr4 {background-image:url(../img/bnr4.png);}
header .gnb_mo .bnr5 {background-image:url(../img/bnr5.png);}
header .gnb_mo .mo_bnr .bnr,
header .gnb_mo .mo_bnr .demo {margin:0}
header .gnb_mo .mo_bnr ul {margin:40px 0 0; padding:5px 15px; list-style:none;}
header .gnb_mo .mo_bnr ul li {padding:5px; box-sizing:border-box;}
header .lang {display:block; position:absolute; top:18px; right:60px; z-index:11; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
header .lang .btn_lang {position:relative; display:block; width:54px; height:23px; text-align:left; color:#fff; font-weight:600; font-size:16px; border:0; background:url(../img/ico_lang.png)no-repeat 100% 0; background-size:24px auto; cursor:pointer;}
header .lang .lang_ul {display:flex; flex-direction:column; gap:5px; position:absolute; top:28px; right:0; min-width:80px; margin:0; padding:5px; background-color:#fff; border:1px solid #ddd; border-radius:12px; list-style:none; box-shadow:0 5px 10px rgba(0, 0, 0, 0.08); visibility:hidden; transform:translateY(-10px); opacity:0; transition:0.2s ease-in-out; z-index:11;}
/* header .lang .lang_ul li {padding:5px;} */
header .lang .lang_ul li a,
header .lang .lang_ul li span {display:block; padding:5px 10px; border-radius:12px; font-size:16px; text-align:center;}
header .lang .lang_ul li a.active,
header .lang .lang_ul li span.active {background-color:#0078FF !important; color:#fff !important;}
header .lang.lang_on .lang_ul {transform:translateY(0); visibility:visible; opacity:1;}
header .optn_mo {display:block; position:absolute; top:18px; right:18px;}
header .optn_mo .btn_menu {position:relative; display:block; width:24px; height:23px; border:0; background:none; cursor:pointer;}
header .btn_menu .hide {display:none;}
header .btn_menu .line {position:absolute; display:block; width:100%; height:2px; left:0; background-color:#fff; transition:all .3s;}
header .btn_menu .line:nth-child(2) {top:4px;}
header .btn_menu .line:nth-child(3) {top:10px;}
header .btn_menu .line:nth-child(4) {bottom:5px;}
header .mo_menu {width:100%; text-align:left;}
header .mo_menu_item .item_sd {display:block; position:relative; height:50px; line-height:50px; padding:0 25px; font-size:20px; font-weight:600; cursor:pointer; text-transform:uppercase;} /* 단일 메뉴 */
header .mo_menu_item .item_hd {position:relative; height:50px; line-height:50px; padding:0 25px; font-size:20px; font-weight:600; cursor:pointer; transition:all .3s; text-transform:uppercase;} /* 탭 메뉴 */
header .mo_menu_item .item_hd:hover {position:relative; z-index:5;}
header .mo_menu_item .item_hd::after {content:""; position:absolute; top:50%; right:20px; width:20px; height:20px; margin-top:-10px; background:url(../img/item_hd.png) no-repeat 0 0; background-size:20px 20px; line-height:normal; transition:.3s all; transform:rotate(0deg);}
header .mo_menu_item .item_bd {padding-bottom:20px; color:#000; display:none;}
header .mo_menu_item .item_sd span.red_dot::after,
header .mo_menu_item .item_hd span.red_dot::after,
header .mo_menu_item .item_bd span.red_dot::after {content:''; display:inline-block; width:6px; height:6px; margin:0 0 5px 7px; border-radius:3px; background-color:#ff0000; vertical-align:middle;}
header .mo_menu_item .sub {margin:0; padding:0; list-style:none;}
header .mo_menu_item .sub a {display:block; height:40px; line-height:40px; padding:0 25px; font-size:16px;}
header .mo_menu_item.active .item_hd {color:#007bff;}
header .mo_menu_item.active .item_hd::after {transform:rotate(-180deg);}
.menu_on header {background:#fff; min-height:100vh; opacity:1;}
.menu_on header .logo {filter:none;}
.menu_on header .gnb_mo {height:auto; padding-top:20px; opacity:1;}
.menu_on header .gnb_mo .bnr svg {stroke-dashoffset:-600; transition:1s ease-in-out;}
.menu_on header .lang .btn_lang {background-position:100% -23px; color:#000;}
.menu_on header .btn_menu .line:nth-child(2) {top:-10px; transform:translateY(20px) rotate(-45deg);}
.menu_on header .btn_menu .line:nth-child(3) {opacity:0;}
.menu_on header .btn_menu .line:nth-child(4) {bottom:-9px; transform:translateY(-20px) rotate(45deg);}
.menu_on header .btn_menu .line {background-color:#000;}

@media all and (min-width:760px) {
    header .gnb_mo .mo_bnr ul {display:flex; flex-wrap:wrap;}
    header .gnb_mo .mo_bnr ul li {width:calc(100% / 2);}
    header .gnb_mo .mo_bnr ul li:nth-child(3) {width:100%;}
}

@media all and (min-width:1280px) {
    header {max-height:80px;}
    header .logo {top:25px; left:60px; transform:scale(0.8); transition:0.3s cubic-bezier(0.4, 0, 0.2, 1); transform-origin:top left;}
    header .logo a {width:136px; height:36px; background-image:url(../img/logo_naon2.png); background-size:136px 36px;}
    header .gnb {display:inline-block; min-height:100px; transform:scale(0.80); transition:0.3s cubic-bezier(0.4, 0, 0.2, 1); transform-origin:top center; }
    header .gnb .gnb_menu {display:flex;}
    header .gnb_mo {display:none;}
    header .optn {display:block;}
    header .optn .optn_menu {transform:scale(0.80); transition:0.3s cubic-bezier(0.4, 0, 0.2, 1); transform-origin:top right;}
    header .optn_mo {display:none;}
    header.gnb_over .logo a, .scroll_on header .logo a {background-image:url(../img/logo_naon.png);}
    header .lang {top:28px; right:200px;}
    .menu_on header {min-height:initial; background:inherit; opacity:inherit;}
    .menu_on header .logo a {background-image:url(../img/logo_naon2@2x.png);}
    .menu_on header.gnb_over .logo a {background-image:url(../img/logo_naon@2x.png);}
    .menu_on.scroll_on header {background:#fff;}
    .menu_on.scroll_on header .logo a {background-image:url(../img/logo_naon@2x.png);}
}

@media all and (min-width:1580px) {
    header {max-height:initial;}
    header .logo,
    header .gnb,
    header .optn .optn_menu {transform:scale(1);}
    header.gnb_over {max-height:initial;}
    header .lang {top:39px; right:260px;}
}

/* Section */
section .section_inner {max-width:1460px; margin:0 auto;}
section .sec_tit {padding:50px 20px; text-align:center;}
section .sec_tit h3 {font-size:32px; line-height:1.3;}
section .sec_tit h3 br {display:none;}
section .sec_tit h3 .imp img {height:26px; margin:14px 8px 0 -20px; vertical-align:top;}
section .sec_desc {margin-top:-35px; padding:0 20px 50px; font-size:18px; line-height:1.4; text-align:center;}
section .sec_desc br {display:none;}
section .sec_cont {padding-bottom:50px;}
section .section_bg {background-color:#f5f7f8;}
section .section_grbg {background:url(../img/bg_gr.gif) repeat-x 0 0;}
section .hl {color:#0078ff;}
section.ovr_hdn {overflow:hidden;}

@media all and (min-width:760px) {
    section .sec_tit {padding:50px 40px;}
    section .sec_tit h3 {font-size:40px;}
    section .sec_tit h3 br {display:inline;}
    section .sec_tit h3 .imp img {height:32px;}
    section .sec_desc {margin-top:-20px; padding:0 40px 90px; font-size:18px;} 
    section .sec_cont {padding-bottom:90px;}
}

@media all and (min-width:1280px) {
    section .sec_tit {padding:100px 40px 50px; font-size:22px;}
    section .sec_tit h3 {font-size:45px;}
    section .sec_tit h3 .imp img {height:35px;}
    section .sec_desc br {display:inline;}
    section .sec_cont {padding-bottom:140px;}
}

/* Visual Section */
.section_visual {position:relative; height:340px; padding-top:60px; background-repeat:no-repeat; background-position:50% 0; background-size:cover; color:#fff;}
.section_visual .location {height:30px; line-height:30px; margin-bottom:25px; padding:20px;}
.section_visual .location .home,
.section_visual .location .gt {display:inline-block; width:14px; height:30px; background:url(../img/location.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px; vertical-align:top;}
.section_visual .location .gt {margin:0 10px; background-position:0 -30px; opacity:0.5;}
.section_visual .location .menu {display:inline-block; height:30px; line-height:30px; font-size:18px; vertical-align:top;}
.section_visual .svc_tit {margin-bottom:20px; padding:0 20px; opacity:0; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.section_visual .svc_tit h2 {font-size:38px; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3);}
.section_visual .svc_tit h2 .hl {color:#00c6ff;}
.section_visual .svc_desc {padding:0 20px; font-size:18px; line-height:1.5; opacity:0; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.section_visual .svc_feat {display:none; padding-top:50px;}
.section_visual .svc_feat .feat_inner {max-width:1460px; margin:0 auto;}
.section_visual .svc_feat .tit {height:35px; padding:0 20px;}
.section_visual .svc_feat .tit strong {display:inline-block; position:relative; height:22px; line-height:22px; font-size:24px; text-shadow:3px 3px 5px rgba(0, 0, 0, 0.3); line-height:1; vertical-align:top;}
.section_visual .svc_feat .tit strong::before {content:''; display:block; position:absolute; top:0; right:100%; width:500px; height:22px; background:url(../img/features_bar.png) no-repeat 0 0;}
.section_visual .svc_feat .feat_ul {display:flex; flex-wrap:wrap; margin:0; padding:0 0 50px; list-style:none;}
.section_visual .svc_feat .feat_ul li {width:calc(100% / 2); padding:10px 0; font-size:12px; text-align:center;}
.section_visual .svc_feat .feat_ul li:nth-child(2) .icon {background-position:0 -50px;}
.section_visual .svc_feat .feat_ul li:nth-child(3) .icon {background-position:0 -100px;}
.section_visual .svc_feat .feat_ul li:nth-child(4) .icon {background-position:0 -150px;}
.section_visual .svc_feat .feat_ul li:nth-child(5) .icon {background-position:0 -200px;}
.section_visual .svc_feat .feat_ul li:nth-child(6) .icon {background-position:0 -250px;}
.section_visual .svc_feat .feat_ul li .icon {width:50px; height:50px; margin:0 auto 10px; background-size:50px 300px; background-repeat:no-repeat;}

@media all and (min-width:760px) {
    .section_visual .location {padding:20px 40px;}
    .section_visual .location .gt {margin:0 15px;}
    .section_visual .location .menu {font-size:20px;}
    .section_visual .svc_tit {padding:0 40px;}
    .section_visual .svc_tit h2 {font-size:50px;}
    .section_visual .svc_desc {padding:0 40px;}
    .section_visual .svc_desc {font-size:20px;}
    .section_visual .svc_feat {display:block;}
    .section_visual .svc_feat .tit {padding:0 40px;}
    .section_visual .svc_feat .feat_ul {padding:20px 20px 50px;}
    .section_visual .svc_feat .feat_ul li {flex:1; width:auto; padding:0; font-size:13px;}
}

@media all and (min-width:1280px) {
    .section_visual {height:450px; padding-top:100px;}
    .section_visual .location {margin-bottom:80px;}
    .section_visual .svc_tit h2 {font-size:58px;}
    .section_visual .svc_desc {font-size:22px;}
    .section_visual .svc_feat {position:absolute; bottom:0; left:0; width:100%; padding-top:0;}
    .section_visual .svc_feat .feat_ul {padding:65px 100px 95px 0;}
    .section_visual .svc_feat .feat_ul br {display:inline;}
    .section_visual .svc_feat .feat_ul li {flex:1; width:auto; padding:0; font-size:16px;}
    .section_visual .svc_feat .feat_ul li .icon {width:70px; height:70px; background-size:70px 420px;}
    .section_visual .svc_feat .feat_ul li:nth-child(2) .icon {background-position:0 -70px;}
    .section_visual .svc_feat .feat_ul li:nth-child(3) .icon {background-position:0 -140px;}
    .section_visual .svc_feat .feat_ul li:nth-child(4) .icon {background-position:0 -210px;}
    .section_visual .svc_feat .feat_ul li:nth-child(5) .icon {background-position:0 -280px;}
    .section_visual .svc_feat .feat_ul li:nth-child(6) .icon {background-position:0 -350px;}
}

@media all and (min-width:1600px) {
    .section_visual .svc_feat .feat_ul {padding-right:0;}
    .section_visual .svc_feat .feat_ul br {display:none;}
}

/* Features Section */
.section_features .sec_tit {display:none;}
.section_features .sec_cont {padding:50px 0;}
.section_features .feat_box {padding:25px 25px 50px; background-color:#0078ff; color:#fff; text-align:center; box-sizing:border-box; box-shadow:0 5px 10px rgba(0, 0, 0, 0.25); opacity:0; transition:0.2s;}
.section_features .feat_box br {display:none;}
.section_features .feat_box .num {position:relative; height:56px; line-height:58px; margin-bottom:10px; font-size:40px; font-weight:600; color:rgba(255, 255, 255, 0.4);}
.section_features .feat_box .tit {position:relative; padding-bottom:20px; margin-bottom:20px; line-height:1.3;}
.section_features .feat_box .tit strong {font-size:24px; text-shadow:0 0 4px rgba(0, 68, 160, 0.3);}
.section_features .feat_box .tit::before {content:''; position:absolute; bottom:0; left:50%; width:70%; transform:translateX(-50%); border-bottom:1px solid rgba(255, 255, 255, 0.4); font-size:0;}
.section_features .feat_box .cont {font-size:18px; line-height:1.4; letter-spacing:-1px;}
.section_features .feat_ul {margin:0; padding:0; list-style:none;}
.section_features .feat_ul li {padding:0 20px;}
.section_features .feat_ul li:nth-child(2) .feat_box {background-color:#14aeed;}
.section_features .feat_ul li:nth-child(3) .feat_box {background-color:#1158c1;}
.section_features .feat_ico_ul {margin:0; padding:0; list-style:none;}
.section_features .feat_ico_ul li {padding:0 20px 20px;}
.section_features .feat_ico_ul .feat_box {border:1px solid #d6dce1; background-color:#fff; color:#000; box-shadow:0 10px 15px rgba(0, 0, 0, 0.15);}
.section_features .feat_ico_ul .feat_box .icon {width:80px; height:80px; margin:5px auto 15px; background:url(../img/feat_icon_gw.png) no-repeat 0 0;}
.section_features .feat_ico_ul .feat_box .icon2 {background-position:0 -80px;}
.section_features .feat_ico_ul .feat_box .icon3 {background-position:0 -160px;}
.section_features .feat_ico_ul .feat_box .tit strong {text-shadow:none;}
.section_features .feat_ico_ul .feat_box .tit::before {width:65%; border-color:#d6dce1;}

@media all and (min-width:760px) {
    .section_features .sec_cont {padding:50px 20px;}
    .section_features .feat_box br {display:inline;}
    .section_features .feat_box .tit strong {font-size:28px;}
    .section_features .feat_box .cont {max-width:480px; margin:0 auto;}
}

@media all and (min-width:1280px) {
    .section_features .sec_cont {padding:100px 20px;}
    .section_features .feat_box {min-height:325px;}
    .section_features .feat_ul {display:flex;}
    .section_features .feat_ul li {flex:1;}
    .section_features .feat_ico_ul {display:flex;}
    .section_features .feat_ico_ul li {flex:1; padding:0 20px;}
    .section_features .feat_ico_ul .feat_box {min-height:360px;}
}

/* Value Section */
.value_bg {position:relative; background-color:#f5f7f8; overflow:hidden;}
.value_bg::before {content:''; display:block; position:absolute; top:0; left:0; width:520px; height:600px; background:url(../img/value_bg_l.gif) no-repeat 0 0;}
.value_bg::after {content:''; display:block; position:absolute; top:0; right:0; width:420px; height:420px; background:url(../img/value_bg_r.gif) no-repeat 0 0;}
.section_value .sec_desc .hd {padding:10px 0 30px; font-size:24px; font-weight:600;}
.section_value .section_inner {position:relative; overflow:hidden; z-index:1;}
.section_value .value_image {max-width:770px; height:580px; margin:0 auto; background-color:rgba(0, 0, 0, 0.08);}
.section_value .value_ul {margin:0; padding:0; list-style:none;}
.section_value .value_ul > li {padding:0 20px 20px;}
.section_value .value_ul > li:nth-child(2) .value_box .tit {background-color:#14aeed;}
.section_value .value_ul > li:nth-child(2) .value_box .tit::before {content:'02';}
.section_value .value_ul > li:nth-child(2) .value_box .keyword .hl {color:#14aeed;}
.section_value .value_ul > li:nth-child(3) .value_box .tit {background-color:#1158c1;}
.section_value .value_ul > li:nth-child(3) .value_box .tit::before {content:'03';}
.section_value .value_ul > li:nth-child(3) .value_box .keyword .hl {color:#1158c1;}
/* .section_value .value_ul.reverse > li:nth-child(1) .value_box .tit {background-color:#1158c1;}
.section_value .value_ul.reverse > li:nth-child(1) .value_box .hl {color:#1158c1;}
.section_value .value_ul.reverse > li:nth-child(2) .value_box .tit {background-color:#14aeed;}
.section_value .value_ul.reverse > li:nth-child(2) .value_box .hl {color:#14aeed;}
.section_value .value_ul.reverse > li:nth-child(3) .value_box .tit {background-color:#0078ff;}
.section_value .value_ul.reverse > li:nth-child(3) .value_box .hl {color:#0078ff;} */
.section_value .value_box {background-color:#fff; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); opacity:0; transition:0.2s;}
.section_value .value_box br {display:none;}
.section_value .value_box .tit {padding:20px 25px 25px 25px; background-color:#0078ff; color:#fff; box-sizing:border-box;}
.section_value .value_box .tit strong {font-size:22px; line-height:1.4;}
.section_value .value_box .tit::before {content:'01'; display:block; margin-bottom:8px; font-size:36px; font-weight:600; color:rgba(255, 255, 255, 0.5); line-height:1;}
.section_value .value_box .keyword {display:none; position:relative; height:320px; background-color:#fff;}
.section_value .value_box .keyword .icon {display:block; position:absolute; top:50%; left:50%; width:110px; height:110px; margin:-85px 0 0 -55px; background:url(../img/value_icon.png) no-repeat 0 0;}
.section_value .value_box .keyword .icon1 {background-position:0 0;} /* 스마트워크 ▽ */
.section_value .value_box .keyword .icon2 {background-position:0 -110px;}
.section_value .value_box .keyword .icon3 {background-position:0 -220px;}
.section_value .value_box .keyword .icon4 {background-position:0 -330px;} /* 전자결재 ▽ */
.section_value .value_box .keyword .icon5 {background-position:0 -440px;}
.section_value .value_box .keyword .icon6 {background-position:0 -550px;}
.section_value .value_box .keyword .icon7 {background-position:0 -660px;} /* 프로젝트 ▽ */
.section_value .value_box .keyword .icon8 {background-position:0 -770px;}
.section_value .value_box .keyword .icon9 {background-position:0 -880px;}
.section_value .value_box .keyword .icon10 {background-position:0 -990px;} /* 스페이스 ▽ */
.section_value .value_box .keyword .icon11 {background-position:0 -1100px;}
.section_value .value_box .keyword .icon12 {background-position:0 -1210px;}
.section_value .value_box .keyword .icon13 {background-position:0 -1320px;} /* 근태관리 ▽ */
.section_value .value_box .keyword .icon14 {background-position:0 -1430px;}
.section_value .value_box .keyword .icon15 {background-position:0 -1540px;}
.section_value .value_box .keyword .icon16 {background-position:0 -1650px;} /* 메신저 ▽ */
.section_value .value_box .keyword .icon17 {background-position:0 -1760px;}
.section_value .value_box .keyword .icon18 {background-position:0 -1870px;}
.section_value .value_box .keyword .text {display:block; position:absolute; bottom:25px; right:25px; font-size:46px; font-weight:600; line-height:1.1; color:#aaa; text-align:right; opacity:0.7;}
.section_value .value_box .keyword .text .hl {color:#0078ff;}
.section_value .value_box .cont {padding:20px; line-height:1.4; font-size:18px; color:#000; letter-spacing:-1px; box-sizing:border-box;}
.section_value .value_box .bu_list {margin:0; padding:0; list-style:none;}
.section_value .value_box .bu_list li {position:relative; padding:6px 0 6px 10px;}
.section_value .value_box .bu_list li::before {content:''; position:absolute; top:16px; left:-4px; width:6px; height:6px; border-radius:3px; background-color:#333;}
.section_value .value_slider {position:relative; margin-top:-20px; padding:0 40px;}
.section_value .value_slider ul {position:relative; z-index:1; margin:0; padding:0; list-style:none;}
.section_value .value_slider .slide_box {text-align:center;}
.section_value .value_slider .slide_box .image img {display:inline-block; max-width:100%; vertical-align:top;}
.section_value .value_slider .slide_box .sub strong {font-size:18px;}
.section_value .value_slider .slide_box .desc {padding:20px 0; font-size:18px; line-height:1.4;}
.section_value .value_slider .slide_box .desc br {display:none;}
.section_value .value_slider .slick-prev,
.section_value .value_slider .slick-next {display:none !important; top:230px; width:40px; height:57px; opacity:0.5;}
.section_value .value_slider .slick-prev:hover,
.section_value .value_slider .slick-next:hover {opacity:1;}
.section_value .value_slider .slick-prev::before,
.section_value .value_slider .slick-next::before {display:none;}
.section_value .value_slider .slick-prev {left:-40px; background:url(../img/slick_prev.png) no-repeat 50% 50%;}
.section_value .value_slider .slick-next {right:-40px; background:url(../img/slick_next.png) no-repeat 50% 50%;}
.section_value .value_slider .slick-dots {bottom:-15px;}
.section_value .value_slider .slick-dots li {margin:0;}
.section_value .value_slider .slick-dots li button:before {content:''; top:5px; left:5px; width:10px; height:10px; background-color:#929292; border-radius:5px; opacity:1;}
.section_value .value_slider .slick-dots li.slick-active button:before {background-color:#0075f9;}
.section_value .value_slider .value_img {position:absolute; top:0; left:0; width:100%; padding:0 40px; text-align:center; box-sizing:border-box;}
.section_value .value_slider .value_img img {max-width:100%; vertical-align:top;}
.section_value .value_tab {padding:0 20px;}
.section_value .value_tab .ui-slider-tabs-list {display:flex; flex-wrap:wrap; width:100% !important; margin:0 !important; padding:1px 0 0 1px; box-sizing:border-box;}
.section_value .value_tab .ui-slider-tabs-list li {width:calc(100% / 2); height:69px; border:0 !important; background:none !important; box-sizing:border-box;}
.section_value .value_tab .ui-slider-tabs-list li a {height:70px !important; line-height:68px; padding:0; margin:-1px 0 0 -1px; border:1px solid #d6dce1; background-color:#fff; font-size:20px; color:#000; text-align:center; vertical-align:top; box-sizing:border-box;}
.section_value .value_tab .ui-slider-tabs-list li.selected {position:relative; text-shadow:none;}
.section_value .value_tab .ui-slider-tabs-list li.selected a {border-color:#0078ff; color:#0078ff;}
.section_value .value_tab .ui-slider-tabs-content-container {border:0; background-color:transparent; overflow:inherit;}
.section_value .value_tab .ui-slider-tabs-leftPanelArrow {width:20px; height:57px; left:-80px; margin-top:50px; background:url(../img/slick_prev.png) no-repeat 50% 50%;}
.section_value .value_tab .ui-slider-tabs-rightPanelArrow {width:20px; height:57px; right:-80px; margin-top:50px; background:url(../img/slick_next.png) no-repeat 50% 50%;}
.section_value .value_tab .tab2 {flex-wrap:wrap;}
.section_value .value_tab .tab2 li {flex:none; width:calc(100% / 2);}
.section_value .value_tab .tab3 {flex-wrap:wrap;}
.section_value .value_tab .tab3 li {flex:none; width:calc(100% / 2);}
.section_value .value_tab .tab4 {flex-wrap:wrap;}
.section_value .value_tab .tab4 li {flex:none; width:calc(100% / 2);}
.section_value .value_tab .tab5 {flex-wrap:wrap;}
.section_value .value_tab .tab5 li {flex:none; width:calc(100% / 2);}
.section_value .value_tab .tab6 {flex-wrap:wrap;}
.section_value .value_tab .tab6 li {flex:none; width:calc(100% / 2);}
.section_value .value_tab .tab_div {width:100% !important; padding:60px 0 0;}
.section_value .value_tab .info_slide .info_box {padding:0 0 40px;}
.section_value .value_tab .info_slide .info_box .tit {padding-bottom:24px;}
.section_value .value_tab .info_slide .info_box .tit strong {font-size:28px; color:#0078ff;}
.section_value .value_tab .info_slide .info_box .tit_sub {padding-bottom:24px; font-size:22px; font-weight:600;}
.section_value .value_tab .info_slide .info_box .bu_list {margin:0; padding:0 10px; list-style:none;}
.section_value .value_tab .info_slide .info_box .bu_list li {position:relative; padding:6px 0 6px 10px; font-size:18px; line-height:1.4;}
.section_value .value_tab .info_slide .info_box .bu_list li::before {content:''; position:absolute; top:16px; left:-4px; width:6px; height:6px; border-radius:3px; background-color:#333;}
.section_value .value_tab .info_slide .image_box {text-align:center;}
.section_value .value_tab .info_slide .image_box img {max-width:100%; vertical-align:middle;}
.section_value .value_tab_box .tabs {display:flex; flex-wrap:wrap; margin:0; padding:0 21px; list-style:none;}
.section_value .value_tab_box .tabs li {flex:none; width:calc(100% / 2); height:68px; margin:-1px -1px 0; border:1px solid #d6dce1; background-color:#f5f7f8;}
.section_value .value_tab_box .tabs li a {display:block; height:68px; line-height:68px; font-size:20px; font-weight:600; color:#000; text-align:center;}
.section_value .value_tab_box .tabs li.active {border:1px solid #0078ff; background-color:#0078ff; box-shadow:0 8px 10px rgba(0, 0, 0, 0.15);}
.section_value .value_tab_box .tabs li.active a {color:#fff;}
.section_value .value_tab_box .tabs_cont {width:100%; padding-top:5px;}
.section_value .value_tab_box .tabs_cont .value_tab {display:block !important;}
.section_value .value_tab_box .value_tab .ui-slider-tabs-list {padding:1px 0 0; border-bottom:1px solid #d6dce1;}
.section_value .value_tab_box .value_tab .ui-slider-tabs-list li {height:70px; margin:4px 0 -1px;}
.section_value .value_tab_box .value_tab .ui-slider-tabs-list li a {height:69px !important; line-height:69px; margin:0; border:0; border-bottom:1px solid #d6dce1; background:none; font-size:18px; color:#000;}
.section_value .value_tab_box .value_tab .ui-slider-tabs-list li.selected a {border-bottom:2px solid #0078ff; color:#0078ff;}
.section_value.hide_tit .sec_tit {display:none;}
.section_value.hide_tit .sec_cont {padding:50px 0;}
.section_value.section_bg .value_tab .info_slide .image_box {text-align:center;}

@media all and (min-width:760px) {
    .section_value .sec_desc .hd {font-size:28px;}
    .section_value .value_ul {padding:0 20px;}
    .section_value .value_box .tit {padding:30px 10px 30px 30px;}
    .section_value .value_box .tit strong {font-size:26px;}
    .section_value .value_box .tit::before {font-size:40px;}
    .section_value .value_box .cont {padding:30px;}
    .section_value .value_slider .slick-prev,
    .section_value .value_slider .slick-next {display:inline-block !important;}
    .section_value .value_slider .slide_box .sub strong {font-size:22px;}
    .section_value .value_slider .slide_box .desc {padding:20px 0 40px;}
    .section_value .value_tab {padding:0 40px;}
    .section_value .value_tab .ui-slider-tabs-list li a {font-size:20px;}
    .section_value .value_tab .info_slide .info_box {padding:0 0 40px;}
    .section_value .value_tab .info_slide .info_box .tit strong {font-size:32px;}
    .section_value .value_tab_box .tabs {padding:0 41px;}
    .section_value .value_tab_box .tabs li a {font-size:22px;}
    .section_value .value_tab_box .value_tab .ui-slider-tabs-list li a {font-size:22px;}
}

@media all and (min-width:1280px) {
    .section_value .sec_desc .hd {font-size:32px;}
    .section_value .value_ul {display:flex;}
    .section_value .value_ul > li {flex:1; padding:0 20px;}
    .section_value .value_box .tit {min-height:185px;}
    .section_value .value_box .keyword {display:block;}
    .section_value .value_box .cont {display:none; height:320px;} /* min-height:196px; */
    .section_value .value_box:hover .keyword {display:none;}
    .section_value .value_box:hover .cont {display:table-cell; vertical-align:middle;}
    .section_value .value_box:hover .cont .bu_list {display:inline-block;}
    .section_value .value_tab .info_slide {display:flex; gap:40px;}
    .section_value .value_tab .info_slide > div {height:460px;}
    .section_value .value_tab .info_slide .info_box {flex-grow:1;}
    .section_value .value_tab .info_slide .image_box {flex-shrink:0; text-align:right;}
    .section_value .value_tab .tab2 li {flex:none; width:calc(100% / 2);}
    .section_value .value_tab .tab3 li {flex:none; width:calc(100% / 3);}
    .section_value .value_tab .tab4 li {flex:none; width:calc(100% / 4);}
    .section_value .value_tab .tab5 li {flex:none; width:calc(100% / 5);}
    .section_value .value_tab .tab6 li {flex:none; width:calc(100% / 6);}
    .section_value .value_tab .tab_div {height:480px; padding:70px 0 0;}
    .section_value .value_tab .ui-slider-tabs-list li {flex:1;}
    .section_value .value_tab .ui-slider-tabs-list li a {font-size:24px;}
    .section_value .value_tab .info_slide .info_box {height:400px; padding:40px 0 0;}
    .section_value .value_tab .info_slide .info_box .tit strong {font-size:40px;}
    .section_value .value_tab .info_slide .info_box .tit_sub {font-size:26px;}
    .section_value .value_tab .info_slide .info_box .bu_list {padding-right:50px;}
    .section_value .value_tab_box .tabs li {flex:1; width:auto; margin-top:0;}
    .section_value .value_tab_box .tabs li a {font-size:26px;}
    .section_value .value_tab_box .value_tab .ui-slider-tabs-list li {flex:none; width:calc(100% / 4);}
    .section_value .value_slider .slide_box .sub strong {font-size:26px;}
    .section_value .value_slider .slide_box .desc br {display:inline;}
    .section_value.hide_tit .sec_cont {padding:100px 0;}
}

@media all and (min-width:1420px) {
    .section_value .value_box br {display:inline;}
}

/* Function Section */
.section_function .fn_ul {margin:0 0 -20px; padding:0 20px; list-style:none;}
.section_function .fn_ul li {padding:0 20px 20px;}
.section_function .fn_ul li:nth-child(2) .fn_box .icon {background-position:0 -80px;}
.section_function .fn_ul li:nth-child(3) .fn_box .icon {background-position:0 -160px;}
.section_function .fn_ul li:nth-child(4) .fn_box .icon {background-position:0 -240px;}
.section_function .fn_ul li:nth-child(5) .fn_box .icon {background-position:0 -320px;}
.section_function .fn_ul li:nth-child(6) .fn_box .icon {background-position:0 -400px;}
.section_function .fn_box {padding:30px 30px 40px; border:1px solid #e3e3e3; background-color:#fff; text-align:center; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); opacity:0; transition:0.2s;}
.section_function .fn_box .icon {width:80px; height:80px; margin:0 auto 5px; background-repeat:no-repeat;}
.section_function .fn_box .tit {padding:15px 0;}
.section_function .fn_box .tit strong {font-size:20px;}
.section_function .fn_box .cont {font-size:18px; line-height:1.4;}
.section_function .fn_box .cont br {display:none;}

@media all and (min-width:760px) {
    .section_function .fn_box .tit strong {font-size:22px;}
}

@media all and (min-width:1280px) {
    .section_function .fn_ul {display:flex; flex-wrap:wrap; margin:0 0 -40px;}
    .section_function .fn_ul li {width:calc(100% / 3); padding:0 20px 40px; box-sizing:border-box;}
    .section_function .fn_box {height:198px;}
    .section_function .fn_box .cont br {display:inline;}
}

/* Tool Section */
.section_tool .sec_desc .hd {padding:10px 0 30px; font-size:24px; font-weight:600;}
.section_tool .sec_desc .hd .tool_logo {display:block; margin-bottom:10px; text-align:center;}
.section_tool .sec_desc .hd .tool_logo img {height:36px; margin-right:10px; vertical-align:top;}
.section_tool .tool_ul {margin:0 0 -20px; padding:0; list-style:none;}
.section_tool .tool_ul li {padding:0 20px 20px;}
.section_tool .tool_box {padding:20px 25px 25px; border:1px solid #e3e3e3; background-color:#fff; background-repeat:no-repeat; background-position:right 40px bottom 60px; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); opacity:0; transition:0.2s;}
.section_tool .tool_box .logo {height:45px; margin-bottom:5px; background-repeat:no-repeat;}
.section_tool .tool_box .tit {padding:15px 0;}
.section_tool .tool_box .tit strong {font-size:22px;}
.section_tool .tool_box .desc {font-size:18px; line-height:1.4;}
.section_tool .tool_box .desc br {display:none;}
.section_tool .tool_info_ul {margin:0 0 -60px; padding:0 20px; list-style:none;}
.section_tool .tool_info_ul li {padding:0 0 20px; box-sizing:border-box; font-size:16px; text-align:center;}
.section_tool .tool_info_box {opacity:0; transition:0.2s;}
.section_tool .tool_info_box .image img {max-width:100%; vertical-align:top;}
.section_tool .tool_info_box .desc {padding:20px 0 40px;}
.section_tool .tool_info_box .desc br {display:none;}

@media all and (min-width:760px) {
    .section_tool .sec_desc .hd {height:40px; line-height:40px; font-size:28px;}
    .section_tool .sec_desc .hd .tool_logo {display:inline;}
    .section_tool .sec_desc .hd .tool_logo img {height:40px;}
    .section_tool .tool_ul {padding:0 20px;}
    .section_tool .tool_box {padding:35px;}
    .section_tool .tool_box .tit strong {font-size:26px;}
    .section_tool .tool_info_box .desc br {display:inline;}
}

@media all and (min-width:1020px) {
    .section_tool .tool_info_ul {display:flex; flex-wrap:wrap; margin:0 0 -80px; padding:0 40px;}
    .section_tool .tool_info_ul li {width:calc(100% / 2); padding:0 0 40px; font-size:18px;}
}

@media all and (min-width:1280px) {
    .section_tool .sec_desc .hd {height:46px; line-height:46px;  font-size:32px;}
    .section_tool .sec_desc .hd .tool_logo img {height:46px;}
    .section_tool .tool_ul {display:flex; flex-wrap:wrap; margin:0 0 -40px;}
    .section_tool .tool_ul li {width:calc(100% / 2); padding:0 20px 40px; box-sizing:border-box;}
    .section_tool .tool_ul li:nth-child(1) .tool_box {background-image:url(../img/tool_bg1.png);}
    .section_tool .tool_ul li:nth-child(2) .tool_box {background-image:url(../img/tool_bg2.png);}
    .section_tool .tool_ul li:nth-child(3) .tool_box {background-image:url(../img/tool_bg3.png);}
    .section_tool .tool_ul li:nth-child(4) .tool_box {background-image:url(../img/tool_bg4.png);}
    .section_tool .tool_box {min-height:180px; padding:45px 210px 45px 50px;}
    .section_tool .tool_box .tit strong {font-size:28px;}
    .section_tool .tool_box .desc br {display:inline;}
}

/* Popup */
.popup .pop_head {position:fixed; top:0; left:0; width:100%; height:40px; background-color:#0275f9;}
.popup .pop_head .tit {float:left;}
.popup .pop_head .tit h1 {height:40px; margin:0; padding:0 10px; font-size:17px; color:#fff; line-height:40px;}
.popup .pop_head .close {float:right; padding:11px;}
.popup .pop_head .close .btn {width:17px; height:17px; overflow:visible; border:0; background:url(../img/btn_close.png) no-repeat 0 0; cursor:pointer;}
.popup .pop_head .close .btn span {display:none;}
.popup .pop_cont {padding-top:40px;}
.privacy_container {padding:0 10px; line-height:1.4;}
.privacy_container .tit h2 {margin:0; padding:0; font-size:18px;}
.privacy_container .div_box {padding:15px;}
.privacy_container .div_box ol li {padding-bottom:10px;}
.privacy_container .div_box ol ul {margin:10px 0; padding:0; list-style:none;}
.privacy_container .div_box ol ul li {padding-bottom:5px;}
.privacy_container .basic_table {width:100%; border-collapse:collapse; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2;}
.privacy_container .basic_table th,
.privacy_container .basic_table td {padding:5px; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; text-align:center;}
.privacy_container .basic_table th {background-color:#f5f5f5;}
.privacy_container .basic_table td.al {text-align:left;}

/* Footer */
footer {background-color:#1e2228; text-align:center;}
footer .hl {color:#00e2ff;}
footer .contact {position:relative; background:#0275f9 url(../img/contact_bg.jpg) no-repeat 100% 50%; text-align:center; color:#fff;}
footer .contact_inner {padding:0 20px;}
footer .contact_inner::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
footer .contact_inner .fl {padding-top:40px; line-height:1.2;}
footer .contact_inner .fr {padding:30px 20px 40px; text-align:center;}
footer .contact_inner .tit {padding-bottom:15px;}
footer .contact_inner .tit h3 {font-size:24px;}
footer .contact_inner .desc {padding-bottom:30px; font-size:18px;}
footer .contact_inner .tel strong {font-size:22px;}
footer .contact_inner .btn_contact {display:inline-block; height:64px; line-height:62px; padding:0 35px; background-color:#000; color:#00e2ff; border-radius:32px; vertical-align:top; font-size:20px; font-weight:600; text-align:center; transition:0.2s;}
footer .contact_inner .btn_contact::before {content:''; display:inline-block; width:22px; height:24px; margin:20px 8px 0 0; background:url(../img/ico_write.png) no-repeat 0 0; vertical-align:top;}
footer .sitemap {display:none; padding:0; color:#fff;}
footer .sitemap a {color:#fff;}
footer .sitemap ul {margin:0; padding:0; list-style:none;}
footer .sitemap .menu {display:flex; padding:60px 20px 50px; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .sitemap .menu > li {display:inline-block; flex:1; vertical-align:top;}
footer .sitemap .menu .st {height:38px; line-height:38px; font-size:20px; font-weight:500;}
footer .sitemap .menu .st .ico_blog {display:inline-block; width:33px; height:38px; margin-left:8px; background:url(../img/ico_blog.png) no-repeat 0 0; vertical-align:top;}
footer .sitemap .menu .sub {padding:5px 0; font-size:16px; opacity:0.7;}
footer .sitemap .menu .sub > li {padding:5px 0;}
footer .info {padding:50px 0 73px; color:#fff;}
footer .info a {color:#fff; text-decoration:underline;}
footer .info .corp_info {margin-bottom:30px;}
footer .info .corp_info .f_menu {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; margin-bottom:20px; padding:0 20px; font-size:16px;}
footer .info .corp_info .f_menu .sl {display:inline-block; width:0; height:16px; margin:6px 8px 4px; border-left:1px solid #fff; overflow:hidden; vertical-align:top; text-indent:-9999px;}
footer .info .corp_info .f_menu .ico_blog {display:inline-block; width:23px; height:26px; margin:-2px 0 0 4px; background:url(../img/ico_blog.png) no-repeat 0 0; background-size:23px 26px; vertical-align:top;}
footer .info .corp_info .f_addr {padding:0 20px; font-size:14px; line-height:24px; opacity:0.7;}
footer .info .corp_info .f_addr em {font-style:normal;}
footer .info .corp_info .f_addr .co,
footer .info .corp_info .f_addr .ceo,
footer .info .corp_info .f_addr .cno,
footer .info .corp_info .f_addr .tel,
footer .info .corp_info .f_addr .fax {margin-right:6px;}
footer .info .corp_info .f_tel {display:flex; flex-direction:column; gap:20px; max-width:460px; margin:20px auto 0;}
footer .info .corp_info .f_tel > div {flex:1; position:relative; box-sizing:border-box;}
footer .info .corp_info .f_tel .tit {padding-bottom:10px;}
footer .info .corp_info .f_tel .tit strong,
footer .info .corp_info .f_tel .tel strong {font-size:15px;}
footer .info .corp_info .f_tel .tit span,
footer .info .corp_info .f_tel .tel span {margin-left:4px; font-size:12px; color:rgba(255, 255, 255, 0.5);}
/* footer .info .corp_info .f_tel .tel_sales .tit strong {color:#45a4ff;}
footer .info .corp_info .f_tel .tel_sales .tel strong {font-size:18px;}
footer .info .corp_info .f_tel .tel_cs .tit strong {color:#ac62ff;}
footer .info .corp_info .f_tel .tel_cs .tel {width:180px; margin:0 auto; text-align:left;} */
footer .info .corp_info .f_tel .tel_biz .tit strong {font-size:18px; color:#45a4ff;}
footer .info .corp_info .f_tel .tel_biz .mail strong {font-size:16px;}
footer .info .corp_info .f_tel .tel_biz .tit span {margin-left:0;}
footer .info .cr_info::after {content:""; display:block; clear:both; height:0; font-size:0; visibility:hidden;}
footer .info .cr_info .certify {margin-top:45px;}
footer .info .cr_info .certify a {display:block;}
footer .info .cr_info .certify ul {margin:0; padding:0; list-style:none;}
footer .info .cr_info .certify ul li {display:inline-block; width:102px; margin:0 10px; text-align:center; vertical-align:top;}
footer .info .cr_info .certify ul li:nth-child(3),
footer .info .cr_info .certify ul li:nth-child(5),
footer .info .cr_info .certify ul li:nth-child(10) {display:none;}
footer .info .cr_info .certify img {vertical-align:top; transform:scale(0.8);}
footer .info .cr_info .copyright {margin-top:40px;}
footer .info .cr_info .copyright img {margin-right:15px; vertical-align:top;}
footer .info .cr_info .copyright .cr {display:block; margin-top:30px; font-size:12px;}

@media all and (min-width:760px) {
    footer .contact_inner {max-width:1380px; margin:0 auto; padding:0 40px;}
    footer .contact_inner .tit h3 {font-size:32px;}
    footer .contact_inner .tel strong {font-size:28px;}
}

@media all and (min-width:1280px) {
    footer {text-align:left;}
    footer .contact {text-align:left; height:347px;}
    footer .contact_inner .fl {float:left; padding:90px 0 0; height:347px; box-sizing:border-box;}
    footer .contact_inner .fr {float:right; padding:170px 110px 0 0; height:347px; box-sizing:border-box;}
    footer .contact_inner .tit h3 {font-size:45px;}
    footer .contact_inner .desc {font-size:20px;}
    footer .contact_inner .btn_contact {height:70px; line-height:68px; border-radius:35px; font-size:24px;}
    footer .contact_inner .btn_contact:hover {margin-top:-10px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.5);}
    footer .contact_inner .btn_contact::before {margin:24px 8px 0 0;}
    footer .sitemap {display:block; max-width:1380px; margin:0 auto; padding:0 40px;}
    footer .info {max-width:1380px; margin:0 auto; padding:50px 40px 73px;}
    footer .info .corp_info {padding:0 20px;}
    footer .info .corp_info .f_menu {justify-content:flex-start; padding:0;}
    footer .info .corp_info .f_menu .blog {display:none;}
    footer .info .corp_info .f_addr {padding:0;}
    footer .info .corp_info .f_addr .co,
    footer .info .corp_info .f_addr .ceo,
    footer .info .corp_info .f_addr .cno,
    footer .info .corp_info .f_addr .tel,
    footer .info .corp_info .f_addr .fax {margin-right:15px;}
    footer .info .corp_info .f_addr {padding:0;}
    footer .info .corp_info .f_contact {display:flex;}
    footer .info .corp_info .f_contact .f_tel {flex-direction:row; gap:0; max-width:initial; margin:-46px 0 0 530px;}
    footer .info .corp_info .f_contact .f_tel > div {flex:initial;}
    footer .info .corp_info .f_contact .f_tel .tit strong {font-size:16px;}
    footer .info .corp_info .f_contact .f_tel .tit span {font-size:13px;}
    footer .info .corp_info .f_contact .f_tel .tel_sales {padding-right:25px;}
    footer .info .corp_info .f_contact .f_tel .tel_cs {padding-left:25px;}
    footer .info .corp_info .f_contact .f_tel .tel_cs::after {content:''; position:absolute; top:0; left:0; width:1px; height:90px; background:rgba(255, 255, 255, 0.2);}
    footer .info .corp_info .f_contact .f_tel .tel_cs .tel {width:220px;}
    footer .info .corp_info .f_contact .f_tel .tel_cs .tel strong {font-size:18px;}
    footer .info .corp_info .f_contact .f_tel .tel_cs .tel span {font-size:13px;}
    footer .info .corp_info .f_contact .f_tel .tel_biz {padding-left:25px;}
    /* footer .info .corp_info .f_contact .f_tel .tel_biz::after {content:''; position:absolute; top:0; left:0; width:1px; height:90px; background:rgba(255, 255, 255, 0.2);} */
    footer .info .cr_info {padding:0 20px;}
    footer .info .cr_info .copyright {height:22px; line-height:22px;}
    footer .info .cr_info .copyright .cr {display:inline; margin-top:0; font-size:14px;}
    footer .info .cr_info .certify ul li {width:auto; margin:0 0 0 35px;}
    footer .info .cr_info .certify ul li:first-child {margin-left:0;}
    footer .info .cr_info .certify ul li:nth-child(3),
    footer .info .cr_info .certify ul li:nth-child(5),
    footer .info .cr_info .certify ul li:nth-child(10) {display:inline-block;}
    footer .info .cr_info .certify ul li:nth-child(4),
    footer .info .cr_info .certify ul li:nth-child(6),
    footer .info .cr_info .certify ul li:nth-child(11) {display:none;}
    footer .info .cr_info .certify img {vertical-align:top; transform:scale(1);}
}

@media all and (min-width:1344px) {
    footer .info .cr_info .certify ul li {margin:0 0 0 50px;}
}

@media all and (min-width:1650px) {
    footer .contact_inner .fr {padding:170px 0 0 0;}
}

/* Quick Menu */
.qm_lyr {display:none; position:fixed; bottom:90px; right:25px; z-index:100;}
.qm_lyr ul {margin:0; padding:0; list-style:none;}
.qm_lyr ul li {padding-top:18px;}
.qm_lyr ul li a {display:block; width:100px; height:100px; background-color:#017aff; border-radius:50px; font-size:18px; color:#fff; text-align:center; text-decoration:none; box-shadow:0 8px 8px rgba(0, 0, 0, 0.2); box-sizing:border-box;}
.qm_lyr ul li a.why {padding-top:28px; line-height:1.2; background-color:#973aff; font-family:Arial; font-size:20px; letter-spacing:normal;}
.qm_lyr ul li a.ngw {padding-top:25px; line-height:1.4; background-color:#5b34ff;}
.qm_lyr .bnr {display:block; position:relative; width:110px; height:110px; padding:5px; background-color:#121212; background-repeat:no-repeat; background-position:50% 50%; border-radius:0; box-sizing:border-box;}
.qm_lyr .bnr .inner {display:block; position:relative; width:100px; height:100px; box-sizing:border-box; overflow:hidden; transition:1s;}
/* .qm_lyr .bnr .inner::before {content:'상세보기'; display:block; position:absolute; bottom:12px; left:50%; width:60%; padding:2px 0; border:1px solid rgba(255, 255, 255, 0.3); border-radius:6px; font-size:10px; transform:translateX(-50%);} */
.qm_lyr .bnr .inner::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid rgba(10, 180, 250, 0.3); box-sizing:border-box;}
.qm_lyr .bnr .inner .txt {display:none;}
.qm_lyr .bnr .inner .ln {position:absolute;}
.qm_lyr .bnr .inner .ln:nth-child(1) {top:0; left:0; width:100%; height:2px; background:linear-gradient(to left, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateTop linear infinite;}
.qm_lyr .bnr .inner .ln:nth-child(2) {top:0; right:0; height:100%; width:2px; background:linear-gradient(to top, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateRight linear -1s infinite;}
.qm_lyr .bnr .inner .ln:nth-child(3) {bottom:0; left:0; width:100%; height:2px; background:linear-gradient(to right, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateBottom linear infinite;}
.qm_lyr .bnr .inner .ln:nth-child(4) {top:0; left:0; height:100%; width:2px; background:linear-gradient(to bottom, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateLeft linear -1s infinite;}
.qm_lyr .bnr:hover .inner {box-shadow:0 0 10px 5px rgba(10, 180, 250, 0.5);}
.qm_lyr .bnr:hover .inner .ln {opacity:0;}
.qm_lyr .bnr:hover .inner::after {border:2px solid rgba(10, 180, 250, 1); transition:1s;}
.qm_lyr .bnr1 {background-image:url(../img/qm_bnr1a.gif);}
.qm_lyr .bnr1:hover {background-image:url(../img/qm_bnr1.png);}
.qm_lyr .bnr2 {background-image:url(../img/qm_bnr2.png);}
.qm_lyr .bnr3 {background-image:url(../img/qm_bnr3.png);}
.qm_lyr .bnr5 {background-image:url(../img/qm_bnr5.png);}
.rp_btn {display:block; position:relative; width:100px; height:100px;}
.rp_btn {transition-property:background-color; transition-duration:0.2s; transition-timing-function:ease-in;}
.rp_btn .ripple_bg1 {background-color:#973aff!important; background-image:linear-gradient(90deg, #973aff, #896dff);}
.rp_btn .ripple_bg2 {background-color:#5b34ff!important; background-image:linear-gradient(90deg, #5b34ff, #896dff);}
.rp_btn .ripple {display:none; position:absolute; width:200px; height:200px; left:50%; top:50%; opacity:0; margin:-100px 0 0 -100px; border-radius:100px; -webkit-animation:ripple 1.8s infinite; animation:ripple 1.8s infinite; z-index:-1;}
.rp_btn .ripple:nth-child(2) {animation-delay:0.3s; -webkit-animation-delay:0.3s;}
.rp_btn .ripple:nth-child(3) {animation-delay:0.6s; -webkit-animation-delay:0.6s;}
.rp_btn:hover .ripple {display:block;}
header.gnb_over .qm_lyr {display:none;}

@-webkit-keyframes ripple {
    0% {opacity:1; -webkit-transform:scale(0); transform:scale(0)}
    100% {opacity:0; -webkit-transform:scale(1); transform:scale(1)}
}

@keyframes ripple {
    0% {opacity:1; -webkit-transform:scale(0); transform:scale(0)}
    100% {opacity:0; -webkit-transform:scale(1); transform:scale(1)}
}

/* Page Top */
.page_top {position:fixed; bottom:-200px; right:20px; font-family:'Malgun Gothic'; z-index:2100; transition:all ease 0.3s;}
.page_top a {display:block; width:70px; height:42px; line-height:42px; background-color:rgba(0, 0, 0, 0.7); border-radius:21px; font-weight:600; color:#fff; text-align:center; text-decoration:none; box-shadow:0 8px 8px rgba(0, 0, 0, 0.2); transition:0.2s;}
.page_top a:hover {background-color:#000;}
.show_top .page_top {display:block; bottom:20px;}
.scroll_on .page_top {bottom:20px;}

@media all and (min-width:1280px) {
    .page_top {right:30px;}
    .page_top a {width:100px;}
    .show_top .page_top {display:block; bottom:30px;}
    .scroll_on .page_top {bottom:30px;}
    .qm_lyr {display:block;}
}