@charset "utf-8";

.inner{position:relative;width:1400px;padding-right:1.25rem;padding-left:1.25rem; margin:0 auto; box-sizing:border-box}
#container{width:100%;overflow:hidden}

.slick-controls{z-index:10;}
.slick-nav a{font-size:0;z-index:40}
.slick-nav a{background:url('../img/ir.png') no-repeat;}
.slick-nav a.slick-play{display:none;}

.sd_nav_basic .slick-nav a{width:24px;height:24px;border-radius:4px;background-color:#f5f5f5;border:1px solid #ededed;}
.sd_nav_basic .slick-nav a.slick-prev{background-position:-161px -1px;}
.sd_nav_basic .slick-nav a.slick-next{background-position:-240px -1px;}
.sd_nav_basic .slick-nav a.slick-stop{background-position:-201px -3px;}
.sd_nav_basic .slick-nav a.slick-play{background-position:-200px -41px;}

/* header */
#header{position:relative;background:#fff;height:100px;border-bottom:1px solid #e2e2e2;z-index:148;box-sizing:border-box;transition:all .05s ease-in-out;}
/* #header.fixed{position:fixed !important;top:-44px;width:100% !important;z-index: 500;box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.1);animation:fadein .5s;} */
.logo_box {height:90px;position:absolute;top:0;left:0;z-index:90;}
.logo_box a{height:100%;display:inline-flex;align-items: center;}
.logo_box .logo_m{height:90px;display:inline-flex;align-items: center;position: relative;}
/* .logo_box .logo_m::after {content: '';display: block;width: 1px;height: 50%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: rgba(0,0,0,.1);} */
.logo_box img{display:block;}

/* pc_menu */
#gnb {position: relative;}
#gnb .inner {padding-left: 450px;padding-right: 100px;}
#gnb .inner > ul {margin: 0px auto;height: 100px;width: 100%;display: flex;justify-content: center;}
#gnb .inner > ul > li {width: 25%;}
#gnb .inner > ul > li > a {position: relative;display: block;font-size: 1.25rem;font-weight: 500;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: #2750e5}
#gnb .inner > ul > li > a:before {content: '';position: absolute;left: 0%;bottom: 0px;display: block;width: 100%;height: 0px;opacity: .5;background: #2750e5;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;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: 500;}
#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 .tmnBg {position: absolute;top: 100px;left: 0;width: 100%;height: 0;z-index: 100;}
#gnb .tmnBg .gnb_2dep_deco {display: none;height: 180px;padding: 32px;width: 400px;background: #f3f7ff;position: absolute;top: 0;left: 0;border-radius: 0 0 50px 0;z-index: 102;}
#gnb .tmnBg .gnb_2dep_deco .title {position: relative;font-weight: 500;font-size: 1.25rem;line-height: 1.5;}
#gnb .tmnBg.on .gnb_2dep_deco {display: block;}
#gnb .tmnBg::after {content: '';display: block;width: calc((100% - 1400px) / 2);position: absolute;top: 0;left: 0;background: #f3f7ff;height: 0;}
#gnb .tmnBg.on::after {height: 180px}
#gnb .tmnBg::before {content: '';display: block;width: calc((100% - ((100% - 1400px) / 2)));position: absolute;top: 0;right: 0;background: #fff;height: 0;transition: .3s ease-in-out;border-radius: 0 0 0 50px;}
#gnb .tmnBg.on::before {height: 220px;box-shadow: 6px 12px 14px 2px rgba(0, 0, 0, 0.03);}

/* mobile_menu */
#header #mMenu{display:none;position:absolute;top:0px;right:0;width:65px;height:65px;padding-top:25px;box-sizing:border-box;}
#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 #ededed;}
#mGnb .mgnb_top .t_abox{padding:0px 20px;font-size:.875em;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:#ddd;}
#mGnb .mgnb_top .t_abox a:last-child:before{display:none}
#mGnb .mgnb_top .t_box{position:relative;padding:2.25rem 2rem 1.25rem;}
#mGnb .mgnb_top .t_box p{font-size:1.25em;font-weight:500;line-height:1.5}
#mGnb .mgnb_top .t_box a{position:absolute;right:20px;bottom:20px;border:1px solid #ddd;padding:4px 10px;font-size:.8em;opacity:.8}
#mGnb .mgnb_top .m_gnb_btns{padding:0 2rem 2.25rem;}
#mGnb .mgnb_top .m_gnb_btns a{padding:1rem 1.5rem;width:49.5%;border-radius:4px;box-shadow: 6px 8px 10px 2px rgba(0, 0, 0, 0.1);}
#mGnb .mDepth1{box-sizing:border-box;background:#fff;border-top:1px solid #eee;padding:20px;border-bottom:10px solid #ededed;}
#mGnb .mDepth1 > li > a{position:relative;display:block;padding:1.15rem;font-size:1.25rem;border-bottom:1px solid #ddd;font-weight:700;}
#mGnb .mDepth1 > li > a:before{content:'';display:block;position:absolute;right:5%;top:50%;width:17px;height:17px;margin-top:-4px;background:url('../img/mgnb_arrow1.png') 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('../img/mgnb_arrow5.png') no-repeat 95% 50% #fafafa;}
#mGnb .mDepth2 > li > a.plus{background:url('../img/mgnb_arrow2.png') no-repeat 95% 50% #fafafa;}
#mGnb .mDepth2 > li > a.plus.active{background:url('../img/mgnb_arrow2-1.png') no-repeat 95% 50% #1f67e5;color:#fff}
#mGnb .mDepth3{display:none;overflow:hidden;padding:20px;background:#eee;}
#mGnb .mDepth3 li{
	float:left;width:100%;
    -webkit-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    -webkit-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
	opacity:0;
}
#mGnb .mDepth3 li.active{
	-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateX(0);
    opacity:1;
}

#mGnb .mDepth3 li.active:nth-child(2){
	-webkit-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    transition-delay: 400ms;
}

#mGnb .mDepth3 li.active:nth-child(3){
	-webkit-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    transition-delay: 600ms;
}
#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:40px;height:40px;font-size:0;background:rgba(0,0,0,.5);text-align:center;padding-top:7px;}
#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;}

/* 사이트맵 아이콘 */
#header .gnb_r {position: absolute;top: -75px;right: 0;box-sizing: border-box;}
#header .gnb_r ul {display: flex;}
#header .gnb_r .site_map_btn a {width: 40px;height: 40px;background: url(../img/ir.png) -130px 3px no-repeat #255dfa;border-radius: 50%;}
.gnb_r .sitemap_ico {width: 100%;height: 100%;}

/* footer */
#footer {text-align: center;}
.ftop_wp {padding: 50px 0;border-top: 2px solid #ddd;}
.flogo_box a {display: inline-flex;align-items: center;justify-content: center;}
.flogo_box .logo_m{padding-right:16px;margin-right:16px;position: relative;}
.flogo_box .logo_m::after {content: '';display: block;width: 1px;height: 50%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: rgba(255,255,255,.3);}
.ftop_wp .f_m_box {padding-top: 35px;}
.ftop_wp .f_m_box .dp_flex {justify-content: center;}
.ftop_wp .f_m_box .dp_flex li {margin:0 16px;position: relative;}
.ftop_wp .f_m_box .dp_flex li::after {content: '';display: block;width: 1px;height: 50%;position: absolute;top: 3px;right: -16px;background: rgba(0,0,0,.3);}
.ftop_wp .f_m_box .dp_flex li:last-child::after {display: none;}
.ftop_wp .f_b_box {padding-top: 10px;}
.ftop_wp .f_b_box  .dp_flex {justify-content: center;}
.ftop_wp .f_b_box .dp_flex li {margin:0 16px;position: relative;}
.ftop_wp .f_b_box .dp_flex li::after {content: '';display: block;width: 1px;height: 50%;position: absolute;top: 3px;right: -16px;background: rgba(0,0,05,.3);}
.ftop_wp .f_b_box .dp_flex li:last-child::after {display: none;}
.fbottom_wp {background: #f5f5f5;padding: 25px 0 20px;}

/* 서브 */
#svisualLayout{width:100%;height:250px;color:#fff; position:relative;}
#svisualLayout .svisualBg{position:absolute;width:100%;height:250px;top:0;left:0;overflow:hidden;z-index:-1;}
#svisualLayout .svisualBg:after{content:'';position:absolute; top:0; left:0;display:block; width:100%; height:268px;animation: kenburns-bottom 5s ease-out both;}
#svisualLayout .svisualBg.svisualBg_10:after{background:url('../img/subtop_bg10.png') no-repeat center center #121212;background-size:cover;}
#svisualLayout .svisualBg.svisualBg_20:after{background:url('../img/subtop_bg20.jpg') no-repeat center center #121212; background-size:cover;}
#svisualLayout .svisualBg.svisualBg_30:after{background:url('../img/subtop_bg30.jpg') no-repeat center center #121212; background-size:cover;}
#svisualLayout .svisualBg.svisualBg_40:after{background:url('../img/subtop_bg40.jpg') no-repeat center center #121212; background-size:cover;}
#svisualLayout .svisualBg.svisualBg_50:after{background:url('../img/subtop_bg50.jpg') no-repeat center center #121212; background-size:cover;}
#svisualLayout .titleWrap {padding:72px 0 0px;}
#svisualLayout .titleWrap h2{position:relative;font-size:3rem;line-height:3.2rem;font-weight:600;animation:fadein 1s;}
#svisualLayout .titleWrap p{margin:16px 0;font-size:1.25rem;}
#svisualLayout .titleWrap p span{color:#008DB1;}

#snb .inner {background: #fff;border-radius: 15px 15px 0 0;position: relative;margin-top: -58px;}
.snb_wp {justify-content: space-between;}
.snb_wp::after {content: '';display: block;width: 100%;height: 1px;background: #ddd;position: absolute;bottom: 0;left: 0;}
#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('../img/ir.png') -73px -36px no-repeat;}
#snb .snb_list > li{position:relative;}
#snb .snb_list > li::after {content: '';display: block;width: 1px;height: 50%;background: #ddd;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
#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('../img/ir.png') -110px -36px no-repeat;}
#snb .snb_lev1 > a p{font-weight:700}
#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:#eaf1ff;color:#255dfa;}
#snb .snb_lev2 > li:not(.on) > a:hover{color:#ffffff;background:#717171;}
#snb .snb_unit a{height:58px;position:relative;padding:0 17px;display: flex;align-items: center;justify-content: space-between;}
#snb .snb_unit .print p{display:inline-block;width:24px;height:24px;font-size:0;background:url('../img/ir.png') -137px -36px no-repeat;}

.sub_title {position: relative;text-align: center;margin: 60px 20px 50px;padding-bottom: 20px;font-size: 2.425em;}
.sub_title h3 span{position: relative;}
.sub_title h3 span::before {content: '';display: block;width: calc(100% - 10px);height: 5px;border-radius: 5px;background:#7FB7ED;position: absolute;bottom: -5px;left: 0;}
.sub_title h3 span::after {content: '';display: block;width: 5px;height: 5px;background:#BCB1FF;border-radius: 5px;position: absolute;bottom: -5px;right: 0;}
#subWrap .sub_content {min-height: 480px;}

/* 팝업 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff;font-weight:400 !important;}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
/*#hd_pop:has(.sound_only) {display:none !important;}*/