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

/* header */
#header{overflow:visible; position:fixed; top:0; left:0; width:100%;height:146px;z-index:148;box-sizing:border-box;transition:all .5s ease-in-out;}
#header.on{background:#fff;}
#header.fixed{top:-90px;width:100% !important;z-index: 500;box-shadow: 6px 6px 8px 0px rgba(0, 0, 0, 0.1);animation:fadein .5s;background:rgba(255,255,255,.98);}

#header.main_header{color:#fff;}
#header.main_header .hd_top .logo_wp.logo_bk{display:none;}
#header.main_header .hd_top .logo_wp.logo_w{display:block;}
#header.main_header .hd_top input::placeholder{color:#fff;}
#header.main_header #gnb{background:rgba(255,255,255,.1);border-color:transparent;}
#header.main_header #gnb .sitem_map{border-color:#fff;}
#header.main_header #gnb .sitem_map span{background-color:#fff;}

/* header */
.hd_top {display:flex;align-items:center;justify-content: space-between;height:90px;}
.hd_top .h_logo h1{z-index:20;}
.hd_top .logo_wp{position:relative;width:240px;max-width:100%;height:40px;display:flex;align-items:center;}
.hd_top .logo_wp > img{position:absolute;width:100%;}
.hd_top .logo_wp.logo_w{display:none;}

.hd_top .tnb ul > li{position:relative;}
.hd_top .tnb ul > li:not(:first-child){padding-left:12px;margin-left:12px;}
.hd_top .tnb ul > li:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;background:#ddd;}
.hd_top .search{position:relative;}
.hd_top .search input{border:0;width:168px;height:40px;border:2px solid #ed572d;padding-right:40px;background:transparent;box-sizing:border-box;}
.hd_top .search .ico_search{position:absolute;top:4px;right:4px;width:32px;height:32px;background:url('/_KOR/img/ir.svg') -250px -6px no-repeat;font-size:0}

/* pc_menu */
#header.fixed #gnb,
#header.on #gnb,
#gnb{position:relative;background:#ebebeb;border:solid #dddddd;border-width:1px 0;height:56px;}
#gnb .inner{padding-right:60px;}
#gnb .inner > ul{position:absolute;margin:0px auto ;height:56px;width:calc(100% - 40px);z-index:130;}
#gnb .inner > ul > li{position:absolute;left:-20px;width:20%;}
#gnb .inner > ul > li:nth-child(2){left:calc(20% - 20px);}
#gnb .inner > ul > li:nth-child(3){left:calc(40% - 20px);}
#gnb .inner > ul > li:nth-child(4){left:calc(60% - 20px);}
#gnb .inner > ul > li:nth-child(5){left:calc(80% - 20px);}
#gnb .inner > ul > li > a{position:relative;display:block;font-size:1.25em;font-weight:700;padding:12px 16px;height:56px;box-sizing:border-box;}
#gnb .inner > ul > li:hover > a,#gnb .inner > ul > li:focus > a{background:#d10028;color:#fff;transition: all .3s ease-in-out;}
#gnb .gnb_dep2{display:none;position:relative;background:#fff;text-align:left;z-index:102;padding-top:24px;margin-top:-1px;min-height:390px;}
#gnb .gnb_dep2 > li{position:relative;padding:0px 16px 18px;color:#344054;word-break:break-all;}
#gnb .gnb_dep2 > li > a{position:relative;font-size:1.125rem;}
#gnb .gnb_dep2 > li > a:hover,
#gnb .gnb_dep2 > li > a:focus{color:#595757;font-weight:700;}
#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') -399px -89px  no-repeat;}

#gnb .gnb_dep3{display:none;position:absolute;top:-8px;right:calc(-100% - 4px);padding:14px 16px 8px;width:240px;background:#fff;border:1px solid #595757;border-radius:11px;z-index:150;font-size:0.938rem;}
#gnb .gnb_dep3 li{position:relative;word-break:break-word;}
#gnb .gnb_dep3 li a{position:relative;display:block;padding:6px 0px;}
#gnb .gnb_dep3 li a[target="_blank"]{background:url('/_KOR/img/arrow_snb_dep3_blank.svg') no-repeat 99% center/16px auto;}
#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:#fcedf4;}
#header.fixed #gnb .sitem_map,
#header.on #gnb .sitem_map,
#gnb .sitem_map{position:absolute;top:8px;right:0;width:40px;height:40px;padding-top:8px;box-sizing:border-box;font-size:0;border:2px solid #3d4145;border-radius:5px;}
#header.fixed #gnb .sitem_map span,
#header.on #gnb .sitem_map span,
#gnb .sitem_map span{display:block;width:24px;height:3px;margin:0 auto 5px;background:#3d4145;border-radius:4px;transition:all .3s ease;}
#gnb .sitem_map span:last-child{margin-bottom:0;}

#gnb .tmnBg{display:none;position:absolute;top:55px;left:0;width:100%;height:391px;background: #fff;z-index:100;border-bottom:1px solid #eee;}
#gnb .tmnBg.on{display:block;}

#gnb .inner > ul > li .has_dep{display:flex;align-items:center;justify-content: space-between;flex-wrap:wrap;}
#gnb .inner > ul > li .has_dep .dep3_on{width:20px;height:20px;border-radius:4px;border:1px solid #ddd;background:url('/_KOR/img/ir.svg') -399px -89px no-repeat #fff;}
#gnb .inner > ul > li .has_dep .dep3_on.on{background-position:-380px -89px;background-color:#000;border-color:transparent;}
#gnb .inner > ul > li:not(.active):hover{z-index:132;}
#gnb .inner > ul > li.active{z-index:140;}


/* mobile_menu */
#mMenu{display:none;position:absolute;top:8px;right:.5rem;width:60px;height:60px;box-sizing:border-box;color:#fff;}
#mMenu span{display:block;width:30px;height:3px;margin:0 auto 6px;background:#121212;}
#mMenu span:first-child{margin-top:20px;}
#mMenu span:last-child{margin-bottom:0;}
#header.main_header #mMenu span{background:#fff;}
#header.main_header.fixed #mMenu span{background:#121212;}
#mGnb{display:none;position:fixed;top:0;right:-100%;z-index:600;width:100%;height:100%;overflow-y:scroll;background:#fff;box-shadow:-4px -1px 2px rgba(0,0,0,0.1);color:#121212;z-index:999;}
#mGnb .mgnb_top {position:relative;padding:12px;border-bottom:1px solid #a8b2be;background:#fff;}
#mGnb .mgnb_top .t_abox{display:flex;justify-content: space-between;padding:8px 40px 8px 0px;align-items:center;}
#mGnb .mgnb_top .t_abox .tnb_l a{position:relative;}
#mGnb .mgnb_top .t_abox .tnb_l a:not(:first-child){padding-left:12px;margin-left:12px;}
#mGnb .mgnb_top .t_abox .tnb_l a:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;background:#ddd;}
#mGnb .mgnb_top .t_abox .tnb_r a{width:32px;height:32px;background-color:#E8E8ED;border-radius:4px;}

#mGnb .mgnb_top .t_box{margin:12px 0 20px;padding:16px;line-height:1.5rem;background:#f8f8f8;border-radius:8px;}
#mGnb .mgnb_top .t_box .in_box{display:flex;align-items:center;color:#121212;}
#mGnb .mgnb_top .t_box .in_box .ico{margin-right:8px;width:48px;height:48px;background:url('/_KOR/img/mgnb_logo.svg') no-repeat 50% 50% #fff;border:1px solid #E5E7EB;border-radius:50%;}

#mGnb #head_menu{position:relative;padding-top:24px;}
#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: 6px;height: 11px;margin-top: -4px;background: url('/_KOR/img/arrow_mgnb_2.svg') no-repeat 0 0;opacity: .7;transform: rotate(90deg)}
#mGnb .mDepth1 > li > a.active:before {transform: rotate(-90deg)}
#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/arrow_mgnb_2.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 .mGnbClose{display:inline-block;position:absolute;right:12px;top:20px;width:32px;height:32px;font-size:0;background:url('/_KOR/img/ico_close_mgnb.svg') no-repeat 50% 50% #0A0D14;border-radius:4px;}
#mGnb .mn_close {position: relative;display: inline-block;width: 28px;height: 28px;overflow: hidden;}
#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;}

/* ---------------------- 메인헤더 ---------------------- */
#header.on,#header.fixed{color:#595757;}
#header.fixed .hd_top .logo_wp.logo_w,
#header.on .hd_top .logo_wp.logo_w{display:none;}
#header.fixed .hd_top .logo_wp.logo_bk,
#header.on .hd_top .logo_wp.logo_bk{display:block;}
#header.fixed .hd_top input::placeholder,
#header.on .hd_top input::placeholder{color:#777;}

/* ---------------------- 서브 ---------------------- */
.sub_wraper{padding-top:143px;}

/* 서브메뉴 */
.snb_wp{position:relative;border:solid #ddd;border-width:1px 0;background:#fff;}
.snb_wp .inner{display:flex;align-items:center;justify-content: space-between;flex-wrap:wrap;}
#snb .snb_list a{position:relative;padding:0 17px;display: flex;align-items: center;justify-content: space-between;}
#snb .snb_list > li > a{height:58px;}
#snb .snb_list .home p{display:inline-block;width:24px;height:24px;font-size:0;background:url('/_KOR/img/ir.svg') -65px -87px no-repeat;}
#snb .snb_list > li{position:relative;border-left:1px solid #ddd;}
#snb .snb_list > li:not(:first-child){min-width:200px;}
#snb .snb_lev1 > a span{margin-left:8px;width:20px;height:20px;border-radius:50%;background:url('/_KOR/img/ir.svg') -132px -88px no-repeat;}
#snb .snb_lev1 > a p{font-weight:700}
#snb .snb_lev1:last-child {border-right:1px solid #ddd;}
#snb .snb_lev1:last-child a p{color:#000;}
#snb .snb_lev2{display:none;position:absolute;top:58px;left:-1px;padding:8px;width:calc(100% + 2px);background:#fff;border:1px solid #ddd;z-index:10;border-radius:0 0 8px 8px;box-shadow: 0px 6px 15px 0 rgb(0, 0, 0, .08);}
#snb .snb_lev2 > li > a{display:block;min-height:40px;padding:.75rem;font-weight:700;font-size:1rem;border-radius:5px}
#snb .snb_lev2 > li.on > a{background:#595757;color:#fff;}
#snb .snb_lev2 > li:not(.on) > a:hover{color:#d10028;background:#ffeff2;}

.snb_wp .text_size{display:flex;background:#ededed;height:32px;border-radius:7px;}
.snb_wp .text_size a{display:block;width:32px;height:32px;font-size:0;background:url('/_KOR/img/ir.svg') -222px -83px no-repeat; }
.snb_wp .text_size a:not(:first-child){border-left:1px solid #ddd}
.snb_wp .text_size a.zoom_off{background-position:-190px -83px}
.snb_wp .text_size a.zoom_plus{background-position:-158px -83px}

/* 서브기본 */
#subvisual{background:#000;}
#subvisual .title_box{position:relative;padding:40px 0 36px;text-align:center;z-index:5;color:#fff;}
#subvisual .title_box .body_2{opacity:.5;}
#subvisual .print{position:absolute;top:50%;margin-top:-16px;right:0;width:32px;height:32px;border-radius:4px;background:url('/_KOR/img/ir.svg') -288px -83px no-repeat rgba(0,0,0,.2);font-size:0;border:1px solid rgba(255,255,255,.4);z-index:5}
#subvisual .svisual_{position:absolute;width:100%;height:1610px;top:0;left:0;overflow:hidden;z-index:-1;}
#subvisual .svisual_bg:after{content:'';position:absolute; top:0; left:0;display:block; width:100%; height:100%;background:url('/_KOR/img/sub_top_visual_06.jpg') center top no-repeat #000;animation: c-bottom 3s ease-out both;background-size:cover;}
#subvisual .svisual_bg.svisual_02:after{background:url('/_KOR/img/sub_top_visual_01.jpg') center top no-repeat #000;background-size:cover;}
#subvisual .svisual_bg.svisual_03:after{background:url('/_KOR/img/sub_top_visual_04.jpg') center top no-repeat #000;background-size:cover;}
#subvisual .svisual_bg.svisual_04:after{background:url('/_KOR/img/sub_top_visual_05.jpg') center top no-repeat #000;background-size:cover;}
#subvisual .svisual_bg.svisual_05:after{background:url('/_KOR/img/sub_top_visual_05.jpg') center top no-repeat #000;background-size:cover;}
#subvisual .svisual_bg.svisual_06:after{background:url('/_KOR/img/sub_top_visual_06.jpg') center top no-repeat #000;background-size:cover;}

@keyframes c-bottom {
  0% {  transform: scale(1.02) translateY(4px);transform-origin: 50% 84%; opacity:.7 }
  100% { transform: scale(1) translateY(0);transform-origin: bottom;opacity:1 }
}

#content_wrap{padding-top:80px;padding-bottom:100px;}

.sub_tit_wp{padding-bottom:40px;}
.sub_tit_wp .breadcrumb{display:none;}
.sub_tit_wp .breadcrumb li {display: inline-flex;align-items: center;color:#666;font-size:.875rem}
.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;opacity:.5}
.sub_tit_wp .breadcrumb li + li { padding-left: 8px;}

/* footer */
#footer{background:#595757;font-size:1rem;color:#cdd0d5;}
#footer .foot_top {padding:60px 0 40px;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.2)}
#footer .ft{display:flex;justify-content: space-between;flex-wrap:wrap;}
#footer .ft ul{display:flex;flex-wrap:wrap;}
#footer .ft a{height:44px;border:1px solid rgba(255,255,255,.2);font-size:1rem;margin:4px;}
#footer .ft .ft_r li:first-child{margin-right:12px}
#footer .ft .ft_r a{width:44px;height:44px;padding:0}
#footer .fb{padding:24px 0 60px}
#footer .fb ul{display:flex;flex-wrap:wrap;}
#footer .fb ul > li{position:relative;}
#footer .fb ul > li:not(:first-child){padding-left:12px;margin-left:12px;}
#footer .fb ul > li:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:16px;background:rgba(255,255,255,.2);}