*{box-sizing:border-box}html{background:#fff}body{margin:0;font-family:Gulim,"굴림",Dotum,"돋움",Arial,sans-serif;font-size:13px;line-height:1.45;color:#111;background:#fff}a{color:#003c86;text-decoration:none}a:hover{text-decoration:underline}.site-frame{width:640px;margin:0 auto;background:#fff;border:2px solid #111;border-radius:5px;overflow:hidden}.head-util{height:30px;padding:6px 16px;border-bottom:1px solid #8aa6c2;background:#fff;font-size:13px;color:#111}.head-util span{font-weight:bold}.head-util b{padding:0 10px;color:#333}.head-util em{float:right;font-style:normal;font-weight:bold}.masthead{height:74px;display:flex;align-items:center;justify-content:space-between;padding:9px 18px;background:linear-gradient(90deg,#fff 0,#fff 45%,#d8eaff 100%);border-bottom:1px solid #7899ba}.brand{display:flex;align-items:center;color:#000}.brand:hover{text-decoration:none;color:#000}.logo{display:inline-block;position:relative;width:58px;height:42px;margin-right:12px}.logo:before{content:"D";position:absolute;left:0;top:-7px;width:58px;height:48px;border-radius:50%;background:#0750a4;color:#fff;font:bold italic 42px Arial;text-align:center;line-height:48px;text-shadow:2px 2px 0 #00316c}.brand strong{display:block;font-size:32px;letter-spacing:-4px;font-weight:900;line-height:1}.brand small{display:block;margin-top:3px;font-size:11px;color:#555;font-weight:bold}.globe{width:170px;height:66px;background:radial-gradient(circle at 60% 45%,rgba(28,96,170,.22),transparent 34%),linear-gradient(90deg,transparent,#dbeeff);opacity:.9}.blue-menu{height:54px;display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1fr;background:linear-gradient(#1765be 0,#073a8a 47%,#002b78 48%,#001f5a 100%);border-top:1px solid #6aa0df;border-bottom:2px solid #001646;padding:4px 8px;gap:0}.blue-menu a{display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:bold;border-left:1px solid rgba(255,255,255,.35);border-right:1px solid rgba(0,0,0,.25);text-shadow:1px 1px 0 #001b4a}.blue-menu a:first-child{justify-content:flex-start;padding-left:13px;background:linear-gradient(#2274cd,#07398a);border-radius:6px 0 0 6px}.visual{position:relative;height:205px;margin:8px;border:1px solid #4d79a4;background:linear-gradient(90deg,rgba(235,247,255,.96),rgba(203,229,251,.75)),linear-gradient(#e8f7ff,#b8d7ee);overflow:hidden}.visual-text{position:absolute;left:22px;top:24px;z-index:2}.visual h1{margin:0 0 12px;font-family:Batang,"바탕",serif;font-size:25px;line-height:1.35;letter-spacing:-2px;color:#00348b;font-weight:normal}.visual p{font-size:15px;font-weight:bold}.plant{position:absolute;left:10px;right:155px;bottom:15px;height:75px;border-bottom:9px solid #476e83}.plant:before{content:"";position:absolute;left:0;bottom:8px;width:100%;height:38px;background:linear-gradient(#bcd4e0,#7e9aab)}.plant i{position:absolute;bottom:12px;width:9px;height:85px;background:linear-gradient(90deg,#8799a6,#edf4f8,#7d93a2);border:1px solid #688292}.plant i:nth-child(1){left:115px;height:120px}.plant i:nth-child(2){left:185px;height:95px}.plant i:nth-child(3){left:238px;height:130px}.plant i:nth-child(4){left:285px;height:72px}.plant i:nth-child(5){left:330px;height:102px}.bubbles{position:absolute;right:25px;top:30px;width:145px;height:120px}.bubbles span{position:absolute;border-radius:50%;border:4px solid #fff;background:radial-gradient(circle,#fff,#8fb8dd 65%,#165fad);box-shadow:0 0 0 1px #b1c8df}.bubbles span:nth-child(1){width:64px;height:64px;left:20px;top:0}.bubbles span:nth-child(2){width:78px;height:78px;right:0;top:30px}.bubbles span:nth-child(3){width:74px;height:74px;left:0;bottom:0}.pager{position:absolute;right:14px;bottom:12px}.pager b{display:inline-block;width:23px;height:25px;margin-left:5px;border:1px solid #9aaac0;background:#fff;text-align:center;line-height:23px}.pager b:first-child{background:#0033af;color:#fff}.login-wide,.old-panel{margin:8px;border:1px solid #8aa6c2;border-radius:6px;background:#fff;overflow:hidden}.panel-title{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #b8c8d8;background:linear-gradient(#fff,#e8f1fa);color:#003c86;font-size:18px;font-weight:bold}.panel-title a{font-size:12px;color:#1a2a46}.login-grid{display:grid;grid-template-columns:78px 1fr 130px;gap:8px 12px;padding:14px 22px;align-items:center;font-size:16px;font-weight:bold}.login-grid input{height:34px;border:1px solid #999;background:#fff;font-size:15px}.login-grid .save{font-size:14px;font-weight:bold}.login-grid .save input{width:auto;height:auto}.login-submit2{grid-row:1/3;grid-column:3;display:flex;align-items:center;justify-content:center;width:86px;height:54px;justify-self:center;border:1px solid #002a70;border-radius:8px;background:linear-gradient(#2e70d0,#003785);color:#fff;font-size:18px;font-weight:bold;box-shadow:inset 1px 1px 0 #9bbcff}.links{grid-column:2/4;font-size:14px;color:#111}.panel-body{padding:13px 20px;background:#fff}.notice-list{list-style:none;padding:0;margin:0}.notice-list li{position:relative;padding:6px 58px 6px 22px;font-size:16px;border:0}.notice-list li:before{content:"■";position:absolute;left:0;top:8px;color:#174bb7;font-size:8px}.notice-list small{position:absolute;right:0;color:#333}.intro{display:grid;grid-template-columns:160px 1fr;gap:20px;font-size:16px}.building{height:170px;border:1px solid #9aaac0;background:linear-gradient(120deg,#dce8f5,#fff 45%,#7aa8d0);display:flex;align-items:center;justify-content:center;color:#003c86;font-size:20px;font-weight:bold}.detail{display:inline-block;float:right;margin-top:8px;padding:3px 12px;border:1px solid #777;border-radius:3px;background:linear-gradient(#fff,#e9e9e9);color:#000;font-weight:bold}.service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center;padding:10px}.service-row div{padding:0 8px;border-right:1px solid #b7c7d8}.service-row div:last-child{border-right:0}.service-row i{display:block;height:85px;border:1px solid #9aaac0;background:linear-gradient(135deg,#d7e2ec,#fff 47%,#8caecb);margin-bottom:7px}.service-row b{display:block;color:#003c86;font-size:15px}.center-list{padding:5px 20px}.center-list p{display:grid;grid-template-columns:60px 105px 1fr;align-items:center;margin:0;padding:6px 0;border-bottom:1px solid #d0dbe6;font-size:15px}.center-list i{display:flex;align-items:center;justify-content:center;width:46px;height:30px;border:1px solid #555;border-radius:4px;background:linear-gradient(#fff,#edf1f5);font-size:21px;font-style:normal}.center-list b{color:#003c86}.bottom-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:10px 24px}.bottom-tools a{text-align:center;padding:9px 6px;border:1px solid #aab5c1;border-radius:7px;background:linear-gradient(#fff,#e9eef4);color:#111;font-size:15px;font-weight:bold}.foot{display:grid;grid-template-columns:205px 1fr;gap:10px;padding:10px 16px;border-top:1px solid #b8c8d8;background:linear-gradient(#fff,#edf3f7);font-size:12px;color:#111}.foot-logo{display:flex;align-items:center}.logo.mini{width:42px;height:32px;margin-right:8px}.logo.mini:before{width:42px;height:32px;line-height:32px;font-size:28px;top:0}.foot strong{font-size:23px;letter-spacing:-2px;color:#111}.top-strip,.header,.nav,.notice-line,.layout,.sidebar,.content,.hero,.emblem,.mobile-login,.grid3,.family,.bottom-actions,.admin-grid,.box,.panel,.title,.btn,.small-btn,.service-grid,.service-item,.service-img,.thumb,.info-split,.customer-list,.icon-box{all:unset}label,input,textarea,button,select{font-family:inherit}@media(min-width:821px){.site-frame{width:980px}.visual{height:240px}.layout{display:block}.home-page .sidebar{display:none}}@media(max-width:680px){.site-frame{width:100%;border-left:0;border-right:0;border-radius:0}.head-util{font-size:12px;padding:6px 10px}.head-util em{display:none}.masthead{height:78px;padding:8px 14px}.brand strong{font-size:30px}.brand small{font-size:10px}.logo{width:54px;height:40px}.logo:before{width:54px;height:44px;line-height:44px;font-size:38px}.globe{display:none}.blue-menu{height:52px;padding:4px}.blue-menu a{font-size:16px}.blue-menu a:nth-child(n+5){display:none}.visual{height:205px;margin:7px}.visual h1{font-size:24px}.plant{right:120px}.bubbles{right:10px;transform:scale(.86);transform-origin:right top}.login-grid{grid-template-columns:74px 1fr 95px;padding:12px}.login-submit2{width:82px}.intro{grid-template-columns:160px 1fr}.service-row{grid-template-columns:repeat(4,1fr)}.bottom-tools{gap:14px;margin:10px 24px}.foot{grid-template-columns:190px 1fr}}@media(max-width:520px){.brand strong{font-size:24px}.head-util span:nth-of-type(n+3),.head-util b:nth-of-type(n+2){display:none}.blue-menu a{font-size:14px}.visual{height:auto;min-height:185px}.plant,.bubbles{display:none}.visual-text{position:relative;left:auto;top:auto;padding:18px}.pager{right:10px;bottom:8px}.login-grid{grid-template-columns:70px 1fr}.login-submit2{grid-column:2;grid-row:auto;width:100%;height:38px}.links{grid-column:2}.intro{grid-template-columns:1fr}.service-row{grid-template-columns:repeat(2,1fr)}.center-list p{grid-template-columns:50px 1fr}.center-list b{display:block}.bottom-tools{grid-template-columns:1fr}.foot{grid-template-columns:1fr}}