@charset "utf-8";
/*------------------------------------*\
  기본 레이아웃
\*------------------------------------*/
#wrapper{width:100%;overflow:hidden}
.inner{position:relative;width:1400px;margin:0 auto; box-sizing:border-box}

/* header */
#header{position:relative;background:#fff;height:156px;border-bottom:1px solid #e2e2e2;z-index:148;box-sizing:border-box;transition:all .05s ease-in-out;}

.tnb{height:56px;padding:12px 0;font-size:0.875rem;justify-content: space-between;align-items:center;}
.tnb .tnb_l ul{padding:4px;background:#F6F8FA;border:1px solid #E2E4E9;border-radius:40px;}
.tnb .tnb_l ul li a{display: flex;align-items: center;}
.tnb .tnb_l ul li + li{padding-left:4px;}
.tnb .tnb_l ul li a{position:relative;height:32px;line-height:32px;padding:0 12px;border-radius:40px;}
.tnb .tnb_l ul li a.on{border:1px solid #CDD0D5;background:#fff;}
.tnb .tnb_l ul li a.on span{font-weight:700;}
.tnb .tnb_l ul li a.on:before{content:'';position:absolute;right:-4px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-sizing: border-box;background: rgb(34,193,195);background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(55,93,251,1) 64%, rgba(55,93,251,1) 100%);box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);}
.tnb .tnb_l ul li a:not(.on):hover{background:rgba(0,0,0,.05);}
.tnb .tnb_l ul li a:not(.on):after{content:'';display:inline-block;width:0px;height:0px;background:url('/_KOR/img/ir.svg') -8px -78px no-repeat;transition:all .05s ease-in-out;}
.tnb .tnb_l ul li a:not(.on):hover:after{width:20px;height:20px;}

.tnb_r ul > li{position:relative;display: flex;align-items: center;}
.tnb_r ul > li:not(:first-child){padding-left:12px;margin-left:12px;}
.tnb_r ul > li:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;background:#ddd;}
.tnb_r a:hover {font-weight:bold}
.tnb_r .btn_a a,.tnb_sns a{display:block;margin:0 2px;font-size:0;width:32px;height:32px;border-radius:4px;border:1px solid #E2E4E9; background:url('/_KOR/img/ir.svg') -4px 2px no-repeat #F6F8FA;}
.tnb_r .btn_a a:hover,.tnb_sns a:hover{border:1px solid #868C98;background-color:#fff;box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.1);}
.tnb_sns a:nth-child(2){background-position:-40px 2px}
.tnb_sns a:nth-child(3){background-position:-76px 2px}
.tnb_sns a:nth-child(4){background-position:-112px 2px}
.tnb_sns a:nth-child(1):hover{background-position:-4px -34px}
.tnb_sns a:nth-child(2):hover{background-position:-40px -34px}
.tnb_sns a:nth-child(3):hover{background-position:-76px -34px}
.tnb_sns a:nth-child(4):hover{background-position:-112px -34px}

.tnb_r .text_size a:nth-child(2){background-position:-150px 2px}
.tnb_r .text_size a:nth-child(3){background-position:-186px 2px}
.tnb_r .text_size a:nth-child(4){background-position:-222px 2px}
.tnb_r .text_size a:nth-child(2):hover{background-position:-150px -34px}
.tnb_r .text_size a:nth-child(3):hover{background-position:-186px -34px}
.tnb_r .text_size a:nth-child(4):hover{background-position:-222px -34px}

.logo_area h1{position:absolute;padding-top:24px;z-index:20;}

/* pc_menu */
#gnb{position:relative;}
#gnb .inner{padding-left:300px;}
#gnb .inner > ul{margin:0px auto ;height:100px;width:100%;display:flex;}
#gnb .inner > ul > li{width:calc(100% / 6);}
#gnb .inner > ul > li > a{position:relative;display:block;font-size:1.25rem;font-weight:700;padding:16px;margin-top:20px;height:80px;box-sizing:border-box;text-align:center;}
#gnb .inner > ul > li:hover > a,#gnb .inner > ul > li:focus > a{color:#2365d6}
#gnb .inner > ul > li > a:before{content:'';position:absolute;left:0%;bottom:0px;display:block;width:100%;height:0px;opacity:.5;background:#2365d6;transition: all .3s ease-in-out;}
#gnb .inner > ul > li:hover > a:before,#gnb .inner > ul > li:focus > a:before{bottom:0px;width:100%;height:4px;opacity:1;}
#gnb .gnb_dep2{position:relative;background:#fff;height:0;text-align:left;overflow:hidden;z-index:140;}
#gnb .gnb_dep2 li{padding:0px 8px 18px;color:#344054;word-break:break-all;text-align:center;}
#gnb .gnb_dep2 li:first-child{margin-top:24px;}
#gnb .gnb_dep2 li a{position:relative;}
#gnb .gnb_dep2 li a:hover,
#gnb .gnb_dep2 li a:focus{color:#2750e5;font-weight:600;}
#gnb .gnb_dep2 li a:before{content:'';position:absolute;left:0;bottom:-4px;display:block;width:0;height:1px;opacity:0;background:#2750e5;transition: all .3s ease-in-out;}
#gnb .gnb_dep2 li a:hover:before,
#gnb .gnb_dep2 li a:focus:before{width:100%;opacity:1;}
#gnb .gnb_dep2 li a[target="_blank"]{display:inline-flex;align-items:center;}
#gnb .gnb_dep2 li a[target="_blank"]:after{content:'';display:inline-block;margin-left:8px;width:12px;height:12px;background:url('/_KOR/img/ir.svg') -49px -80px no-repeat;}
#gnb .inner > ul > li:last-child .gnb_dep2{border-right:1px solid #eee;}
#gnb .inner > ul > li:nth-child(odd) .gnb_dep2{border-left:1px solid #eee;border-right:1px solid #eee;}
#gnb .inner > ul > li:hover .gnb_dep2{background:#f3f7ff;}

#gnb .tmnBg{position:absolute;top:100px;left:0;width:100%;height:0;background: #fff;z-index:100;}
#gnb .tmnBg.on:before{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:#eee;z-index:2}

/* mobile_menu */
#header #mMenu{display:none;position:absolute;top:6px;right:0;width:65px;height:65px;padding-top:25px;box-sizing:border-box;z-index:120}
#header #mMenu span{display:block;width:30px;height:3px;margin:0 auto 6px;background:#444;}
#header #mMenu span:last-child{margin-bottom:0;}
#mGnb{display:none;position:fixed;top:0;right:-90%;width:90%;height:100%;overflow-y:scroll;background:#fff;color:#111;box-shadow:-4px -1px 2px rgba(0,0,0,0.1);z-index:160;}
#mGnb .mgnb_top{background:#fff;border-bottom:10px solid #eff0f5;}
#mGnb .mgnb_top .t_abox{display:flex;align-items:center;padding:0px 20px;border-bottom:1px solid #eee;height:48px;line-height:48px;}
#mGnb .mgnb_top .t_abox a{position:relative;padding-right:10px;margin-right:10px}
#mGnb .mgnb_top .t_abox > a:before{content:'';position:absolute;right:0;top:19px;width:1px;height:10px;background:#E2E4E9;}
#mGnb .mgnb_top .t_abox a:last-child:before{display:none}
#mGnb .mgnb_top .t_abox .tnb_sns a{margin:0 2px;}
#mGnb .mgnb_top .t_box{position:relative;align-items:center;padding:2rem 1.5rem 1.25rem;}
#mGnb .mgnb_top .t_box .ico{margin-right:12px;border-radius:8px;width:68px;height:68px;background:#F6F8FA;}
#mGnb .mgnb_top .t_box .ico img{width:52px;}
#mGnb .mgnb_top .t_box p{font-size:1.25em;line-height:1.5}
#mGnb .mgnb_top .t_box a{position:absolute;right:20px;bottom:20px;border:1px solid #E2E4E9;padding:4px 10px;font-size:.8em;opacity:.8}

#mGnb .mDepth1{box-sizing:border-box;background:#fff;border-top:1px solid #eee;padding:20px;border-bottom:10px solid #eff0f5;}
#mGnb .mDepth1 > li > a{position:relative;display:block;padding:1.15rem;font-size:1.25rem;border-bottom:1px solid #E2E4E9;font-weight:700;}
#mGnb .mDepth1 > li > a:before{content:'';display:block;position:absolute;right:5%;top:50%;width:15px;height:8px;margin-top:-4px;background:url('/_KOR/img/mgnb_arrow1.svg') no-repeat 0 0;opacity:.7}
#mGnb .mDepth1 > li > a.active:before{transform:rotate(-180deg)}
#mGnb .mDepth2{display:none;overflow:hidden;}
#mGnb .mDepth1 > li:last-child .mDepth2{margin-bottom:0;}
#mGnb .mDepth2 > li > a{display:block;padding:.875rem 1.125rem;padding-right:10%;border-bottom:1px solid #e5e5e5;font-size:1rem;color:#555;background:url('/_KOR/img/mgnb_arrow3.svg') no-repeat 95% 50% #fafafa;}
#mGnb .mDepth2 > li > a.plus{background:url('/_KOR/img/mgnb_arrow2.svg') no-repeat 95% 50% #fafafa;}
#mGnb .mDepth2 > li > a.plus.active{background:url('/_KOR/img/mgnb_arrow2-1.svg') no-repeat 95% 50% #00225f;color:#fff}
#mGnb .mDepth3{display:none;overflow:hidden;padding:20px;background:#eee;}
#mGnb .mDepth3 li{float:left;width:100%;transition: all 300ms ease-out;transform: translateY(120%);transition-delay: 0.2s;	opacity:0;}
#mGnb .mDepth3 li.active{transform: translateX(0);opacity:1;}
#mGnb .mDepth3 li.active:nth-child(2){transition-delay: 0.3s;}
#mGnb .mDepth3 li.active:nth-child(3),
#mGnb .mDepth3 li.active:nth-child(6){transition-delay: 0.4s;}
#mGnb .mDepth3 li.active:nth-child(4),
#mGnb .mDepth3 li.active:nth-child(7){transition-delay: 0.5s;}
#mGnb .mDepth3 li.active:nth-child(5),
#mGnb .mDepth3 li.active:nth-child(8){transition-delay: 0.6s;}
#mGnb .mDepth3 li.active:nth-child(9){transition-delay: 0.4s;}
#mGnb .mDepth3 li.active:nth-child(10){transition-delay: 0.7s;}
#mGnb .mDepth3 li a{display:block;margin-bottom:1px;padding:15px 20px;padding-right:18%;font-size:.9em;background:url('/_KOR/img/mgnb_arrow4.png') no-repeat 95% 50% #fff}
#mGnb .mGnbClose{display:inline-block;position:absolute;top:0px;right:0px;width:48px;height:48px;font-size:0;background:#525866;text-align:center;padding-top:12px;}
#mGnb .mn_close {position: relative;display: inline-block;width: 24px;height: 24px;overflow: hidden;opacity:.8}
#mGnb .mn_close:hover:before,#mGnb .mn_close:hover:after{background: #0000c8;}
#mGnb .mn_close:before,#mGnb .mn_close:after{content:'';position:absolute;height:2px;width:100%;top:50%; left:0; margin-top:-1px;background:#fff;border-radius:4px}
#mGnb .mn_close:before{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#mGnb .mn_close:after{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#dimed{display:none;position:fixed;top:0;left:0;width:100%;height:100%; background: rgba(0,0,0,0.5); -webkit-backdrop-filter: saturate(180%) blur(4px);    backdrop-filter: saturate(180%) blur(4px);z-index:149;}

/* ---------------------- 서브 ---------------------- */
/* 서브상단 - 서브타이틀 */
#svisualLayout{position:relative;padding:52px 16px 86px;background:#e6ebf8;overflow:hidden;animation:up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
#svisualLayout:before{content:'';position:absolute;top:-160px;left:0px;width:655px;height:306px;background:url('/_KOR/img/sub_visual_l.png') 0 0 no-repeat;animation:up 1s ease-out both;}
#svisualLayout:after{content:'';position:absolute;bottom:-240px;right:0px;width:617px;height:388px;background:url('/_KOR/img/sub_visual_r.png') 0 0 no-repeat;animation:up 1s ease-out both;}
#svisualLayout .sv_desc{margin-top:12px;color:#818784;}

/* 서브메뉴 */
#snb{animation:up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation-delay:.125s}
#snb .snb{margin-top:-34px;display:flex;border-radius:8px;border:1px solid #E2E4E9;overflow:hidden;box-shadow: 0px 4px 8px 8px rgba(0, 0, 0, 0.04);background:#fff;}
#snb .snb li{flex: 1;}
#snb .snb a{display:inline-flex;width:100%;align-items:center;justify-content:center;height:68px;width:100%;line-height:1.5rem;font-size:1.125rem;font-weight:600;text-align: center;padding:0 12px}
#snb .snb li:not(:last-child) a{border-right:1px solid #E2E4E9;}
#snb .snb li.on a{background:#253EA7;color:#fff;}

/* 서브기본 */
#content_wrap{padding-bottom:100px;}
#sub_area{padding:58px 0 0px;min-height:480px;}
.sub_tit_wp{margin-top:72px;padding-bottom:38px;display:flex; align-items:center;justify-content:space-between;border-bottom:1px solid #E2E4E9;animation:up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sub_tit_wp .breadcrumb li{display:inline-flex;align-items:center;}
.sub_tit_wp .breadcrumb li:not(:last-child):after{content:'';display:inline-block;margin-left:8px;width:12px;height:12px;background:url('/_KOR/img/breadcrumb_arrow.svg') center center no-repeat;}
.sub_tit_wp .breadcrumb li + li{padding-left:8px;}
.sub_tit_wp .breadcrumb .home a{font-size:0;width:20px;height:20px;background:url('/_KOR/img/ir.svg') -695px -4px no-repeat; }

.snb_dep3 {margin-bottom:72px;animation:up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.snb_dep3 ul{display:flex;color:#525866;font-weight:600;border-bottom:2px solid #E2E4E9;}
.snb_dep3 li{padding:0 12px;}
.snb_dep3 li a{position:relative;padding:16px 0;font-size:1.15rem}
.snb_dep3 li a:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;transition:all .2s ease-in-out;}
.snb_dep3 li a:hover:before{width:100%;background:#525866;}
.snb_dep3 li.on a{color:#0A0D14;font-weight:700;}
.snb_dep3 li.on a:before{width:100%;background:#0A0D14;}

.snb_0201_wp {margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #F6F8FA;animation:up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.snb_0201_wp ul{display:flex;flex-wrap:wrap;margin-top:24px;;width:100%;padding:16px;border-radius:12px;background:#F6F8FA;}
.snb_0201_wp li{margin:4px;width:calc((100% - 40px) / 5);}
.snb_0201_wp li a{position:relative;display:inline-flex;align-items:center;padding:12px 16px;width:100%;height:100%;background:#fff;border:2px solid #E2E4E9;border-radius:8px;word-break: break-all;}
.snb_0201_wp li a span{width:calc(100% - 32px)}
.snb_0201_wp li a:before{content:'';width:24px;height:24px;margin-right:8px;border-radius:50%;border:2px solid #CDD0D5;box-sizing:border-box;}
.snb_0201_wp li.on a{border-color:#375DFB;font-weight:700}
.snb_0201_wp li.on a > *{font-weight:700}
.snb_0201_wp li.on a:before{background:url('/_KOR/img/checkbox_w.svg') center center no-repeat #375DFB;border-color:transparent;}

/* footer */
#footer{background:#282C36;}
#footer .foot_top{padding:12px 0;background:#20232D;color:#CDD0D5;}
#footer .foot_top .inner{display:flex;justify-content: space-between;align-items: center;}
#footer .foot_top .foot_t_l ul{position:relative;display: flex;}
#footer .foot_top .foot_t_l ul > li{position:relative;}
#footer .foot_top .foot_t_l ul > li:not(:first-child){padding-left:14px;margin-left:14px;}
#footer .foot_top .foot_t_l ul > li:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;background:rgba(255,255,255,.2);}
#footer .foot_top .foot_t_l ul > li a{font-weight:700;color:#CDD0D5;}
#footer .related_site{min-width:200px}
#footer .related_site > a{display:block;height:40px;vertical-align:middle;position:relative;border:1px solid #91949b;padding:8px 16px;color:#91949b;width:100%;border-radius:8px;background:url('/_KOR/img/relate_arrow.svg') 90% center  no-repeat;text-align:left;}
#footer .related_site > a:hover{border:1px solid #888;opacity:1;}
#footer .related_site a:hover,.foot_r .related_site a:focus,.foot_r .ft_l li:hover,.foot_r .ft_l li a:focus{opacity:1;}
#footer .related_site ul{display:none;position:absolute;bottom:42px;right:0;width:200px;max-height:210px;overflow-x:hidden;overflow-y:auto;padding:13px 12px;background: #fff;border:1px solid #ddd;z-index:5;border-radius:8px;}
#footer .related_site ul > li {width:100%;border:0 !important}
#footer .related_site ul > li a{width:100%;word-break:normal;padding:5px;color:#333;font-size:15px;transition:all .2s ease-in-out;}
#footer .related_site ul > li a:hover span{font-weight:700;}

#footer .foot_bottom{display:flex;justify-content: space-between;padding:48px 0 72px;color:#868C98;}
#footer .foot_bottom .foot_b_l{display:flex;}
#footer .foot_bottom .foot_b_l .txt_box{margin-left:32px;}

.global_quick{position:fixed;right:32px;top:320px;width:146px;padding:12px;background:#fff;border-radius:12px;z-index:110;box-shadow: 2px 2px 16px 8px rgba(0, 0, 0, 0.05);}
.global_quick .q_top .call_info:before{content:'';display:block;width:40px;height:40px;margin:-32px auto 8px;background:url('/_KOR/img/ir.svg') -484px 8px no-repeat #fff;border-radius:50%;box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.05);}
.global_quick .q_top .call_info {position:relative;padding:8px 0;background:#EBF1FF;border-radius:8px 8px 0 0;}
.global_quick .q_top .info {border-radius:0 0 8px 8px;}
.global_quick .q_links{margin-top:8px;border-radius:8px;border:1px solid #E2E4E9;}
.global_quick .q_links a{width:100%;padding:4px;font-size:.875rem;transition:all .2s ease-in-out;}
.global_quick .q_links a:not(:first-child){border-top:1px solid #E2E4E9;}
.global_quick .q_links a .ico{width:36px;height:36px;background:url('/_KOR/img/ir.svg') -530px 4px no-repeat #EBF1FF;border-radius:4px;transition:all .2s ease-in-out;}
.global_quick .q_links a:nth-child(2) .ico{background-position:-570px 4px;}
.global_quick .q_links a:nth-child(3) .ico{background-position:-612px 4px;}
.global_quick .q_links a:nth-child(4) .ico{background-position:-651px 4px;}
.global_quick .q_links a .txt{font-weight:700}
.global_quick .q_links a:hover{background:#d4e1ff;}
.global_quick .q_links a:hover .ico{background-color:#ffffff;}

/* 레이어팝업 */
.layerpopup {display:none;box-shadow: 4px 4px 15px 0 rgb(0 0 0 / 50%);}
.layerpopup .bottom{width:100%;padding:8px 16px;background:#fff;font-size:.875rem;}
.layerpopup .bottom form{display:flex;flex-wrap:wrap;align-items: center;justify-content: space-between;}