@charset "UTF-8";

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

/* header */
#header{overflow:visible; position:fixed; top:0; left:0; width:100%; height:92px;z-index:148;box-sizing:border-box;transition:all .5s ease-in-out;font-family:"SCoreDream", "sans-serif";border-bottom:1px solid #ededed;}
/* main_header */
#header.main_header{color:#fff;border-bottom:1px solid transparent;}
#header.main_header .logo_box .symbol{background:url('../img/logo_w.svg') no-repeat 0 center;}
#header.main_header .gnb_r .screen_unit ul{border:1px solid #fff;}
#header.main_header .gnb_r > li:not(:first-child):before {background:rgba(255,255,255,.1);}

#header .logo_box {height:92px;position:absolute;top:0;left:50px;z-index:90;display:inline-block;}
#header .logo_box a{height:100%;display:inline-flex;align-items: center;}
#header .logo_box .symbol{height:46px;width:197px;display:inline-flex;align-items: center;background:url('../img/logo_bk.svg') no-repeat 0 center;}

#header .gnb_r{position:absolute;top:-56px;right:50px;z-index:90;}
#header .gnb_r > li{position:relative;display:inline-block;height:28px;}
#header .gnb_r .screen_unit ul,
#header.main_header:hover .gnb_r .screen_unit ul,
#header.main_header.fixed .gnb_r .screen_unit ul{display:inline-block;padding:4px;border:1px solid #a8b2be;border-radius:50px;}
#header .gnb_r .screen_unit ul li{display:inline-block;}
#header .gnb_r .screen_unit ul .zoom_ico,
#header.main_header:hover .gnb_r .screen_unit ul a,
#header.main_header.fixed .gnb_r .screen_unit ul a{width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.3)}
#header.main_header.fixed .gnb_r .screen_unit ul a:hover{background:rgba(0,0,0,.5)}
#header .gnb_r .screen_unit ul a .ico_ir{width:24px;height:24px;}
#header .gnb_r .screen_unit ul a.btn-zoomup .ico_ir{background-position:-284px -167px;}
#header .gnb_r .screen_unit ul a.btn-zoom100 .ico_ir{background-position:-95px -464px;}
#header .gnb_r .screen_unit ul a.btn-zoomdown .ico_ir{background-position:-258px -167px;}
#header .gnb_r > li:not(:first-child){padding-left:12px;margin-left:12px;}
#header .gnb_r > li:not(:first-child):before,
#header.main_header:hover .gnb_r > li:not(:first-child):before,
#header.main_header.fixed .gnb_r > li:not(:first-child):before {content:'';position:absolute;top:50%;left:0;margin-top:-12px;width:1px;height:16px;background:#ddd;}

/* gnb */
#gnb{width:100%;position:relative;z-index:50}
#gnb > ul{margin:0 auto;text-align:center;}
#gnb > ul > li{display:inline-block;}
#gnb > ul > li > a{position:relative;display:block;padding:32px 24px 32px;font-size:1.313rem;font-weight:700;}
#gnb > ul > li > a:before{content:'';position:absolute;bottom:-2px;left:0;width:0%;height:3px;transition:all .5s ease-in-out;}
#gnb > ul > li > a:hover{color:#0073e6;}
#gnb > ul > li > a:hover:before{width:100%;background:#0073e6;}
#gnb > ul > li > a.active:before{width:100%;background:#044ba9 ;z-index:5;}
#gnb > ul > li > a.active{color:#044ba9 ;}
#gnb .submenu{display:none;position:absolute;top:91px;left:0;padding:0 70px;width:100%;padding:0;text-align:left;background:url('../img/gnb_bg.png') no-repeat 90% 120% #fff;border: solid #ededed;border-width:1px 0;z-index:80;color:#242424;}
#gnb .submenu .inner{padding-left:360px;}
#gnb .submenu .dep2tit{position:absolute;top:0;left:0;height:100%;width:360px;padding-top:48px;border-right:1px solid #ededed;}
#gnb .submenu .dep2tit .heading_2{position:relative;padding-bottom:24px;}
#gnb .submenu .dep2tit .heading_2 p{font-weight:700;}
#gnb .submenu .dep2tit .heading_2:after{content:'';position:absolute;top:-16px;left:-16px;width:46px;height:46px;border-radius:50%;background:#0073e6;opacity:.1}
#gnb .submenu .dep2tit .body_2{color:#666;}
#gnb .submenu .inner > ul{position:relative;top:0;min-height:320px;padding:32px 16px}
#gnb .submenu .inner > ul > li {float:left;width:calc((100% - 32px) / 3);padding:4px 16px;}
#gnb .submenu .inner > ul > li:nth-child(4){clear:both;}
#gnb .submenu .inner > ul > li > a{display:block;padding:16px 24px;margin-bottom:16px;font-weight:600;border:1px solid #a8b2be;border-radius:8px;background:url('../img/gnb_ov_arrow1.png') no-repeat 90% center;font-size:1.125rem;color:#444c57;}
#gnb .submenu .inner > ul > li > a:hover{background:url('../img/gnb_ov_arrow2.png') no-repeat 90% center #002b51;color:#fff;}
#gnb .submenu .inner > ul > li.has_child > a{background:url('../img/gnb_ov_arrow3.png') no-repeat 90% center;}
#gnb .submenu .inner > ul > li.has_child > a:hover{background:url('../img/gnb_ov_arrow4.png') no-repeat 90% center #002b51;color:#fff;}
#gnb .submenu .lnb-detail  li{margin:2px 0;}
#gnb .submenu .lnb-detail li{position:relative;padding-left:14px;margin:2px 0px;font-size:0.875rem;}
#gnb .submenu .lnb-detail li:after{content:'';position:absolute;left:0;top:12px;width:4px;height:4px;background:#bbb;border-radius:50%}
#gnb .submenu .lnb-detail li > a{display:block;padding:6px 0;}
#gnb .submenu .lnb-detail li > a:hover{text-decoration:underline;}
#gnb .submenu .inner > ul:after{content:"";width:100%;display:block;visibility:hidden;clear:both;}

/* main_header */
#header.main_header{color:#fff;border-bottom:1px solid transparent;}
#header.main_header .logo_box .symbol{background:url('../img/logo_w.svg') no-repeat 0 center;}
#header.main_header .gnb_r .screen_unit ul{border:1px solid #fff;}

/* header on*/
#header.on,
#header.main_header.fixed{color:#242424;background:#fff;}
#header.on .logo_box .symbol,
#header.main_header.fixed .logo_box .symbol{background:url('../img/logo_bk.svg') no-repeat 0 center;}

#header.fixed{top:0px;width:100% !important;z-index: 500;box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.1);animation:fadein .5s;background:rgba(255,255,255,.98);}

/* 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:before{content:'';position:absolute;top:160px;left:0;height:100%;width:calc((100% - 16px) * 0.3);background:#F5F7FA;z-index:0}
#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 8px 12px 8px;align-items:center;}
#mGnb .mgnb_top .t_abox .ta_l span{padding-left:32px;font-size:1.125rem;}
#mGnb .mgnb_top .t_abox .ta_r a{margin-left:8px;color:#162C72;font-weight:700;font-size:.875rem;}
#mGnb .mgnb_top .t_abox .ta_r .a_lang{padding:8px 12px;border:2px solid #162C72;border-radius:4px;}
#mGnb .mgnb_top .t_box{margin:12px 0 20px;padding:16px;line-height:1.5rem;background:#F1F5F9;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{position:relative;box-sizing:border-box;}
#mGnb .mDepth1 > li{width:35%;padding-left:16px;}
#mGnb .mDepth1 > li > a{display:block;padding:14px 10px;font-size:1.15em;font-weight:bold;z-index:50;text-align:left;border-bottom:1px solid rgba(255,255,255,.5);border-radius:8px;}
#mGnb .mDepth1 > li > a.active{background:#162C72;color:#fff}
#mGnb .mDepth2{display:none;position:absolute;top:0;right:0;width:calc((100% - 48px) * 0.65);margin:32px 24px 0;z-index:30;background:#fff;}
#mGnb .mDepth2 > li > a{display:block;padding:15px 10px;border-bottom:1px solid #e5e5e5;font-size:1em;color:#333;background:url('/_KOR/img/m_gnb_r.png') no-repeat 96% center/9px auto;}
#mGnb .mDepth2 > li > a[href="#none"]{background:url('/_KOR/img/m_gnb_plus.png') no-repeat 96% center/15px auto;}
#mGnb .mDepth2 > li > a[href="#none"].active{background:url('/_KOR/img/m_gnb_minus.png') no-repeat 96% center/15px auto;}
#mGnb .mDepth1 > li:first-child .mDepth2{display:block;}
#mGnb .mDepth3{display:none;padding:10px;overflow:hidden;background:#f5f6fa;}
#mGnb .mDepth3 li{float:left;width:100%;transition: all 300ms ease-out;transform: translateY(120%);transition-delay: 300ms;opacity:0;}
#mGnb .mDepth3 li.active{transform: translateX(0);opacity:1;}
#mGnb .mDepth3 li.active:nth-child(odd){transition-delay: 100ms;}
#mGnb .mDepth3 li.active:nth-child(even){transition-delay: 200ms;}
#mGnb .mDepth3 li a{position:relative;display:block;margin-bottom:1px;padding:10px;background:#f5f6fa;border-bottom:1px solid #eee;font-size:.9em}
#mGnb .mDepth3 li a:before{content:'';position:absolute;left:0;top:18px;display:block;width:4px;height:1px;background:#a7adbc}
#mGnb .mGnbClose{display:inline-block;position:absolute;left:12px;top:20px;width:32px;height:32px;font-size:0;background:url('/_KOR/img/m_gnb_close.svg') no-repeat 50% 50%;}
#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);}

.slick-controls{z-index:10;}
.slick-nav a{font-size:0;z-index:40;transition:all .2s ease-in-out;}
.slick-nav a{background:url('../img/main_ir.png') no-repeat;}
.slick-nav a.slick-play{display:none;}

/*sub*/
.sub{padding-top:92px;font-family: "Pretendard","맑은고딕","Malgun Gothic", "AppleGothicNeoSD", "Apple SD 산돌고딕 Neo", "sans-serif";}
#sub_wrap{min-height:600px;padding:60px 0 100px;}

#snb .snb_tit {padding:52px 0;background:url('../img/snb_bg1.png'),url('../img/snb_bg2.png') 0 0, 0 0 no-repeat #002b51;background-size:cover;color:#fff;border-radius:16px 16px 0 0;}
#snb{width:20%;padding-right:16px;}
#snb .head_menu_depth{border:1px solid #ededed;border-radius:0 0 16px 16px;}
#snb .head_menu_depth > li:not(:last-child){border-bottom:1px solid #ddd;}
#snb .head_menu_depth > li > a{position:relative;display:block;padding:0 16px 0 24px;height:56px;line-height:56px;font-weight:700;color:#4e5867;background:url('../img/snb_arrow1.png') no-repeat 92% center;}
#snb .head_menu_depth > li.hav_child > a{background:url('../img/snb_arrow2.png') no-repeat 92% center;}
#snb .head_menu_depth > li.hav_child.active > a{font-weight:700;color:#121212;background:url('../img/snb_arrow3.png') no-repeat 92% center;}
#snb .head_menu_depth > li.active > a:before{content:'';position:absolute;top:-2px;left:-2px;width:100%;height:100%;border:2px solid #121212;box-shadow:0px 0px 8px 4px rgba(0, 0, 0, 0.1);z-index:5;}
#snb .head_menu_depth > li:not(.active):hover a{background-color:#fafafa;}
#snb .head_menu_depth > li:not(.hav_child):last-child.active a:before{border-radius:0 0 16px 16px;}
#snb.sub02 .head_menu_depth > li:last-child.active a:before,
#snb.sub03 .head_menu_depth > li:last-child.active a:before,
#snb.sub08 .head_menu_depth > li:last-child.active a:before{border-radius:0 0 0px 0px;}

#snb .snb_dp2{display:none;border-top:1px solid #ededed;padding:16px 0;background:#f6f8f9;}
#snb .snb_dp2 li a{display:flex;position:relative;padding:0 16px 0 40px;height:36px;align-items: center;font-size:0.875rem;}
#snb .snb_dp2 li a:before{content:'';position:absolute;top:14px;left:24px;width:4px;height:4px;border-radius:50%;background:#aaa;}
#snb .snb_dp2 > li.active > a{font-weight:700;color:#121212;}
#snb .snb_dp2 > li:not(.active):hover a{background:#fafafa;}
#snb .head_menu_depth > li.active > .snb_dp2{display:block;animation:fadein .5s;}

#depth4_menu_div ul{display:flex;margin-bottom:40px;border-bottom:1px solid #ddd;}
#depth4_menu_div li{position:relative;}
#depth4_menu_div li:not(:first-child){padding-left:8px;margin-left:8px;}
#depth4_menu_div:not(.snb_010301) li:not(:first-child):before{content:'';position:absolute;top:50%;margin-top:-3px;left:-4px;width: 6px;height: 6px;background:#ddd;border-radius:10px;}
#depth4_menu_div li:after{content:'';position:absolute;bottom:0px;left:0px;width:0;height: 3px;transition:all .2s ease;}
#depth4_menu_div li a{display:block;position:relative;padding:12px 24px;color:#666;height:100%;}
#depth4_menu_div li.active a,#depth4_menu_div li:hover a{color:#333;font-weight:600;}
#depth4_menu_div li.active:after{content:'';width:100%;background:#333;transition:all .2s ease;}
#depth4_menu_div:not(.snb_010301) li:not(.active):hover:after{width:100%;background:#ddd;transition:all .2s ease;}

.snb_010301 ul{border-bottom:0 !important}
.snb_010301 li{flex: 1 1 0;text-align:center;}
.snb_010301 li:not(:first-child){padding:0}
.snb_010301 li a{display:block;position:relative;padding:12px 0;border:1px solid #ddd;border-radius:6px;font-weight:600;}
.snb_010301 li a:before{content:'';display:block;margin:0 auto 8px;width:28px;height:28px;background:url("../img/main_ir.png") -256px -306px no-repeat rgba(0,0,0,.05);border-radius:50%;}
.snb_010301 li.active a{background:linear-gradient(90deg, rgba(3,69,151,1) 0%, rgba(58,154,156,1) 100%);color:#fff !important;box-shadow:0px 0px 8px 4px rgba(0, 0, 0, 0.1);}
.snb_010301 li:not(:first-child):before,.snb_010301 li.active:after{display:none;}
.snb_010301 li:not(.active):hover a{background:#f8fcff;color:#121212 !important;box-shadow:0px 0px 8px 4px rgba(0, 0, 0, 0.05);}

.snb_010301 li:nth-child(2) a:before{background-position:-478px -306px}
.snb_010301 li:nth-child(3) a:before{background-position:-368px -306px}
.snb_010301 li:nth-child(4) a:before{background-position:-403px -306px}
.snb_010301 li:nth-child(5) a:before{background-position:-441px -306px}
.snb_010301 li:nth-child(6) a:before{background-position:-332px -306px}
.snb_010301 li:nth-child(7) a:before{background-position:-294px -306px}

.snb_010301 li:nth-child(1).active a:before{background-position:-256px -339px}
.snb_010301 li:nth-child(2).active a:before{background-position:-478px -339px}
.snb_010301 li:nth-child(3).active a:before{background-position:-368px -339px}
.snb_010301 li:nth-child(4).active a:before{background-position:-403px -339px}
.snb_010301 li:nth-child(5).active a:before{background-position:-441px -339px}
.snb_010301 li:nth-child(6).active a:before{background-position:-332px -339px}
.snb_010301 li:nth-child(7).active a:before{background-position:-294px -339px}


.sbu_cont_wp{width:80%;padding-left:44px;}
.sbu_cont_wp .sub_top{position:relative;padding-bottom:40px;margin-bottom:60px;border-bottom:8px solid #f9fafd;}
.sbu_cont_wp .sub_top .breadcrumb{margin-top:16px;}
.sbu_cont_wp .sub_top .breadcrumb li.home a{font-size:0;width:16px;height:16px;background:url("../img/main_ir.png") -261px -211px no-repeat;vertical-align: middle;}
.sbu_cont_wp .sub_top .breadcrumb li a{font-size:.875rem;color:#646464;}
.sbu_cont_wp .sub_top .breadcrumb li:nth-last-child(2) a{text-decoration:underline;font-weight:700;}
.sbu_cont_wp .sub_top .breadcrumb li:not(:first-child){position:relative;padding-left:12px;margin-left:12px;}
.sbu_cont_wp .sub_top .breadcrumb li:not(:first-child):before{content:'';position:absolute;top:5px;left:-4px;width: 10px;height: 12px;background: url("../img/main_ir.png") -302px -213px no-repeat;}
.sbu_cont_wp .sub_top .breadcrumb li:last-child{padding-left:0;margin-left:4px;}
.sbu_cont_wp .sub_top .breadcrumb li:last-child:before{display:none;}
.sbu_cont_wp .sub_top .location .share{height:1.125rem;text-align:center;line-height:1.125rem;font-size:0.688rem;padding:0px 4px;background:#f0f0f0;color:#666;border-radius:2px;}
.sbu_cont_wp .sub_top .location .share:hover{color:#fff;background:#343434;}
.sbu_cont_wp .sub_top .page_print{position:absolute;top:50%;margin-top:-24px;right:0;width:40px;height:40px;border-radius:8px;background:url("../img/main_ir.png") -327px -200px no-repeat #f4f4f4;font-size:0;}

.sub_body{min-height:420px;opacity:0}

#snb{animation:slide-right .25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sbu_cont_wp .sub_top,.sub_cont,.sub_body{animation:slide-bottom2 .25s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.sbu_cont_wp {animation-delay: .1s;}
.sub_cont{animation-delay: .2s;}
.sub_body{animation-delay: .3s;}

/*footer*/
#footer{background:#272a2e;color:#B0B8C1;}
#footer > .inner{padding:60px 0;}
#footer .f_link_wp{padding:20px 32px;border-radius:8px;background:rgba(255,255,255,.05);}

#footer .inner .f_top{margin-top:52px;display:flex;justify-content: space-between;}
#footer .inner .f_top .f_logo{font-size:0;}

#footer .f_link  li a{position:relative;display:block;padding:0 14px 0 13px;font-weight:700;}
#footer .f_link  li:first-child a{padding-left:0;}
#footer .f_link  li:not(:last-child) a:before{content:'';position:absolute;top:50%;right:0;margin-top:-6px;width:1px;height:12px;background:#91949b;opacity:.5;}
#footer .inner .f_top .copy{margin-top:1.5rem;line-height:1.5rem;font-size:.875rem;color:#8B95A1;}

#footer .f_top .relate_site > li{position:relative;margin-left:8px;width:260px}
#footer .f_top .relate_site > li > a{position:relative;display:flex;justify-content: space-between;border:1px solid #91949b;padding:16px 20px;color:#91949b;width:100%;border-radius:8px;}
#footer .f_top .relate_site a span{margin-left:4px;width:24px;height:24px;}
#footer .f_top .relate_site li.cur a span{transform:rotate(-180deg)}
#footer .f_top .relate_lnikbox{display:none;position:absolute;bottom:65px;right:0;width:100%;max-height:130px;overflow-x:hidden;overflow-y:auto;padding:13px 12px;background: #fff;border:1px solid #ddd;z-index:5;border-radius:8px;}
#footer .f_top .relate_lnikbox li {width:100%;border:0 !important}
#footer .f_top .relate_lnikbox a{width:100%;word-break:normal;padding:8px;color:#333;font-size:15px}
#footer .f_top .relate_lnikbox a:hover{background:#F5F7FB;font-weight:700;}

#footer .f_bottom{padding:24px 8px;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem;color:#8B95A1;}