@charset "utf-8";
@font-face {
  font-family: 's-core-dream';
  src: url('/font/scdream3-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 's-core-dream';
  src: url('/font/scdream4-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 's-core-dream';
  src: url('/font/scdream5-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 's-core-dream';
  src: url('/font/scdream6-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

/*초기화*/
body{overflow-x: hidden;}
body, h1, h2, h3, h4, h5, h6, p, ul, li,button,dl,dt,dd,form,fieldset,legend,table,thead,tbody,tfoot,tr,td,th,span,figure{margin:0; padding:0; word-break:keep-all;} 
em,address{font-style:normal;}
ul, li{list-style:none;}
button{border:0;background:none;cursor:pointer;}
button>span{-ms-transform: translate(0px, -0.5px);}
*, :after, :before{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-text-size-adjust:none;/*ios 확대방지*/}
a img{border:0;}
fieldset{border:0;}
legend{display:none;}
body,html,button,select,input,textarea{font-family: 's-core-dream', sans-serif;font-size:15px;font-weight:400;color:#242424; line-height:1.3;letter-spacing: -0.5px;}
a{text-decoration:none;color:#242424;}
fieldset{border:0;}
legend{display:none;}
table{width: 100%;table-layout:fixed; margin:0; padding:0; border:0; border-collapse: collapse; border-spacing: 0;}
table caption{display:none;}

/*전체공통*/
/*스킵네비게이션*/
.skipMenu{display:block; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
.skipMenu a{display: block; position: absolute; top: -9999px;}
.skipMenu a span {display: block;padding:10px 0;background: #0b69b8;border: 0 none;color: #fff;text-align: center;}
.skipMenu a:focus, .skipMenu a:hover, .skipMenu a:active{display:inline-block; width: 100%; z-index: 100; top:0;}

/*input, select, textarea... */
input[type="text"], input[type="password"], input[type="number"], input[type="email"]{-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:14px;border:1px solid #d9d9d9;padding: 5px 10px;height:40px;-webkit-appearance: none;-webkit-border-radius: 0;}
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder{color: #666}
input[type="text"]::-ms-clear, input[type="password"]::-ms-clear, input[type="number"]::-ms-clear, input[type="email"]::-ms-clear{display: none;}
input.calendar{background:#fff url(/eng/images/common/calendar.png)right 10px center no-repeat;max-width: 130px;}
input[type="checkbox"]{border-color:#b2b2b2}

.radiobox, .cheakbox{display: inline-block;margin-left: 40px;display: flex;align-items: center;}
.radiobox.block, .cheakbox.block{margin-left: 0;}
.radiobox:first-child, .cheakbox:first-child{margin-left: 0;}
.radiobox label, .cheakbox label, .radiobox input, .cheakbox input{cursor: pointer;line-height: 1;}
.radiobox input, .cheakbox input{margin-left: 18px;}
.radiobox input:first-child, .cheakbox input:first-child{margin-left: 3px !important;}
.radiobox span, .cheakbox span{display: inline-block;}
.radiobox>div{margin-right: 18px;}

textarea{font-size:14px;color:#242424;resize: none;border:1px solid #d9d9d9;padding:5px 10px;width: 100%;height: 180px;overflow-y: auto;display: block;line-height:1.7;-webkit-appearance: none;-webkit-border-radius: 0;}

select{font-size:14px;border:0;background:0;background:#fff url(/eng/images/common/select_bg.png)right 10px center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 30px 5px 10px;border:1px solid #d9d9d9;height:40px;vertical-align: top;-webkit-appearance: none;-webkit-border-radius: 0;}
select::-ms-expand{display:none;}
select option{margin: 5px 0;}

/*인풋 파일추가 스타일*/
input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0 none;}
input.file-name{min-width: 400px;border: none;background:#ececec !important}
input.last-file{margin-top:0;}
.file-focus{outline: 1px solid #000;}
.file_add {font-size: 14px;height: 36px;line-height: 36px;color: #fff;background: #242424;display: inline-block !important;text-align: center;padding: 0 15px;margin-left: 2px;vertical-align: top;cursor: pointer;}

input[readonly='readonly'], textarea[readonly='readonly']{background:#f4f4f4}

/*버튼*/
/*버튼스타일*/
.black_btn{font-size: 15px;background:#242424;color:#fff;display: inline-block;text-align: center;padding: 13px 15px;transition: background-color .4s;min-width: 120px;height:45px;}
.black_btn:hover{background-color:#000;}
.border_btn{font-size: 15px;border:1px solid #242424;display: inline-block;text-align: center;padding: 12px 15px 13px 15px;-webkit-padding-before:13px;transition: background-color .4s, color .4s;min-width: 120px;height:45px;}
.border_btn:hover{background-color:#242424;color:#fff;}
.gray_btn{font-size: 15px;background:#868686;color:#fff;display: inline-block;text-align: center;padding: 13px 15px;transition: background-color .4s;min-width: 120px;height:45px;}
.gray_btn:hover{background-color:#e21625;}
.blue_btn{font-size: 15px;background:#1c2750;color:#fff;display: inline-block;text-align: center;padding: 13px 15px;transition: background-color .4s;min-width: 120px;height:45px;}
.blue_btn:hover{background-color:#101631;}

.navy_btn{font-size: 15px;color:#fff;background-color:#1c2750;display: inline-block;text-align: center;padding: 10px 15px;transition: background-color .4s;position: relative;}
.navy_btn:hover{background-color:#101631;}
.navy_btn:after{display: none;}
.navy_btn.down, .navy_btn.link, .navy_btn.search{font-size:14px;padding:8px 15px 8px 34px;height: 35px;min-width: 120px;}
.navy_btn.down:before{content: '';width: 13px;height: 12px;background-image: url(/eng/images/common/bg.png);background-position:-325px -10px;background-repeat:no-repeat;position: absolute;left: 15px;top: 50%;margin-top: -6px;}
.navy_btn.link{padding:8px 32px 8px 15px;}
.navy_btn.link:before{content: '';width: 6px;height: 11px;background-image: url(/eng/images/common/bg.png);background-position:-10px -10px;background-repeat:no-repeat;position: absolute;right: 15px;top: 49%;transform: translateY(-50%);transition:right .4s}
.navy_btn.search[target="_blank"]{padding:9px 43px 8px 24px;}
.navy_btn.search[target="_blank"]:before{display: block;}
.navy_btn.search:before{content: '';width: 14px;height: 13px;background: url(/eng/images/sub/search_top3.png)center no-repeat;position: absolute;right: 22px;top: 50%;margin-top: -7px;}

.search_btn{background: #242424 url(/eng/images/common/search.png)center no-repeat;width: 43px;height: 40px;display: inline-block;font-size:0;line-height:0;}

.add_btn{font-size:0;width: 36px;height: 36px;display: inline-block;background:#1c2750;position: relative;}
.del_btn{font-size:0;width: 36px;height: 36px;display: inline-block;background:#868686;position: relative;}
.add_btn:after, .add_btn:before, .del_btn:before{content: '';width: 8px;height: 2px;background:#fff;position: absolute;left: 50%;top:50%;margin: -1px 0 0 -4px;}
.add_btn:after{transform: rotate(90deg);}

/*버튼위치*/
.btn_area{display: flex;align-items: center;justify-content: center;}
.btn_area a{margin-right:10px}
.btn_area a:last-child{margin-right:0 !important;}

/*레이아웃*/
.wrap{width: 1460px;margin:0 auto;}
.relative{position: relative;}
.flex{display: flex;}
.flex.f2>div{width: 50%;}
.j_left{justify-content: flex-start;}
.block{display: block;}
.hide{font-size:0;line-height:0;width: 0;height: 0;opacity: 0;}
.noscroll {position: fixed; overflow-y:scroll;width: 100%;}

.w120{width: 120px;}
.w125{width: 130px;}
.w130{width: 130px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w300{width: 300px;}
.w380{width: 380px;}
.w710{width: 710px;}
.w1P{width: 100% !important;}
.t_left{text-align: left !important;}
.t_center{text-align: center !important;}
.ellipsis1 {text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;display: block;max-width: 86%;}

/*컬러*/
.bold{font-weight: 500;}
.pointB01{color:#3a57c2}
.pointB02{color:#1977d0}
.pointB03{color:#242424 !important;}
.pointB04{color:#1c2750 !important;}
.pointB05{color:#04529b !important;}
.pointR01{color:#e21625;}
.pointR02{color:#b00f23;}
.pointG01{color: #666;}
.pointW{color:#fff}

/*마진, 패딩*/
.mt80{margin-top:80px !important;}
.mt60{margin-top: 60px !important;}
.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mt5{margin-top:5px !important;}
.mt0{margin-top:0px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb30{margin-bottom:30px !important;}

.m0{margin:0 !important;}
.p0{padding:0 !important;}

/*공통헤더*/
#header{height: 130px;background: #fff;width: 100%;position: absolute;top:0;z-index: 300;}
.header_top{height: 70px;display: flex;justify-content: space-between;}
.logo a{font-size: 0;line-height:0;background: url(/eng/images/common/logo_eng.png)center no-repeat;width: 230px;height: 35px;display: block;margin-top: 16px;background-size: 100%;image-rendering: -webkit-optimize-contrast;}
.util .top{display: flex;height: 70px;justify-content: flex-end;}


.login{display: flex;padding-left: 11px;position: relative;align-items: center;padding-right: 21px;}
.login:before{content: '';width: 4px;height: 4px;background:#013b82;border-radius: 50%;position: absolute;left: 0;top:23px;}
.login:after{right:0}
.login .name{font-size: 14px;color:#00387d;font-weight: 500;}
.login .timer{font-size: 14px;color:#333;background:#cee3fa;border-radius: 5px;padding:3px 0;width: 47px;text-align: center;margin: 0 12px;height: 24px;}
.login button{border: 1px solid #ccc;font-size: 12px;color:#00387d;font-weight: 500;padding: 7px 0; width: 79px;height: 30px;}
.lang{width: 120px;align-items: center;display: flex;justify-content: flex-end;}
.lang a{font-size: 13px;color:#00387d;font-weight: 500;padding-left: 47px;position: relative;height: 20px;line-height: 20px;display: block;}
.lang a:before{content: '';width: 20px;height: 20px;background: url(/eng/images/common/bg.png) -644px -10px no-repeat;position: absolute;left: 21px;top:0;}
.sns{display: flex;padding-left: 13px;align-items: center;}
.sns:after{left:0}
.sns a{font-size:0;line-height:0;width: 30px;height: 30px;display: block;border-radius: 50%;margin-left: 8px;background-image: url(/eng/images/common/bg.png);background-repeat: no-repeat;}
.sns .blog{background-position: -816px -10px;}
.sns .facebook{background-position: -866px -10px;}
.sns .instagram{background-position: -916px -10px;}
.sns .youtube{background-position: -966px -10px;}
.search_area .inner{display: flex;width: 550px;}
.search_area .inner input{border: 3px solid #00387d;width: calc(100% - 40px);border-radius: 0;}
.search_area .inner a{font-size:0;line-height:0;width: 40px;height: 40px;background-color: #00387d;background-image: url(/eng/images/common/bg.png);background-position: -718px -1px;background-repeat: no-repeat;}
.header_btm{background:#013b80;height: 60px;}
.header_btm .wrap{display: flex;}
.header_btm nav{width: calc(100% - 60px);}
.header_btm .sitemap{width: 60px;height: 59px;background:#062a63 url(/eng/images/common/sitemap.png)center no-repeat;border-left: 1px solid #052555;border-right: 1px solid #052555;}
.sitemap_btn{display: block;font-size:0;line-height:0;height: 100%;width: 100%;}

/*GNB*/
.open_btn{display: none;}
#gnbmenu{height: auto;}
.depth1{display: flex;}
.depth1>.more_depth{padding: 0 70px 0 70px;}
.depth1>.more_depth>a{font-size: 18px;color:#fff;font-weight: 500;line-height: 60px;display: block;position: relative;transition: color .4s;}
.depth1>.more_depth>a:after{content: '';width: 4px;height: 4px;border-radius: 50%;background: #acd0fb;position: absolute;right:-72px;top:50%;margin-top: -2px;}
.depth1>.more_depth:last-child>a:after{display: none;}
.depth1>.more_depth.hover>a{color:#5be6ff;}
.depth1>.more_depth.hover>a:before{content: '';width: 100%;height: 3px;background:#5be6ff;position: absolute;bottom:0;left:0;}
.depth1>.more_depth>a:hover{color:#5be6ff;}
.depth1>.more_depth>a:hover:before{content: '';width: 100%;height: 3px;background:#5be6ff;position: absolute;bottom:0;left:0;}
/* 헤더 인크루드시 color:#fff; */
/* .depth1>.more_depth>a.now{color:#fff;} */
/* .depth1>.more_depth>a.now:before{content: '';width: 100%;height: 3px;background:#5be6ff;position: absolute;bottom:0;left:0;} */
.depth1>.more_depth>a.now{color:#5be6ff;}
.depth1>.more_depth.hover>a.now{color:#5be6ff;}
.depth1>.menu01{padding-left: 0 !important;}
.depth1>.menu06{padding-right: 0 !important;}
.depth2{display: none;position: absolute;left: 0;top: 130px;width: 100%;background: #fff;}
.depth2:before{content: '';width: 100%;height: 80px;background:#ebf2fb;position: absolute;left: 0;top:0;}
.depth2 .menu_title, .depth2>ul{width: 1460px;margin: 0 auto;}
.depth2 .menu_title{font-size: 30px;font-weight: 500;color:#023d85;padding-left: 22px;position: relative;line-height: 80px;}
.depth2 .menu_title:before{content: '';width: 3px;height: 30px;background:#63a4f6;position: absolute;left: 0;top:23px;}
.depth2>ul{display: flex;flex-wrap: wrap;padding: 50px 0 130px 0;}
.depth2>ul>li{width: calc(25% - 30px);margin-right: 40px;}
.depth2>ul>li:nth-child(4n){margin-right: 0;}
.depth2>ul>li:nth-child(n+5){margin-top: 45px;}
.depth2>ul>li>a{font-size: 18px;font-weight: 500;color:#023d85;border-bottom:2px solid #023c84;padding:0 0 8px 8px;display: block;position: relative;}
.depth2>ul>li>a:after{content: '';width: 10px;height: 14px;background: url(/eng/images/common/bg.png)-200px -10px no-repeat;position: absolute;right:8px;top:5px;}
.depth3{padding-left: 8px;}
.depth3{margin-top: 10px;}
.depth3>li{margin-bottom: 7px;}
.depth3>li:last-child{margin-bottom:0}
.depth3>li>a{color:#555;font-weight: 500;display: inline-block;transition: .4s;}
.depth3>li>a:hover{color:#ed1b2e;text-decoration: underline;}
.btn_wrap{position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.nav_close{font-size:0;line-height:0;width: 26px;height: 26px;background: url(/eng/images/common/nav_close.png)center no-repeat;position: absolute;right:20px;top:27px}
.shadow{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.65);z-index: 200;display: none;}
.shadow2{position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,.65);z-index: 400;display: none;}
/*푸터*/

#footer{background: #2f2f2f;padding-bottom: 36px;position: relative;}
.footer_top{background:#424242;height: 50px;border-bottom:1px solid #4d4d4d;}
.footer_top .wrap{display: flex;justify-content: space-between;height: 50px;}
.footer_top .left{display: flex;}
.footer_top .left a{font-size: 14px;color:#fff;margin-right: 40px;line-height: 50px;position: relative;padding-left: 40px;}
.footer_top .left a:before{content: '';background: url(/eng/images/common/foot_icon01.png)center no-repeat;width: 26px;height: 50px;display: inline-block;position: absolute;left: 0;}
.footer_top .left a:after{content: '';width: 1px;height: 16px;background:#717171;position: absolute;right:-21px;top:17px;}
.footer_top .left a:last-child{margin-right: 0;}
.footer_top .left a:last-child:after{display: none;}
.footer_top .right{display: flex;}
.footer_top .right .link_btn{color:#fff;border-left:1px solid #515151;width: 206px;display: block;background-color:#393939;padding: 16px 20px;height: 49px;position: relative;}
.footer_top .right .link_btn:after{content: '';width: 8px; height: 15px;background-image: url(/eng/images/common/bg.png);background-position:-116px -10px;background-repeat: no-repeat;position: absolute;right:20px;top:17px;}
.footer_top .site_link{width: 206px;position: relative;}
.footer_top .site_link .link_btn{color:#fff;display: block;border-right:1px solid #515151;font-size: 14px;}
.footer_top .site_link .link_btn:after{width: 15px; height: 15px;background-position:-358px -10px;}
.sitelink_area{display: none;position: absolute;left: 0;bottom: 50px;width:100%;background:#393939;border: 1px solid #515151;z-index: 10;padding: 20px 12px;overflow-y: auto;}
.sitelink_area dt{color:#a8d3fe;margin-bottom: 13px;padding:0 7px;}
.sitelink_area .alt{border-top:1px dashed #5a5a5a;padding-top: 20px;margin-top:20px;}
.sitelink_area dd{margin:0 7px;margin-top: 6px;}
.sitelink_area dd a{font-size: 13px;color:#fff;display: block;transition:color .4s}
.sitelink_area dd a:hover{color:#5be6ff;text-decoration: underline;}

.footer_btm .wrap{display: flex;margin-top: 22px;}
.foot_logo{font-size: 0;line-height: 0;width: 180px;height: 27px;background: url(/eng/images/common/foot_logo.png)center no-repeat;background-size: 100%;image-rendering: -webkit-optimize-contrast;}
address{margin-left: 40px;width: calc(100% - 479px);}
address p{font-size:12px;color:#ddd;margin-bottom: 5px;}
address p span{display: inline-block;margin-right: 10px;}
address p a{color:#ddd}
address .copyright{margin: 10px 0 0 0;}
address .copyright strong{color:#fff;font-weight: 500;}
.mark{display: flex;margin-left: auto;width: 260px;}
.mark a{font-size:0;line-height: 0;width: 69px;height: 44px;background-position: center;background-repeat: no-repeat;margin-left: 18px;}
.mark .isms-p{background-image: url(/eng/images/common/ismsp.png);}
.mark .web_open{background-image: url(/eng/images/common/web_open.png);}
.mark .accessibility{background-image: url(/eng/images/common/wa.png);}

.top_btn{width: 40px;height: 40px;font-size: 12px;color:#fff;background-color: #1c5198;position: absolute;right:20px;top:50px;padding-top: 11px;display: none;}
.top_btn:before{content: '';width:8px;height:12px;background-image: url(/eng/images/common/bg.png);background-position: -87px -11px;background-repeat: no-repeat;position: absolute;top:3px;left:50%;margin-left: -6px;transform: rotate(90deg);opacity: 0.5;}

/*새창보기*/
.depth3>li>a[target="_blank"], .depth2>ul>li>a[target="_blank"], .border_btn[target="_blank"] span{padding-right:20px;position: relative;}
.depth3>li>a[target="_blank"]:after, .depth2>ul>li>a[target="_blank"]:after, .border_btn[target="_blank"] span:after{content: '';width: 15px;height: 13px;background: url(/eng/images/common/new_win.png)center no-repeat;position: absolute;right: 0;top: 3px;}
.border_btn[target="_blank"]:hover span:after{background: url(/eng/images/common/new_win_w.png)center no-repeat;}
.navy_btn[target="_blank"]{padding: 8px 15px;}
.navy_btn[target="_blank"]:before{display: none;}
.navy_btn[target="_blank"] span{padding-right:20px;position: relative;}
.navy_btn[target="_blank"] span:after{content: '';width: 15px;height: 13px;background: url(/eng/images/common/new_win_w.png)center no-repeat;position: absolute;right: 0;top: 3px;display:block;}

/*팝업*/
.pop_layer{background:#fff;min-width: 540px;position: fixed;left: 50%;top: 48%;z-index: 520;display:none;border-radius: 20px;}
.pop_title{background: #013b80;font-size: 20px;color: #fff;font-weight: 400;padding: 14px 50px 14px 20px;border-top-right-radius: 16px;;border-top-left-radius: 16px;text-align: left;}
.pop_inner{padding: 20px;height: calc(100% - 54px);text-align: center;}
.pop_inner .cts{text-align: left;}
.pop_inner .text{line-height:1.5}
.pop_close{font-size:0;line-height:0;width:17px;height:16px;position: absolute;right:19px;top:19px;background: url(/eng/images/common/close_btn2.png)left top no-repeat;}
.pop_layer .btnArea{margin-top:50px}
.pop_layer .btnArea a{padding: 11px 15px;min-width: 148px;height: 44px;font-size: 15px;}
.pop_layer .line{width: 100%;height: 1px;background: url(/eng/images/common/pattern01.png)left bottom repeat-x;margin: 20px 0;}


/*사이트맵*/
.sitmap_search{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;position: relative;}
.sitmap_search .inner{width: 900px;}
.sitmap_search .inner input{border: 5px solid #1c2750;border-right:none;font-size: 20px;padding: 16px 20px;height: auto;width: calc(100% - 80px);}
.sitmap_search .inner .search_new_start{width: 80px;height: 70px;background: #1c2750 url(/eng/images/common/search_b.png)center no-repeat;}

/* 사이트맵 검색결과 */
.search_result{width: 900px;border: 5px solid #1c2750;border-top: none;position: absolute;height: 290px;top: 70px;z-index: 1;background: #fff;left: 50%;transform: translateX(-50%);display: none;}
.search_result>ul{width: 100%;padding: 5px 20px;height: 100%;overflow-y: scroll;}
.search_result>ul>li{border-bottom: 1px solid #d9d9d9;padding: 10px 0;}
.search_result>ul>li>a{font-size: 16px;line-height: 24px;color: #666;}
.search_result>ul>li>a>span{color: #242424;}
.search_result>.srch_closebtn{background:#1c2750 url(/eng/images/common/close_btn1.png)center no-repeat;width: 50px;height: 50px;display: inline-block;font-size: 0;line-height: 0;position: absolute;right: -5px;bottom: -50px;z-index: 1;}

.search_terms{display: flex;width: 100%;max-width: 900px;margin-top: 15px;align-items: center;height: 30px;}
.search_terms dt{font-size: 14px;color:#fff;background-color: #3a57c2;padding: 6px 10px;white-space: nowrap;}
.search_terms dd{height: 30px;overflow: hidden;}
.search_terms dd a{font-size: 14px;margin-left: 15px;display: inline-block;line-height: 30px;transition: color .4s;}
.search_terms dd a:hover{color: #3a57c2;text-decoration: underline;}

/* 사이트맵 추가 */
.site_box_wrap{position: relative;display: flex;width: 100%;margin-top: 45px;}
.site_box_list{height: 55px;width: calc(16.666% - 8.3px);margin-right: 10px;}
.site_box_list:last-child{margin-right: 0;}
.site_box_list>a{width: 100%;height: 100%;display: inline-block; border: 1px solid #d9d9d9;line-height: 55px;padding-left:20px;position: relative;font-size: 15px;}
.site_box_list>a:before{content: '';position: absolute;right: 10px;top: 10px;width: 18px;height: 18px;border: 1px solid #d9d9d9;}
.site_box_list>a>span{transition:color .4s;}
.site_box_list a:hover, .site_box_list a.active{background-color: #f5f5f5;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.21);border: 1px solid #1977d0;}
.site_box_list a:hover span, .site_box_list a.active span{color:#3a57c2;font-weight: 500;}
.site_box_wrap.check>.site_box_list>a:before{transition:border-color .4s;}
.site_box_wrap.check>.site_box_list>a:hover:before, .site_box_wrap.check>.site_box_list>a.active:before{border-color: #1977d0;background: url(/eng/images/sub/check.png)center no-repeat;}
.site_box .depth02>li>a.check{background: #2183df;color: #fff;border: 1px solid #2183df;}
.site_box .depth02>li>a.check[target="_blank"]:after{background: url(/eng/images/common/new_win_w.png)center no-repeat;}
.site_box .depth02>li:hover>a.check{color:#fff;}
.depth04>a{position: relative;padding-right: 15px;}
.depth04>a:after{content: '';display: inline-block;width: 9px;height: 9px;background: url(/eng/images/common/4depth_more.png);background-position: 0 0;background-repeat: no-repeat; position: absolute;right: 0;top: 5px;}
.depth04.click>a{color: #3a57c2;}
.depth04.click:before{background: #3a57c2;}
.depth04.click>a:after{background-position: 0 -9px;}
.depth04>ul{display: none;background: #efeff1;position: relative;width: calc(100% + 30px);left: -30px;padding: 10px 20px 10px 30px;margin: 5px 0;}
.depth04>ul>li{position: relative;padding-left: 14px;font-size: 14px;margin-bottom: 5px;}
.depth04>ul>li:last-child{margin-bottom: 0;}
.depth04>ul>li:before{content: '';display: inline-block;width: 3px;height: 1px;background: #242424;position: absolute;top: 9px;left: 4px;}
.depth04>ul>li>a:hover{color: #3a57c2;text-decoration: underline;}
/* //사이트맵 추가 */

.site_box{background-color: #fafafa;position: relative;padding: 55px 30px 30px 30px;margin-top: 65px;}
.site_box .depth01{font-size: 18px;color:#fff;font-weight: 500;background-color: #1c2750;text-align: center;width: 200px;height: 50px;line-height: 50px;position: absolute;left: 0;top:-22px;}
.site_box .depth01>a{color: #fff;display: block;transition:color .4s;}
.site_box .depth01>a:hover{color: #5be6ff;}
.site_box .depth02{display: flex;flex-wrap: wrap;}
.site_box .depth02>li{margin-right:30px;width: calc(20% - 24px);}
.site_box .depth02>li:nth-child(5n){margin-right: 0;}
.site_box .depth02>li:nth-child(n+6){margin-top: 25px;}
.site_box .depth02>li>a{background: #fff;border:1px solid #d9d9d9;width: 100%;padding: 12px 10px;display: block;text-align: center;transition: all 0.3s;}
.site_box .depth02>li:hover>a{color:#023d85;font-weight: 600;}

.site_box .depth03{padding: 15px 0 0 20px;}
.site_box .depth03>li>a{display: inline-block;transition: all .4s;}
.site_box .depth03>li>a:hover{color:#3a57c2;text-decoration: underline;}

.site_box .depth02>li>a[target="_blank"], .site_box .depth03>li>a[target="_blank"]{padding-right:20px;position: relative;}
.site_box .depth02>li>a[target="_blank"]:after, .site_box .depth03>li>a[target="_blank"]:after{content: '';width: 15px;height: 13px;background: url(/eng/images/common/new_win.png)center no-repeat;position: absolute;right: 0;top: 3px;}
.site_box .depth02>li>a[target="_blank"]:after{top: 50%;margin-top: -8px;right: 15px;}

.site_box.onedepth_Box{background-color: #fff;padding: 0;}

/* 1depth짜리 사이트맵틀 */
.depth1_linkbox{background-color: #fafafa;position: relative;padding: 55px 30px 30px 30px;margin-top: 75px;}
.depth1_linkbox .depth01{font-size: 18px;color:#fff;font-weight: 500;background-color: #1c2750;text-align: center;width: 200px;height: 50px;line-height: 50px;position: absolute;left: 0;top:-22px;}
.depth1_linkbox .depth02{display: flex;flex-wrap: wrap;}
.depth1_linkbox .depth02>li{width: 20%;}

.depth1_linkbox li>a[target="_blank"]{padding-right:20px;position: relative;}
.depth1_linkbox li>a[target="_blank"]:after{content: '';width: 15px;height: 12px;background: url(/eng/images/common/new_win_b.png)center no-repeat;position: absolute;right: 0;top: 3px;}

/* 로딩페이지 */
#loading_pg{background: rgba(0, 0, 0, 0.4);color:#555;font-size: 20px;font-weight: bold;text-align: center;position: fixed;left:0;top: 0;height: 100%;width: 100%;z-index: 9000;display: none;}
.spinner_wrap{margin: 45vh auto 0;width: 50px;height: 50px;position: relative;}
.spinner_wrap .spinner01 > div, .spinner_wrap .spinner02 > div{width: 12px;height: 12px;background-color: #fff;border-radius: 100%;position: absolute;-webkit-animation: loading_ani 1.2s infinite ease-in-out;animation: loading_ani 1.2s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.spinner_wrap .spinner{position: absolute;width: 100%;height: 100%;}
.spinner_wrap .spinner02{-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.spinner_wrap .circle1{top: 0; left: 0; }
.spinner_wrap .circle2{top: 0; right: 0; }
.spinner_wrap .circle3{right: 0; bottom: 0;}
.spinner_wrap .circle4{left: 0; bottom: 0;}
.spinner_wrap .spinner02 .circle1{-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner_wrap .spinner01 .circle2{-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner_wrap .spinner02 .circle2{-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
.spinner_wrap .spinner01 .circle3{-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.spinner_wrap .spinner02 .circle3{-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.spinner_wrap .spinner01 .circle4{-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.spinner_wrap .spinner02 .circle4{-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}

@-webkit-keyframes loading_ani {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes loading_ani {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* //로딩페이지 */