@charset "utf-8";
.inner{position:relative;max-width:1240px; width:1240px;margin:0 auto; box-sizing:border-box}

#header {position:relative;background:#fff;height:140px;border-bottom:1px solid #eee;z-index:100;box-sizing:border-box;min-width:1240px;}

/* top_unit */
.t_unit_wrap{background:#131926;color:#fff;height:42px;font-size:0.85em}
.l_unit a{display:block;padding:12px 14px}
.l_unit li,.lang_select li{float:left}
.l_unit li {background:url('../img/main/bg_t_unit.png') no-repeat 0 0;background-size:cover}
.l_unit li:first-child{background:#fff;color:#000 !important}
.l_unit li:nth-child(2){background-color:#20389a }
.l_unit li:nth-child(3){background-color:#c49900 }
.l_unit li:nth-child(4){background-color:#d62430 }
.l_unit li a:before{content:'';display:inline-block;width:18px;height:18px;background:url('../img/ir.png') no-repeat -334px -10px ;vertical-align:bottom;margin-right:2px}
.l_unit li:first-child a:before{background-position:-294px -10px}

.r_unit a.t_sitemap{padding:12px;display:inline-block;vertical-align: middle;color:#bbb;}
.r_unit a.t_sitemap:before{content:'';display:inline-block;width:14px;height:14px;background:url('../img/ir.png') no-repeat -370px -13px ;vertical-align:middle;margin-right:4px}
.r_unit .lang_select {display:inline-block;vertical-align:middle;border:1px solid #bbb;border-radius:28px}
.r_unit .lang_select a{display:block;padding:6px;width:28px;height:28px;border-radius:50%;color:#bbb}
.r_unit .lang_select a.select_lng,.r_unit .lang_select a:hover{color:#fff;background:#1173db;box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);}

#header h1{position:absolute;z-index:101}
#header h1 a{display:block; width:260px; height:60px; font-size:0; background:url('../img/ir.png') no-repeat -10px -10px;margin-top:18px}

/* pc_menu */
#gnb{position:relative;min-width:1240px;}
#gnb .gnbWrap > ul{margin:0 auto;padding-left:200px;margin-top:45px;text-align:center;height:56px}
#gnb .gnbWrap > ul > li{display:inline-block;}
#gnb .gnbWrap > ul > li + li{margin-left:40px;}
#gnb .gnbWrap > ul > li > a{position:relative;display:block;font-size:1.25em;font-weight:500;letter-spacing:-1.2px}
#gnb .gnb_dep2{position:absolute;left:0;top:53px;width:20%;background:#fff;height:0;text-align:left;overflow:hidden;z-index:140;}
#gnb .gnb_dep2 li{padding:0px 30px 13px;color:#666;}
#gnb .gnb_dep2 li.menu_title{padding:34px 30px 20px;font-size:1.1em;font-weight:500;color:#000}
#gnb .gnb_dep2 li a:hover{color:#20389a;text-decoration:underline;}
#gnb .gnbWrap > ul > li:last-child .gnb_dep2{border-right:1px solid #eee;}
#gnb .gnbWrap > ul > li:nth-child(odd) .gnb_dep2{border-left:1px solid #eee;border-right:1px solid #eee;}
#gnb .gnbWrap > ul > li:nth-child(2) .gnb_dep2{left:20%;}
#gnb .gnbWrap > ul > li:nth-child(3) .gnb_dep2{left:40%;}
#gnb .gnbWrap > ul > li:nth-child(4) .gnb_dep2{left:60%;}
#gnb .gnbWrap > ul > li:nth-child(5) .gnb_dep2{left:80%;}
#gnb .gnbWrap > ul > li:hover .gnb_dep2{border-top:2px solid #20389a;background:#fafafa;}
#gnb .tmnBg{position:absolute;top:97px;left:0;width:100%;height:0;border-top:1px solid #eee;background:#fff;z-index:100;}

#gnb .depth1:hover{color:#20389a }
#gnb .depth1:before,#gnb .depth1:after{content: '';position: absolute;transition: transform .2s ease;}
#gnb .depth1:before {content:'';position: absolute;left: 0;bottom: -4px;width: 100%;height: 3px;background: #20389a;transform: scaleX(0);}
#gnb .depth1:hover:before {transform: scaleX(1);}

a.all_menu{position:absolute;display:block;right:0;top:-14px;width:44px;height:44px;font-size:0px;background:url('../img/ir.png') no-repeat -455px -10px #20389a;}
.all_menu_wrap{display:none;position:absolute;top:98px;left:0;z-index:300;width:100%;padding:50px 0 40px;background:url('../img/main/bg_nav_all.jpg') top center no-repeat #0d1b51;color:#fff;background-size:cover}
.all_menu_wrap .title_box{width:15%;float:left;font-size:1.750em;color:#c0c8ec}
.all_menu_wrap .all_mn_fs{margin-top:30px;font-size:0.536em;}
.all_menu_wrap .all_dep1{width:85%;float:left}
.all_menu_wrap .all_dep1 > li{position:relative;float:left;width:20%;min-height:440px;padding:0px 26px;}
.all_menu_wrap .all_dep1 > li > a{position:relative;font-weight:500;font-size:1.05em;margin-bottom:16px;padding:6px 0 2px; letter-spacing:-2px}
.all_menu_wrap .all_dep1 .last{position:absolute;left:26px;bottom:0;}
.all_menu_wrap .all_dep2 > li > a,.all_menu_wrap .last a{display:block;font-size:0.938em;padding:5px 0;opacity:.9}
.all_menu_wrap .all_dep3{margin:10px 0;position:relative;}
.all_menu_wrap .all_dep3 li > a{padding-left:16px;font-size:0.875em;padding-bottom:5px;opacity:.7}
.all_menu_wrap .all_dep1 > li:before,.all_menu_wrap .all_dep3:before{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:rgba(255,255,255,.2)}
.all_menu_wrap .all_dep1 > li:last-child:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:rgba(255,255,255,.2)}
.all_menu_wrap .all_dep1 > li > a:before{content:'';position:absolute;top:0;left:-26px;width:4px;height:100%;background:#c0c8ec}
.all_menu_wrap a:hover,.all_menu_wrap a:focus{opacity:1 !important;color:#2edfe1}

/* footer */
#footer{min-width:1240px;padding:50px 0 80px;background:#1c1f29;color:#868ba1;font-size:0.875em}
#footer a:hover{text-decoration:underline}
#footer > .inner > div{position:relative;}
#footer > .inner .fl {width:40%}
#footer > .inner .fr {position:relative;width:60%}
#footer .f_logo{position:relative;}
#footer .f_logo:before{content:'';display:block; width:260px; height:60px; font-size:0; background:url('../img/ir.png') no-repeat -10px -84px;margin-top:18px}
#footer .f_link{padding:40px 0 24px;margin-bottom:30px;border-bottom:1px solid #33363f}
#footer .f_link a{position:relative;padding:0 14px;font-size:1.143em}
#footer .f_link a:first-child{padding-left:0}
#footer .f_link a:before{content:'';position:absolute;top:8px;right:-2px;width:3px;height:3px;background:#868ba1;border-radius:50%}
#footer .f_link a:last-child:before{display:none}
#footer > div > .fl{padding-right:50px}
#footer .fr{padding:40px 0;background:#242732;color:#b6bcd7}
#footer .fr > div{float:left;padding:0 30px;}
#footer .fr .askinfo {width:60%;}
/*#footer .fr .askinfo .ask {display:flex;flex-wrap:wrap;}*/
/*#footer .fr .askinfo .ask li {margin-right:10px;}*/
#footer .fr .opentime{border-right:1px dashed #50525b;width:40%;}
#footer .fr p.title{position:relative;padding-left:50px;font-size:1.571em;font-weight:500}
#footer .fr p.title:before{content:'';position:absolute;top:-8px;left:0;display:inline-block;width:40px;height:40px;background:url('../img/ir.png') no-repeat -508px -10px}
#footer .fr > div > ul{position:relative;margin:20px 0 0;padding:16px 20px;background:#20232d;}
#footer .fr > div > ul > li{padding:4px 0}
#footer .fr > div > ul > li > span,#footer .fr .add_text p.tit{position:relative;display:inline-block;padding-left:8px;margin-right:10px;}
#footer .fr > div > ul > li > span:before,#footer .fr .add_text p.tit:before{content:'';position:absolute;left:0;top:5px;height:3px;width:3px;background:#b6bcd7;opacity:.5}
#footer .fr table{border-top:2px solid #50525b;margin-top:10px;font-size:0.9em;margin-bottom:0}
#footer .fr table th,#footer .fr table td{border-color:#50525b;background:transparent;color:#b6bcd7;font-size:13px;padding:0px 4px}
#footer .fr table th{padding:4px}
#footer .fr table th:nth-child(2){width:26%}
#footer .fr table ul li{color:#b6bcd7;margin:0;padding-left:0;text-align:center;}
/*#footer .fr table ul li:before{top:8px}*/
#footer .fr table ul li:before{display:none;}
#footer .fr .askinfo p.title:before{background-position:-552px -10px}
/*#footer .fr .add_text p.tit{width:44%}*/
/*#footer .fr .add_text p.text{width:51%}*/
#footer .ask_2 .add_text {display:flex;}
#footer .fr .more{position:absolute;top:54px;right:40px;}

@keyframes animate_background {0% {transform:scale(1.1) rotate(.001deg);} 100% {transform:scale(1) rotate(.001deg);}}
@keyframes fadein {0% {margin-top:-30px; opacity: 0; } 100%{ margin-top:0px; opacity: 1; }}


/* list_style */
.list01 {margin-top:10px;}
.list01 li{position:relative;padding-left:12px;margin:7px 0}
.list01 li:before{content:'';position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:50%;background:#d52b2d;line-height:1.68}
.list02 {margin:8px 6px;}
.list02 li{position:relative;padding-left:12px;font-size:0.94em;color:#646671;line-height:1.68;margin:4px 0}
.list02 li:before{content:'';position:absolute;top:12px;left:0;width:6px;height:2px;background:#8491c5}
