@charset "utf-8";
*{ font-family: "NanumSquareNeo", 맑은 고딕, 微软雅黑, sans-serif;}
html{ overflow-y: scroll; width: 100%; height: 100%; background: #333;}
body{ overflow: hidden; background: #FFF; -webkit-text-size-adjust: none; word-break: keep-all; font-size: 63%; font-weight: 300; letter-spacing: 0; color: #000;}
@media(max-width: 1400px){
    body{ font-size: 55%;}
}
@media(max-width: 767px){
    body{ font-size: 50%;}
}


.type_full{ padding: 0 100px;}
.type_row{ margin: 0 auto; max-width: 1200px;}
@media(max-width: 1400px){
    .type_full{ padding: 0 50px;}
}
@media(max-width: 767px){
    .type_full{ padding: 0 15px;}
}


.all_menu_btn_close{ display: none; position: absolute; z-index: 130; top: 30px; right: 100px; width: 25px; height: 40px; cursor: pointer;}
.all_menu_btn_close.open{ display: block;}
.all_menu_btn{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 120; top: 30px; right: 100px; width: 25px; height: 40px; cursor: pointer;}
.all_menu_btn #nav-icon1{ margin: 0; width: 25px; height: 20px;}
.all_menu_btn #nav-icon1 span{ height: 2px; border-radius: 0; background: #FFF;}
.all_menu_btn #nav-icon1 span:nth-child(1){ top: 0;}
.all_menu_btn #nav-icon1 span:nth-child(2){ top: 9px; width: 20px;}
.all_menu_btn #nav-icon1 span:nth-child(3){ top: 18px;}
.all_menu_btn #nav-icon1.open span{ background:#FFF;}
.all_menu_btn #nav-icon1.open span:nth-child(1){ top: 9px;}
.all_menu_btn #nav-icon1.open span:nth-child(3){ top: 9px;}
@media(max-width: 1400px){
    .all_menu_btn_close{ right: 50px;}
    .all_menu_btn{ right: 50px;}
}
@media(max-width: 767px){
    .all_menu_btn_close{ top: 15px; right: 15px; width: 20px; height: 30px;}
    .all_menu_btn{ top: 15px; right: 15px; width: 20px; height: 30px;}
    .all_menu_btn #nav-icon1{ width: 20px; height: 18px;}
    .all_menu_btn #nav-icon1 span{ width: 20px;}
    .all_menu_btn #nav-icon1 span:nth-child(2){ top: 8px; width: 16px;}
    .all_menu_btn #nav-icon1 span:nth-child(3){ top: 16px;}
    .all_menu_btn #nav-icon1.open span:nth-child(1){ top: 9px;}
    .all_menu_btn #nav-icon1.open span:nth-child(3){ top: 9px;}
}


.all_menu{ position: fixed; z-index: 110; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0,0,0,0.9); opacity: 0; transition: opacity .3s;}
.all_menu .row{ overflow: auto; display: flex; flex-direction: column; align-items: center; position: fixed; top: 0; right: 100%; bottom: 0; left: -100%; width: 500px; padding: 50px; background: #FFF; opacity: 0; transition: all .5s;}
.all_menu .logo{ display: block;}
.all_menu .logo img{ display: block; width: auto; height: 40px;}
.all_menu .menu{ margin: 30px 0 0 0; width: 100%;}
.all_menu .menu > ul{}
.all_menu .menu > ul > li{ padding: 20px 0; border-top:1px solid #DDD; cursor: pointer;}
.all_menu .menu > ul > li:first-child{ border:0;}
.all_menu .menu > ul > li > a{ display: flex; justify-content: space-between; align-items: center;}
.all_menu .menu > ul > li > a p{ font-size: 2em; font-weight: 400; color: #000;}
.all_menu .menu > ul > li > a i{ font-size: 1.4em; color: #999; transition: all .5s;}

.all_menu .menu > ul > li > ul{ display: none; padding: 10px 0 0 0;}
.all_menu .menu > ul > li > ul li{}
.all_menu .menu > ul > li > ul li a{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 15px 20px; cursor: pointer;}
.all_menu .menu > ul > li > ul li a p{ font-size: 1.5em; color: #666;}
.all_menu .menu > ul > li > ul li a i{ font-size: 1.4em; color: #DDD;}

.all_menu .menu > ul > li.on > a p{ font-weight: 500; color: #004995;}
.all_menu .menu > ul > li.on > a i{ color: #004995; transform: rotate(180deg);}
.all_menu .menu > ul > li > ul li.on a p{ font-weight: 400; color: #004995;}
.all_menu .menu > ul > li > ul li.on a i{ color: #004995;}
.all_menu.on{ right: 0; left: 0; opacity: 1;}
.all_menu.on .row{ right: 50%; left: 0; opacity: 1;}
@media(max-width: 1400px){
}
@media(max-width: 767px){
    .all_menu .row{ width: auto; padding: 30px 50px;}
    .all_menu .logo img{ height: 25px;}
    .all_menu .menu > ul > li{ padding: 15px 0;}
    .all_menu .menu > ul > li > ul li a{ padding: 10px 10px;}
    .all_menu .menu > ul > li > ul li a p{ font-size: 14px;}
    .all_menu.on .row{ right: 50px;}
}


.header{ display: flex; justify-content: space-between; align-items: center; position: absolute; z-index: 100; top: 0; right: 0; left: 0; height: 100px; border-bottom: 1px solid rgba(255 255 255/15%); transition: all .5s;}
.header .logo{ display: block; position: relative; z-index: 10; height: 40px;}
.header .logo img{ display: block; width: auto; height: 100%;}
.header .fr{ display: flex; align-items: center; position: relative; z-index: 10; margin: 0 65px 0 0;}
.header .fr .menu{ display: flex; align-items: center;}
.header .fr .menu > li{ position: relative; margin: 0 0 0 40px;}
.header .fr .menu > li > a{ display: flex; align-items: center; height: 50px;}
.header .fr .menu > li > a p{ font-size: 1.7em; color: rgba(255 255 255/80%);}
.header .fr .menu > li.on > a p{ font-weight: 400; color: rgba(255 255 255/100%);}
.header .fr .menu > li ul{ overflow: hidden; position: absolute; z-index: 10; top: 60px; left: 50%; transform: translate(-50%,0); width: 220px; height: 0; border-radius: 5px; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0 0 0/30%); opacity: 0; transition: all .2s;}
.header .fr .menu > li ul li{ position: relative;}
.header .fr .menu > li ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; transition:all .1s;}
.header .fr .menu > li ul li a p{ font-size: 1.3em; color: #000;}
.header .fr .menu > li ul li a i{ font-size: 1.3em; color: #999;}
.header .fr .menu > li:hover ul{ top: 50px; height: auto; opacity: 1;}
.header .fr .menu > li ul li:hover > a{ background: #f5f5f5;}
.header .fr .menu > li ul li:hover ul{ display:block;}
.header .fr .menu > li ul li.on > a p{ font-weight: 400; color: #004995;}
.header .fr .menu > li ul li.on > a i{ color: #004995;}

.header .fr .kr{ position: relative; margin: 0 0 0 40px;}
.header .fr .kr > a{ display: flex; align-items: center; padding: 0 20px; height: 35px; border-radius: 20px; border: 1px solid rgba(255 255 255/20%); cursor: pointer;}
.header .fr .kr > a p{ font-size: 1.2em; color: #FFF;}
.header .fr .kr > a i{ margin: 0 0 0 15px; font-size: 1.4em; color: #FFF;}
.header .fr .kr ul{ overflow: hidden; position: absolute; top: 40px; right: 0; left: 0; padding: 0; height: 0; border-radius: 15px; background: #FFF; box-shadow: 0 0 15px 0 rgba(0 0 0/15%); opacity: 0; transition: all .2s;}
.header .fr .kr ul > li{}
.header .fr .kr ul > li a{ display: block; padding: 7px 0; font-size: 1.2em; color: #666;}
.header .fr .kr ul > li.on a{ font-weight: 300; color: #004995;}
.header .fr .kr:hover ul{ top: 35px; padding: 10px 20px; height: auto; opacity: 1;}

.header .fr .btn{ display: flex; justify-content: center; align-items: center; margin: 0 40px 0 0; width: 150px; height: 40px; border-radius: 20px; background: #004995;}
.header .fr .btn p{ font-size: 1.4em; color: #FFF;}
.header .fr .btn i{ margin: 0 0 0 10px; font-size: 1.4em; color: #FFF;}
.header .btn_en{ display: none; justify-content: center; align-items: center; margin: 0 65px 0 0; width: 140px; height: 40px; border-radius: 20px; background: #004995; cursor: pointer;}
.header .btn_en p{ font-size: 1.4em; color: #FFF;}
.header .btn_en i{ margin: 0 0 0 10px; font-size: 1.4em; color: #FFF;}
@media(max-width: 1400px){
    .header .fr .menu > li:hover ul{ display: none;}
}
@media(max-width: 1025px){
    .header .fr{ margin: 0 55px 0 0;}
    .header .fr .menu > li{ margin: 0 0 0 20px;}
    .header .fr .kr{ margin: 0 0 0 20px; padding: 0 10px;}
    .header .fr .kr > a i{ margin: 0 0 0 10px;}
}
@media(max-width: 767px){
    .header{ padding: 0 15px; height: 60px;}
    .header .logo{ height: 25px;}
    .header .fr{ margin: 0 30px 0 0;}
    .header .fr .menu{ display: none;}
    .header .fr .kr{ margin: 0;}
    .header .fr .kr > a{ padding: 0 15px; height: 30px;}
    .header .fr .kr > a i{ margin: 0 0 0 10px;}
    .header .fr .kr:hover ul{ top: 30px; padding: 5px 15px;}
}


.footer{ margin: 100px 0 0 0; padding: 80px 0; background: #333;}
.footer .type_row{ display: flex; justify-content: space-between; align-items: flex-start; margin: 0 auto; max-width: 1200px;}
.footer .type_row .fl{ display: flex; flex-direction: column; align-items: flex-start;}
.footer .type_row .fl .logo{ display: block;}
.footer .type_row .fl .logo img{ display: block; width: auto; height: 40px;}
.footer .type_row .fl .copy{ margin: 30px 0 0 0; line-height: 1.5; font-size: 1.2em; color: rgba(255 255 255 / 50%); letter-spacing: 0; text-transform: uppercase;}
.footer .type_row .fr{ display: flex;}
.footer .type_row .fr .li{ margin: 0 0 0 80px;}
.footer .type_row .fr .li .tit{ margin: 0 0 20px 0; font-size: 1.5em; color: #FFF; text-transform: uppercase;}
.footer .type_row .fr .li .txt{ padding: 8px 0 8px 90px; font-size: 1.2em; color: rgba(255 255 255 / 50%);}
.footer .type_row .fr .li .txt span{ float: left; margin: 0 0 0 -90px; color: rgba(255 255 255 / 80%);}
.footer .type_row .fr .li .tt{ padding: 5px 0 0 0; line-height: 1.5; font-size: 1.2em; color: rgba(255 255 255 / 50%);}
@media(max-width: 1400px){
    .footer{ margin: 80px 0 0 0; padding: 80px 50px 100px 50px;}
}
@media(max-width: 1025px){
    .footer .type_row{ display: block;}
    .footer .type_row .fl{ align-items: center;}
    .footer .type_row .fl .logo{ margin: 0;}
    .footer .type_row .fl .copy{ margin: 30px 0 50px 0; text-align: center;}
    .footer .type_row .fr{ justify-content: center; margin: 0 -20px;}
    .footer .type_row .fr .li{ margin: 0 20px;}
}
@media(max-width: 767px){
    .footer{ margin: 40px 0 0 0; padding: 0;}
    .footer .type_row .fl{ padding: 30px 0;}
    .footer .type_row .fl .logo img{ height: 25px;}
    .footer .type_row .fl .copy{ margin: 15px 0 0 0; font-size: 10px;}
    .footer .type_row .fr{ flex-direction: column; align-items: center;}
    .footer .type_row .fr .li{ display: flex; flex-direction: column; align-items: center; padding: 30px 0; width: 100%; border-top: 1px solid rgba(255 255 255/10%);}
    .footer .type_row .fr .li .tit{ margin: 0 0 15px 0; font-size: 1.8em; text-align: center;}
    .footer .type_row .fr .li .txt{ width: 230px;}
    .footer .type_row .fr .li .tt{ text-align: center;}
    .footer .type_row .fr .li .tt br{ display: none;}
}


.scroll_top{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 100; right: 100px; bottom: 100px; width: 60px; height: 60px; background: #004995; cursor: pointer; opacity: 0; transform: translate(0,30px); transition: all .5s;}
.scroll_top i{ font-size: 2.5em; color: #FFF;}
.scroll_top.on{ opacity: 1; transform: translate(0,0);}
@media(max-width: 1400px){
    .scroll_top{ right: 50px; bottom: 80px;}
}
@media(max-width: 767px){
    .scroll_top{ right: 15px; bottom: 30px; width: 40px; height: 40px;}
}


.home_visual{ overflow: hidden; position: relative;}
.home_visual .rolling{ overflow: hidden;}
.home_visual .rolling .bx-wrapper{ overflow: hidden; margin:0;}
.home_visual .rolling .bx-viewport{ left:0; border:none; background:none; box-shadow:none;}
.home_visual .rolling ul{}
.home_visual .rolling ul li{}
.home_visual .rolling ul li .row{ display: flex; justify-content: center; align-items: center; position: relative; padding: 0 100px; height: 800px;}
.home_visual .rolling ul li .row .text{ position: relative; z-index: 10; margin: 0 auto; padding: 100px 0 0 0; width: 100%; max-width: 1200px; text-align: center;}
.home_visual .rolling ul li .row .text img{ display: block; margin: 0 auto; opacity: 0; transform: scale(1) rotate(0deg) translate(0,-100px); transition: all 1s;}
.home_visual .rolling ul li .row .text .t2{ line-height: 1.2; font-size: 6em; font-weight: 400; color: #FFF; opacity: 0; transform: scale(1) rotate(0deg) translate(0,-100px); transition: all .7s;}
.home_visual .rolling ul li .row .text .t3{ margin: 20px 0 0 0; line-height: 1.5; font-size: 1.8em; font-weight: 200; color: #FFF; opacity: 0; transform: scale(1) rotate(0deg) translate(0,-100px); transition: all .7s;}
.home_visual .rolling ul li .row .text .btn{ display: flex; justify-content: center; align-items: center; margin: 80px auto 0 auto; width: 300px; height: 60px; background: #004995; opacity: 0; transform: scale(1) rotate(0deg) translate(0,-100px); transition: all .4s;}
.home_visual .rolling ul li .row .text .btn p{ font-size: 1.6em; font-weight: 400; color: #FFF;}
.home_visual .rolling ul li .row .text .btn i{ margin: 0 0 0 10px; font-size: 1.6em; color: #FFF;}
.home_visual .rolling ul li .row .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(1.1); transition: all 5s;}
.home_visual .rolling ul li .row .bg01{ background: url(/images/hv_01.jpg) center no-repeat; background-size: cover;}
.home_visual .rolling ul li .row .bg02{ background: url(/images/hv_17.jpg) center no-repeat; background-size: cover;}
.home_visual .rolling ul li .row .bg03{ background: url(/images/hv_09.jpg) center no-repeat; background-size: cover;}
.home_visual .rolling ul li .row .bg04{ background: url(/images/hv_16.jpg) center no-repeat; background-size: cover;}
/* .home_visual .rolling ul li .row .bg05{ background: url(/images/hv_06.jpg) center no-repeat; background-size: cover;} */
/* .home_visual .rolling ul li .row .bg06{ background: url(/images/hv_08.jpg) center no-repeat; background-size: cover;} */
.home_visual .rolling ul li .row.on .text img{ opacity: 1; transform: scale(1) rotate(0deg) translate(0,0);}
.home_visual .rolling ul li .row.on .text .t2{ opacity: 1; transform: scale(1) rotate(0deg) translate(0,0);}
.home_visual .rolling ul li .row.on .text .t3{ opacity: 1; transform: scale(1) rotate(0deg) translate(0,0);}
.home_visual .rolling ul li .row.on .text .btn{ opacity: 1; transform: scale(1) rotate(0deg) translate(0,0);}
.home_visual .rolling ul li .row.on .bg{ transform: scale(1) rotate(0deg) translate(0,0);}
.home_visual .rolling #visual_btn_L{ display: flex; justify-content: center; align-items: center; position: absolute; right: 60px; bottom: 0; width: 60px; height: 60px; background: #FFF; font-size: 2.2em; color: #004995;}
.home_visual .rolling #visual_btn_L a{ overflow:hidden; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; line-height:500px;}
.home_visual .rolling #visual_btn_R{ display: flex; justify-content: center; align-items: center; position:absolute; right: 0; bottom: 0; width: 60px; height: 60px; background: #004995; font-size: 1.8em; color: #FFF;}
.home_visual .rolling #visual_btn_R a{ overflow:hidden; position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; line-height:500px;}
.home_visual .bx-pager{ display: flex; justify-content: center; top: initial !important; right: 0 !important; bottom: 50px !important; left: 0; padding: 0 !important; width: auto !important;}
.home_visual .bx-pager .bx-pager-item{ display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 5px; width: 20px; height: 20px; border-radius: 50%; transition: all.2s;}
.home_visual .bx-pager .bx-pager-item a{ display: block !important; margin: 0 !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #FFF !important; opacity: 0.5 !important; transition: all.2s;}
.home_visual .bx-pager .bx-pager-item a.active{ width: 20px !important; height: 20px !important; opacity: 1 !important;}
.home_visual .rolling .line{ position: absolute; z-index: 50; right: 0; bottom: 0; left: 0; height: 3px; background:rgba(0 0 0 / 10%);}
.home_visual .rolling .line span{ display:block; width:0; height: 3px; background: #004995;}
@media(max-width: 1400px){
    .home_visual .rolling ul li .row{ padding: 0 50px; height: 650px;}
    .home_visual .rolling ul li .row .text .btn{ margin-top: 50px;}
}
@media(max-width: 767px){
    .home_visual .rolling ul li .row{ padding: 0 15px; height: 400px;}
    .home_visual .rolling ul li .row .text{ padding: 60px 0 0 0;}
    .home_visual .rolling ul li .row .text img{ width: auto; height: 35px;}
    .home_visual .rolling ul li .row .text .t2{ font-size: 4em;}
    .home_visual .rolling ul li .row .text .t3{ margin: 15px 0 0 0; font-size: 1.4em;}
    .home_visual .rolling ul li .row .text .btn{ margin: 30px auto 0 auto; width: 220px; height: 45px;}
    .home_visual .rolling #visual_btn_L{ right: 40px; width: 40px; height: 40px; font-size: 1.6em;}
    .home_visual .rolling #visual_btn_R{ width: 40px; height: 40px; font-size: 1.6em;}
    .home_visual .bx-pager{ bottom: 30px !important;}
    .home_visual .bx-pager .bx-pager-item{ width: 16px; height: 16px;}
    .home_visual .bx-pager .bx-pager-item a{ width: 8px !important; height: 8px !important;}
    .home_visual .bx-pager .bx-pager-item a.active{ width: 16px !important; height: 16px !important;}
}


.home_business{}
.home_business .type_row{ padding: 80px 0;}
.home_business .type_row .title{ display: flex; justify-content: center;}
.home_business .type_row .title p{ position: relative; font-size: 5em; font-weight: 500; color: #000;}
.home_business .type_row .title p:first-child:before{ content: ""; display: block; position: absolute; top: 0; right: -15px; width: 15px; height: 15px; background: #004995;}
.home_business .type_row .list{ display: flex; flex-wrap: wrap; margin: 50px -15px 0 -15px;}
.home_business .type_row .list li{ width: 33.333%;}
.home_business .type_row .list li .row{ position: relative; margin: 0 15px; height: 450px; background: #333;}
.home_business .type_row .list li:nth-child(1) .row{ background: url(/images/hb_01.jpg) center/cover;}
.home_business .type_row .list li:nth-child(2) .row{ background: url(/images/hb_02.jpg) center/cover;}
.home_business .type_row .list li:nth-child(3) .row{ background: url(/images/hb_03.jpg) center/cover;}
.home_business .type_row .list li .row .box{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 50px; background: rgba(0 0 0/50%);}
.home_business .type_row .list li .row .box .t1{ font-size: 1.2em; color: rgba(255 255 255/50%);}
.home_business .type_row .list li .row .box .t2{ margin: 10px 0 0 0; font-size: 3em; font-weight: 400; color: rgba(255 255 255/100%);}
.home_business .type_row .list li .row .box .btn{ position: absolute; right: 50px; left: 50px; bottom: 50px;}
.home_business .type_row .list li .row .box .btn a{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; width: 100%; height: 45px; border: 1px solid rgba(255 255 255/50%); transition: all .2s; cursor: pointer;}
.home_business .type_row .list li .row .box .btn a p{ font-size: 1.4em; color: #FFF;}
.home_business .type_row .list li .row .box .btn a i{ margin: 0 0 0 10px; font-size: 1.5em; color: #FFF;}
.home_business .type_row .list li .row .box .btn a:hover{ border-color: #004995; background: #004995;}
@media(max-width: 1025px){
    .home_business .type_row .list li{ width: 50%;}
    .home_business .type_row .list li:last-child{ margin: 30px 0 0 0; width: 100%;}
    .home_business .type_row .list li:last-child .row{ height: 250px;}
}
@media(max-width: 767px){
    .home_business .type_row{ padding: 40px 0;}
    .home_business .type_row .title p{  font-size: 3.5em;}
    .home_business .type_row .title p:first-child:before{ width: 10px; height: 10px;}
    .home_business .type_row .list{ margin: 20px -5px 0 -5px;}
    .home_business .type_row .list li .row{ margin: 0 5px; height: 250px;}
    .home_business .type_row .list li:last-child{ margin: 10px 0 0 0;}
    .home_business .type_row .list li:last-child .row{ height: 150px;}
    .home_business .type_row .list li .row .box{ padding: 20px;}
    .home_business .type_row .list li .row .box .t1{ font-size: 10px;}
    .home_business .type_row .list li .row .box .t2{ font-size: 2.2em;}
    .home_business .type_row .list li .row .box .btn{ right: 20px; left: 20px; bottom: 20px;}
    .home_business .type_row .list li .row .box .btn a{ margin: 5px 0 0 0; height: 40px;}
}


.home_company{ position: relative;}
.home_company .type_row{ position: relative; z-index: 10; padding: 80px 0 0 0;}
.home_company .type_row .head{ display: flex; justify-content: space-between; align-items: center;}
.home_company .type_row .head .fl{ display: flex; flex-direction: column; align-items: flex-start;}
.home_company .type_row .head .fl .t1{ position: relative; font-size: 5em; font-weight: 500; color: #FFF;}
.home_company .type_row .head .fl .t1:before{ content: ""; display: block; position: absolute; top: 0; right: -15px; width: 15px; height: 15px; background: #FFF;}
.home_company .type_row .head .fl .t2{ margin: 15px 0 0 0; line-height: 1.4; font-size: 1.6em; font-weight: 200; color: rgba(255 255 255/70%);}
.home_company .type_row .head a{ display: flex; justify-content: center; align-items: center; padding: 0 50px; height: 50px; border: 1px solid rgba(255 255 255/20%); transition: all .2s;}
.home_company .type_row .head a:hover{ border-color: #004995; background: #004995;}
.home_company .type_row .head a p{ font-size: 1.5em; color: #FFF;}
.home_company .type_row .head a i{ margin: 0 0 0 20px; font-size: 1.5em; color: #FFF;}
.home_company .type_row .list{ display: flex; margin: 50px 0 0 0; padding: 0 0 0 1px;}
.home_company .type_row .list li{ width: 25%;}
.home_company .type_row .list li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 0 0 -1px; height: 300px; border: 1px solid rgba(0 0 0/15%); background: #FFF; transition: all .2s;}
.home_company .type_row .list li a:hover{ position: relative; z-index: 1; border: 5px solid #004995;}
.home_company .type_row .list li a img{ display: block;}
.home_company .type_row .list li a .t1{ position: relative; margin: 15px 0 0 0; padding: 15px 0 10px 0; font-size: 1.4em; color: #999;}
.home_company .type_row .list li a .t2{ font-size: 2.2em; font-weight: 400; color: #000;}
.home_company .bg{ position: absolute; top: 0; right: 0; bottom: 100px; left: 0; background: url(/images/hc_bg.jpg) center/cover;}
@media(max-width: 767px){
    .home_company .type_row{ padding: 40px 0 0 0;}
    .home_company .type_row .head{ flex-direction: column; align-items: center;}
    .home_company .type_row .head .fl{ align-items: center;}
    .home_company .type_row .head .fl .t1{ font-size: 3.5em;}
    .home_company .type_row .head .fl .t1:before{ width: 10px; height: 10px;}
    .home_company .type_row .head .fl .t2{  text-align: center; font-size: 12px;}
    .home_company .type_row .head a{ margin: 20px 0 0 0; padding: 0 20px; height: 35px;}
    .home_company .type_row .head a p{ font-size: 1.4em;}
    .home_company .type_row .head a i{ margin: 0 0 0 10px;}
    .home_company .type_row .list{ margin: 30px 0 0 0;}
    .home_company .type_row .list li a{ height: 160px;}
    .home_company .type_row .list li a img{ width: auto; height: 40px;}
    .home_company .type_row .list li a .t1{ margin: 10px 0 0 0; padding: 10px 0 10px 0;}
    .home_company .type_row .list li a .t2{ font-size: 1.5em;}
    .home_company .bg{ bottom: 80px;}
}


.home_location{ position: relative; margin: 80px 0 0 0;}
.home_location .type_row{ position: relative; z-index: 10; padding: 80px 0;}
.home_location .type_row .head{ display: flex; flex-direction: column; align-items: flex-start;}
.home_location .type_row .head .t1{ position: relative; font-size: 5em; font-weight: 500; color: #000;}
.home_location .type_row .head .t1:before{ content: ""; display: block; position: absolute; top: 0; right: -15px; width: 15px; height: 15px; background: #004995;}
.home_location .type_row .head .t2{ display: flex; align-items: center; margin: 30px 0 0 0;}
.home_location .type_row .head .t2 i{ font-size: 4em; color: #004995;}
.home_location .type_row .head .t2 span{ font-size: 1.6em; color: #666;}
.home_location .type_row .body{ display: flex; margin: 40px 0 0 0;}
.home_location .type_row .body li{}
.home_location .type_row .body li a{ display: flex; flex-direction: column; justify-content: space-between; padding: 50px 30px; width: 250px; height: 250px; background: #004995;}
.home_location .type_row .body li a i{ font-size: 4em; color: #FFF;}
.home_location .type_row .body li a .t1{ margin: 30px 0 0 0; font-size: 1.2em; color: rgba(255 255 255/50%);}
.home_location .type_row .body li a .t2{ margin: 10px 0 0 0; font-size: 1.6em; color: #FFF;}
.home_location .type_row .body li:nth-child(2) a{ border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #FFF;}
.home_location .type_row .body li:nth-child(2) a i{ color: #004995;}
.home_location .type_row .body li:nth-child(2) a .t1{ color: #999;}
.home_location .type_row .body li:nth-child(2) a .t2{ color: #000;}
.home_location .type_row .body li:nth-child(3) a{ background: #333;}
.home_location > .map{ position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background: #f0f0f0;}
.home_location > .map .root_daum_roughmap{ width: 100% !important; height: 100% !important;}
.home_location > .map .root_daum_roughmap .wrap_map{ width: 100% !important; height: 100% !important;}
@media(max-width: 1025px){
    .home_location .type_row .body li a{ width: 200px; height: 200px;}
}
@media(max-width: 767px){
    .home_location{ margin: 40px 0 0 0;}
    .home_location .type_row{ padding: 0 0 100px 0;}
    .home_location .type_row .head{ align-items: center;}
    .home_location .type_row .head .t1{ font-size: 3.5em;}
    .home_location .type_row .head .t1:before{ width: 10px; height: 10px;}
    .home_location .type_row .head .t2{ margin: 20px 0 0 0;}
    .home_location .type_row .body{ flex-wrap: wrap; margin: 30px 0 0 0;}
    .home_location .type_row .body li{ width: 50%;}
    .home_location .type_row .body li a{ padding: 30px 20px; width: 100%; height: 150px;}
    .home_location .type_row .body li:nth-child(2) a{ border-right: 1px solid #DDD;}
    .home_location > .map{ top: 180px; right: 0; bottom: 0; left: 25%;}
}


.home_notice{ margin: 80px 0 0 0;}
.home_notice .type_row{ position: relative;}
.home_notice .head{ display: flex; flex-direction: column; align-items: flex-start;}
.home_notice .head .t1{ position: relative; margin: 0 0 0 -3px; font-size: 5em; font-weight: 500; color: #000;}
.home_notice .head .t1:before{ content: ""; display: block; position: absolute; top: 0; right: -15px; width: 15px; height: 15px; background: #004995;}
.home_notice .head .t2{ margin: 10px 0 0 0; font-size: 1.6em; font-weight: 200; color: #666;}
.home_notice .rolling{ margin: 50px -15px 0 -15px;}
.home_notice .rolling .slide{}
.home_notice .rolling .slide a{ display: block; position: relative; margin: 0 15px; padding: 40px; height: 350px;}
.home_notice .rolling .slide a .bg{ display: flex; justify-content: flex-start; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; background: rgba(0 0 0/50%);}
.home_notice .rolling .slide a .bg .tag{ display: flex; align-items: center; padding: 0 20px; height: 35px; border: 1px solid rgba(255 255 255/80%); font-size: 1.4em; color: #FFF;}
.home_notice .rolling .slide a.new .ft .new{ display: block;}
.home_notice .rolling .xi-angle-left{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: -10px; margin: -25px 0 0 0; width: 50px; height: 50px; background: rgba(0 0 0/50%); font-size: 1.8em; color: #FFF; cursor: pointer;}
.home_notice .rolling .xi-angle-right{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -10px; margin: -25px 0 0 0; width: 50px; height: 50px; background: rgba(0 0 0/50%);; font-size: 1.8em; color: #FFF; cursor: pointer;}
.home_notice .more{ display: flex; justify-content: center; align-items: center; position: absolute; top: 12px; right: 0; width: 200px; height: 50px; background: #004995;}
.home_notice .more p{ font-size: 1.4em; color: #FFF;}
.home_notice .more i{ margin: 0 0 0 10px; font-size: 1.4em; color: #FFF;}
@media(max-width: 767px){
    .home_notice{ margin: 40px 0 0 0;}
    .home_notice .head{ align-items: center;}
    .home_notice .head .t1{ margin: 0; font-size: 3.5em;}
    .home_notice .head .t1:before{ width: 10px; height: 10px;}
    .home_notice .head .t2{ text-align: center;}
    .home_notice .rolling{ margin: 30px -15px 0 -15px;}
    .home_notice .rolling .slide a{ margin: 0 5px; padding: 35px 25px; height: 250px;}
    .home_notice .rolling .slide a .bg .tag{ height: 30px;}
    .home_notice .more{ position: inherit; top: initial; margin: 30px auto 0 auto; width: 180px; height: 40px;}
}




.sub_visual{ overflow: hidden; position:relative; height: 350px;}
.sub_visual .text{ display:flex; justify-content:center; align-items:center; position:absolute; z-index: 10; top: 100px; right:0; bottom: 60px; left:0;}
.sub_visual .text p{ font-size: 3em; font-weight: 400; color: #FFF;}
.sub_visual .bg{ position: absolute; top:0; right:0; bottom:0; left:0; background:url(/images/hv_01.jpg) center; background-size:cover; transform: scale(1.2); transition: all 3s;}
.sub_visual.on .bg{ opacity: 1; transform: scale(1);}
@media(max-width: 1921px){
    .sub_visual .bg{ background-size: 1920px auto !important;}
}
@media(max-width: 1400px){
    .sub_visual{}
}
@media(max-width: 767px){
    .sub_visual{ height: 200px;}
    .sub_visual .text{ top: 60px; bottom: 40px;}
    .sub_visual .bg{ background-size: cover !important;}
}


.sub_gnb{ position: relative; z-index: 50; margin: -60px 0 0 0; height: 60px; background: rgba(0 0 0/30%);}
.sub_gnb .type_row{ display: flex; margin-top: -1px;}
.sub_gnb .home{ display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background: #004995;}
.sub_gnb .home i{ display: block; font-size: 2em; color: #FFF;}
.sub_gnb .select{ position: relative;}
.sub_gnb .select .head{ display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 300px; height: 60px; border-right: 1px solid rgba(255,255,255,0.2); cursor: pointer;}
.sub_gnb .select .head p{ font-size: 1.4em; color: #FFF;}
.sub_gnb .select .head i{ font-size: 1.4em; color: #FFF;}
.sub_gnb .select ul{ display: none; position: absolute; top: 60px; right: 0; left: -1px; padding: 1px 0 0 0;}
.sub_gnb .select ul li{}
.sub_gnb .select ul li a{ display: flex; justify-content: space-between; align-items: center; margin: -1px 0 0 0; padding: 0 20px; height: 50px; border: 1px solid #DDD; background: #FFF;}
.sub_gnb .select ul li:first-child a{ border-top: 0;}
.sub_gnb .select ul li a p{ font-size: 1.3em; color: #000;}
.sub_gnb .select ul li a i{ display: none;}
.sub_gnb .select ul li a:hover{ background: #f5f5f5;}
.sub_gnb .select ul li.on{ position: relative; z-index: 10;}
.sub_gnb .select ul li.on a{ border-color: #004995; background: #004995;}
.sub_gnb .select ul li.on a p{ color: #FFF;}
@media(max-width: 1400px){
    .sub_gnb .select .head{ padding: 0 20px; width: 220px;}
    .sub_gnb .select ul li a{ padding: 0 20px;}
}
@media(max-width: 767px){
    .sub_gnb{ margin: -40px 0 0 0; height: 40px;}
    .sub_gnb .home{ width: 40px; height: 40px;}
    .sub_gnb .select{ display: none; flex: 1 0;}
    .sub_gnb .select:last-child{ display: block;}
    .sub_gnb .select .head{ padding: 0 20px; width: 100%; height: 40px;}
    .sub_gnb .select ul{ top: 40px;}
    .sub_gnb .select ul li a{ padding: 0 20px; height: 35px;}
}


.sub{ margin: 50px 0 0 0;}
.sub .sub_title{ padding: 0 0 50px 0; text-align: center; font-size: 3em; font-weight: 500;}
@media(max-width:767px){
    .sub{ margin: 30px 0 0 0;}
    .sub .sub_title{ padding: 0 0 30px 0;}
}





.sub_company_intro{ display: flex; align-items: center;}
.sub_company_intro img{ flex: 0 0 350px; display: block; margin: 0 80px 0 0;}
.sub_company_intro .fr{}
.sub_company_intro .t1{ line-height: 1.5; font-size: 2.5em;}
.sub_company_intro .t2{ margin: 30px 0 0 0; padding: 30px 0 0 0; border-top: 1px solid #DDD; line-height: 1.8; font-size: 1.6em; font-weight: 200;}
.sub_company_intro .t3{ margin: 30px 0 0 0; text-align: center; line-height: 1.5; font-size: 1.6em; font-weight: 200;}
@media(max-width: 1000px){
    .sub_company_intro img{ margin: 0 50px 0 0; width: 250px;}
}
@media(max-width: 767px){
    .sub_company_intro{ display: block;}
    .sub_company_intro img{ margin: 0 auto; width: 50%; height: auto;}
    .sub_company_intro .fr{ margin: 30px 0 0 0;}
    .sub_company_intro .t1{ text-align: center; font-size: 2em;}
    .sub_company_intro .t1 br{ display: none;}
}


.sub_company_history{ position:relative;}
.sub_company_history .title{ display: flex; justify-content: center; align-items: center; position: relative; z-index: 10; margin: 0 auto; width: 200px; height: 50px; border-radius: 0; background: #000; font-size: 1.6em; color: #FFF;}
.sub_company_history ul{ position:relative; z-index:10; margin: -30px 0 0 0;}
.sub_company_history ul li{ margin: 30px 0 0 0;}
.sub_company_history ul li a{ display: block; position: relative; padding: 20px 0;}
.sub_company_history ul li a .year{ display: flex; justify-content: center; align-items: center; position: absolute; top: 0; width: 80px; height: 80px; border-radius: 50%; background: #004995; font-size: 1.7em; font-weight: 500; color: #FFF;}
.sub_company_history ul li a p{ display: flex; padding: 10px 0; line-height: 1.5; font-size: 1.5em; font-weight: 200;}
.sub_company_history ul li a p span{ flex: 0 0 50px; font-weight: 500; color:#000;}
.sub_company_history ul li.fl{ margin-right: 50%;}
.sub_company_history ul li.fl a{ padding-right: 70px;}
.sub_company_history ul li.fl a .year{ right: -40px;}
.sub_company_history ul li.fl a p{ flex-direction: row-reverse; text-align: right;}
.sub_company_history ul li.fl a p span{ text-align: right;}
.sub_company_history ul li.fr{ margin-left: 50%;}
.sub_company_history ul li.fr a{ padding-left: 70px;}
.sub_company_history ul li.fr a .year{ left: -40px;}
.sub_company_history ul li.fr a p{}
.sub_company_history ul li.fr a p span{}
.sub_company_history .line{ position: absolute; top: 10px; left: 50%; bottom:30px; border-left:1px solid #DDD;}
@media(max-width: 767px){
    .sub_company_history{}
    .sub_company_history .title{ width: 120px; height: 40px;}
    .sub_company_history ul li{ margin: 5px 0 0 0;}
    .sub_company_history ul li a{ padding: 8px 0;}
    .sub_company_history ul li a .year{ width: 50px; height: 50px;}
    .sub_company_history ul li a p{ display: block;}
    .sub_company_history ul li a p span{ display: block; padding: 0 0 5px 0;}
    .sub_company_history ul li.fl a{ padding-right: 40px;}
    .sub_company_history ul li.fl a .year{ right: -25px;}
    .sub_company_history ul li.fl a p{}
    .sub_company_history ul li.fr a{ padding-left: 40px;}
    .sub_company_history ul li.fr a .year{ left: -25px;}
    .sub_company_history ul li.fr a p{}
}


.sub_company_location{}
.sub_company_location .map{ width: 100% !important; height: 400px !important;}
.sub_company_location .info{ margin: 50px 0 0 0;}
.sub_company_location .info ul{ display:flex; align-items:center; margin: 20px -15px 0 -15px;}
.sub_company_location .info ul li{ display:flex; align-items:center; width:33.333%;}
.sub_company_location .info ul li a{ display:flex; align-items:center; margin:0 15px;}
.sub_company_location .info ul li a i{ margin: 0 15px 0 0; font-size: 4em; color:#000;}
.sub_company_location .info ul li div p{ font-size: 1.6em;}
.sub_company_location .info ul li div font{ display:block; margin:5px 0 0 0; font-size: 1.4em; color:#666;}
@media(max-width: 1000px){
    .sub_company_location .info{ margin:20px 0 0 0;}
    .sub_company_location .info ul{ flex-direction:column; align-items:flex-start; margin:0;}
    .sub_company_location .info ul li{ margin:0; width:100%;}
    .sub_company_location .info ul li a{ margin:30px 0 0 0; width:100%;}
}
@media(max-width: 767px){
    .sub_company_location .map{ height: 250px !important;}
    .sub_company_location .info{ margin:10px 0 0 0;}
    .sub_company_location .info ul li a i{ margin:0 10px 0 0; font-size:35px;}
    .sub_company_location .info ul li div p{ font-size:14px;}
    .sub_company_location .info ul li div font{ font-size:12px;}
}


.sub_business{}
.sub_business .head{ display: flex; align-items: center; padding: 30px; border: 1px solid #DDD;}
.sub_business .head img{ display: block; width: auto; height: 200px;}
.sub_business .head .text{ margin: 0 0 0 30px;}
.sub_business .head .text .t1{ font-size: 2em; font-weight: 400; color: #000;}
.sub_business .head .text .t2{ margin: 10px 0 0 0; line-height: 1.8; font-size: 1.4em; color: #666;}
.sub_business .list{ margin: 50px 0 0 0;}
.sub_business .list .title{ text-align: center; font-size: 3em; font-weight: 400; color: #000;}
.sub_business .list ul{ display: flex; flex-wrap: wrap; margin: 10px -10px 0 -10px;}
.sub_business .list ul li{ margin: 20px 0 0 0; width: 25%;}
.sub_business .list ul li a{ display: block; margin: 0 10px;}
.sub_business .list ul li a img{ display: block; width: 100%; height: auto;}
@media(max-width: 767px){
    .sub_business .head{ display: block; padding: 20px;}
    .sub_business .head img{ width: 100%; height: auto;}
    .sub_business .head .text{ margin: 20px 0 0 0;}
    .sub_business .list{ margin: 30px 0 0 0;}
    .sub_business .list ul{ margin: 10px -5px 0 -5px;}
    .sub_business .list ul li{ margin: 10px 0 0 0; width: 50%;}
    .sub_business .list ul li a{ margin: 0 5px;}
}


.sub_business2{}
.sub_business2 .head{ display: flex; align-items: center; padding: 30px; border: 1px solid #DDD;}
.sub_business2 .head img{ display: block; width: auto; height: 200px;}
.sub_business2 .head .text{ margin: 0 0 0 30px;}
.sub_business2 .head .text .t1{ font-size: 3em; font-weight: 400; color: #000;}
.sub_business2 .head .text .t2{ margin: 10px 0 0 0; line-height: 1.8; font-size: 1.4em; color: #666;}
.sub_business2 .list2{ margin: 50px 0 0 0;}
.sub_business2 .list2.title{ text-align: center; font-size: 3em; font-weight: 400; color: #000;}
.sub_business2 .list2 ul{ display: flex; flex-wrap: wrap; margin: 10px -10px 0 -10px;}
.sub_business2 .list2 ul li{ margin: 40px 0 0 0; width: 50%;}
.sub_business2 .list2 ul li a{ display: block; margin: 0 10px;}
.sub_business2 .list2 ul li a img{ display: block; width: 100%; height: auto;}
@media(max-width: 767px){
    .sub_business2 .head{ display: block; padding: 20px;}
    .sub_business2 .head img{ width: 100%; height: auto;}
    .sub_business2 .head.text{ margin: 20px 0 0 0;}
    .sub_business2 .list2{ margin: 30px 0 0 0;}
    .sub_business2 .list2 ul{ margin: 10px -5px 0 -5px;}
    .sub_business2 .list2 ul li{ margin: 10px 0 0 0; width: 50%;}
    .sub_business2 .list2 ul li a{ margin: 0 5px;}
}



.sub_business3{}
.sub_business3 .head{ display: block; position: relative; padding: 80px; min-height: 490px; border-radius: 20px; border: 1px solid #DDD; background: #fafafa;}
.sub_business3 .head img{ display: block; position: absolute; top: 50px; right: 100px;}
.sub_business3 .head .text{ margin: 0 50% 0 0;}
.sub_business3 .head .text .t1{ font-size: 4em; font-weight: 500; color: #004995;}
.sub_business3 .head .text .t2{ margin: 10px 0 0 0; font-size: 3em; font-weight: 400; color: #000;}
.sub_business3 .head .text .t3{ margin: 20px 0 0 0; line-height: 1.8; font-size: 1.4em; color: #666;}
.sub_business3 .list{ margin: 80px 0 0 0;}
.sub_business3 .list ul{ display: flex; flex-wrap: wrap; margin: 10px -10px 0 -10px;}
.sub_business3 .list ul li{ margin: 20px 0 0 0; width: 25%;}
.sub_business3 .list ul li a{ display: block; margin: 0 10px;}
.sub_business3 .list ul li a img{ display: block; width: 100%; height: auto; border-radius: 15px;}
@media(max-width: 1400px){
    .sub_business3 .head img{ width: 330px;}
}
@media(max-width: 1000px){
    .sub_business3 .head img{ position: initial; margin: 0 auto; width: 300px; height: auto;}
    .sub_business3 .head .text{ margin: 50px 0 0 0;}
    .sub_business3 .list{ margin: 50px 0 0 0;}
}
@media(max-width: 767px){
    .sub_business3 .head{ display: block; padding: 50px;}
    .sub_business3 .head img{ width: 80%;}
    .sub_business3 .head .text{ margin: 50px 0 0 0;}
    .sub_business3 .list{ margin: 30px 0 0 0;}
    .sub_business3 .list ul{ margin: 10px -5px 0 -5px;}
    .sub_business3 .list ul li{ margin: 10px 0 0 0; width: 50%;}
    .sub_business3 .list ul li a{ margin: 0 5px;}
}























.type_table_01 table{ border-collapse: collapse; border-spacing: 0; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr td{ padding: 15px 10px; border-top: 2px solid #004995; border-bottom: 1px solid #CCC; background: #f5f5f5; text-align: center; font-size: 1.6em; color: #000;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr th{ padding: 15px 10px; border: 1px solid #DDD; background: #f5f5f5; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 300;}
.type_table_01 table tbody tr th:first-child{ border-left: 0;}
.type_table_01 table tbody tr th:last-child{ border-right: 0;}
.type_table_01 table tbody tr td{ padding: 15px 10px; border: 1px solid #DDD; text-align: center; line-height: 1.6; font-size: 1.4em; font-weight: 200;}
.type_table_01 table tbody tr td:first-child{ border-left: 0;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}

.type_btn_01{ display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0;}
.type_btn_01 p{ font-size: 1.8em; font-weight: 200;}
.type_btn_01 a{ display: flex; align-items: center; padding: 0 80px; border-radius: 30px; height: 50px; background: #004995; font-size: 1.6em; color: #FFF; cursor: pointer;}
@media(max-width: 767px){
    .type_btn_01{ flex-wrap: wrap; margin: 30px 0 0 0;}
    .type_btn_01 a{ height: 40px;}
}


.type_btn_02{ display: flex; margin: 0 -10px;}
.type_btn_02 a{ display: flex; justify-content: center; align-items: center; margin: 0 10px; width: 33.333%; height: 50px; border-radius: 30px; background: #333; font-size: 1.7em; color: #FFF;}
.type_btn_02 a:nth-child(1){ background: #004995;}
.type_btn_02 a:nth-child(2){ background: #f96a2b;}
@media(max-width: 767px){
    .type_btn_02{ margin: 0 -5px;}
    .type_btn_02 a{ margin: 0 5px; height: 35px;}
}


.type_btn_03{ display:flex; justify-content:center; align-items:center; margin:50px auto 0 auto; width:200px; height: 50px; border-radius:30px; border:1px solid #004995; background:#004995; text-align:center; cursor:pointer;}
.type_btn_03 p{ font-size: 1.7em; color:#FFF;}
@media(max-width:767px){
    .type_btn_03{ margin:30px auto 0 auto; width:auto; height:35px;}
}

.type_btn_04{ display:block; margin:50px auto 0 auto; width:200px; background:#344db0; text-align:center; line-height:50px; font-size: 1.7em; color:#FFF; cursor:pointer;}
@media(max-width:767px){
    .type_btn_04{ margin:30px auto 0 auto; line-height:40px;}
}


.type_search{ display:flex; justify-content:space-between; align-items:center;}
.type_search .fl{}
.type_search .fl p{ font-size: 2.5em;}
.type_search .fl p font{ font-weight: 500; color:#004995; letter-spacing:0;}
.type_search .fr{ display:flex; align-items:center;}
.type_search .fr select{ display: flex; align-items: center; margin: 0; padding:0 30px 0 15px; width: 100px; height:40px; border-radius:0; border: 1px solid #DDD; background: url(/images/basic_select_icon.png) no-repeat center right 15px; background-size: 10px auto; font-size: 1.4em; font-weight: 200; letter-spacing: 0; color: #000; outline: none; -webkit-appearance: none;}
.type_search .fr .search{ position:relative; margin:0 0 0 -1px;}
.type_search .fr .search i{ display:block; position:absolute; top:0; right:0; width:40px; text-align:center; line-height:40px; font-size: 1.8em; color:#666; cursor:pointer;}
.type_search .fr .search input{ display: flex; align-items: center; margin:0; padding:0 40px 0 15px; width: 300px; height:40px; border-radius:0; border:1px solid #DDD; background:none; font-size: 1.4em; font-weight: 200; color:#000; outline:none; -webkit-appearance:none;}
@media(max-width:767px){
    .type_search .fl p{ font-size:15px;}
    .type_search .fr{ display:flex; align-items:center;}
    .type_search .fr select{ padding:0 30px 0 10px; width:80px; height:35px; line-height:33px; font-size:12px;}
    .type_search .fr .search{}
    .type_search .fr .search i{ width:35px; line-height:33px; font-size:14px;}
    .type_search .fr .search input{ padding:0 40px 0 10px; width: 170px; height:35px; line-height:33px; font-size:12px;}
}


.type_page{ display:flex; justify-content:center; align-items:center; margin:50px 0 0 0;}
.type_page i{ display:flex; justify-content:center; align-items:center; margin:0 0 0 -1px; width:40px; height:40px; border:1px solid #DDD; font-size: 1.5em; color:#000; cursor:pointer;}
.type_page .page{ display:flex; align-items:center;}
.type_page .page p{ display:flex; justify-content:center; align-items:center; margin:0 0 0 -1px; width:40px; height:40px; border:1px solid #DDD; font-size: 1.2em; font-weight: 200; color:#000; cursor:pointer;}
.type_page .page p.on{ position:relative; z-index:1; border-color:#004995; background:#004995; color:#FFF;}
@media(max-width:767px){
    .type_page{ margin:30px 0 0 0;}
    .type_page i{ width:35px; height:35px;}
    .type_page .page p{ width:35px; height:35px;}
}


.type_notice{ margin:50px 0 0 0; border-top:2px solid #004995;}
.type_notice .head{ display:flex; border-bottom:1px solid #000;}
.type_notice .head li{ display:flex; justify-content:center; align-items:center; height: 60px;}
.type_notice .head li p{ font-size: 1.6em; color:#000;}
.type_notice .body{}
.type_notice .body li{}
.type_notice .body li .row{ display:flex; flex-wrap:wrap; align-items:center; position:relative; padding:20px 0; border-bottom:1px solid #DDD;}
.type_notice .body li .row .number{ width:10%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; color:#666;}
.type_notice .body li .row .tit{ width:45%; display:flex; align-items:center; padding:0 15px;}
.type_notice .body li .row .tit a{ max-width: 90%; font-size: 1.4em; color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; cursor:pointer;}
.type_notice .body li .row .tit i{ margin:0 0 0 5px; font-size: 2em; color:#666; cursor:pointer;}
.type_notice .body li .row .user{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; font-weight: 200; color:#666;}
.type_notice .body li .row .date{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; font-weight: 200; color:#666;}
.type_notice .body li .row .click{ width:15%; display:flex; justify-content:center; align-items:center; font-size: 1.4em; font-weight: 200; color:#666;}
.type_notice .body li .row .answer{ width:15%; display:flex; justify-content:center; align-items:center;}
.type_notice .body li .row .answer p{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; color:#666;}
.type_notice .body li .row .answer.on p{ border:1px solid #004995; background:#004995; color:#FFF;}
@media(max-width:767px){
    .type_notice{ margin:30px 0 0 0;}
    .type_notice .head{ display:none;}
    .type_notice .body li .row{ padding: 15px 0 15px 45px;}
    .type_notice .body li .row .number{ position:absolute; top:50%; transform:translate(0,-50%); left:0; width:35px; height:35px; border-radius:50%; background:#004995; color:#FFF;}
    .type_notice .body li .row .tit{ margin: -1px 0 0 0; padding: 0 0 5px 0; width: 100%; line-height: 20px;}
    .type_notice .body li .row .user{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_notice .body li .row .date{ justify-content:flex-start; width:30%; font-size:12px;}
    .type_notice .body li .row .click{ justify-content:flex-start; width:20%; font-size:12px;}
    .type_notice .body li .row .answer{ width:auto;}
    .type_notice .body li .row .answer p{ height:25px; font-size:10px;}
}


.type_view{}
.type_view .head{ border-top: 2px solid #004995;}
.type_view .head .tit{ padding:20px 30px; line-height: 1.4; font-size: 1.7em; color:#000;}
.type_view .head ul{ display:flex; flex-wrap:wrap; align-items:center; padding:20px 30px; border-top:1px solid #000; border-bottom:1px solid #DDD;}
.type_view .head ul li{ display:flex; align-items:center; margin:0 30px 0 0; padding:5px 0;}
.type_view .head ul li:last-child{ margin:0;}
.type_view .head ul li p{ display:block; margin:0 5px 0 0; font-size: 1.4em; color:#333;}
.type_view .head ul li font{ display:block; font-size: 1.4em; font-weight: 200; color:#999;}
.type_view .head ul li span{ display:flex; justify-content:center; align-items:center; padding:0 15px; height:30px; border-radius:20px; border:1px solid #DDD; font-size: 1.3em; font-weight: 200; color:#666;}
.type_view .head ul li span.on{ border:1px solid #004995; background:#004995; color:#FFF;}
.type_view .body{ padding:50px 30px;}
.type_view .body *{ line-height: 1.5; font-size: 1.4em;}
.type_view .body iframe{ display: block; margin: 0 0 20px 0; width: 100% !important; height: 500px !important;}
.type_view .body img{ display:block; margin:0 0 20px 0; max-width:100%;}
.type_view .body .file{ display:flex; flex-wrap: wrap; margin:30px 0 0 0;}
.type_view .body .file a{ display:flex; justify-content:center; align-items:center; margin: 0 10px 0 0; padding:0 30px; height:40px; border-radius: 30px; border:1px solid #09F;}
.type_view .body .file p{ font-size: 14px; color:#09F;}
.type_view .body .file i{ margin:0 0 0 5px; font-size: 14px; color:#09F;}
.type_view .page{ border-top:1px solid #DDD;}
.type_view .page li{ display:flex; align-content:center; padding:20px 30px 20px 100px; border-bottom:1px solid #DDD;}
.type_view .page li p{ float:left; margin:0 0 0 -100px; width:100px; text-align:center; font-size: 1.3em; color:#999;}
.type_view .page li .tit{ display:flex; align-content:center; width:100%;}
.type_view .page li .tit a{ display:block; max-width:90%; font-size: 1.4em; font-weight: 200; color: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.type_view .page li .tit i{ margin:0 0 0 10px; font-size: 1.6em; cursor:pointer;}
.type_view .answer{ display:flex; align-items:center; padding:30px; background:#004995;}
.type_view .answer .fl{ margin:0 30px 0 0; font-size:20px; color:#FFF;}
.type_view .answer .fr{ flex:1 0; padding:30px; border-radius:10px; background:#FFF;}
.type_view .answer .fr *{ line-height:25px; font-size:15px; color:#333;}
.type_view .answer .fr img{ display:block; margin:0 0 20px 0; max-width:100%;}
@media(max-width:767px){
    .type_view .head .tit{ padding:15px 0;}
    .type_view .head ul{ padding:10px 0;}
    .type_view .head ul li{ margin:0 15px 0 0; padding:5px 0;}
    .type_view .head ul li span{ padding:0 10px; height:25px;}
    .type_view .body{ padding:30px 0;}
    .type_view .body iframe{ height: 250px !important;}
    .type_view .body .file a{ margin: 5px 5px 0 0; padding: 0 15px; height: 35px;}
    .type_view .body .file a p{ font-size: 12px;}
    .type_view .page li{ padding:15px 0 15px 60px;}
    .type_view .page li p{ margin:0 0 0 -60px; width:60px; text-align:left;}
    .type_view .page li .tit i{ margin:0 0 0 5px;}
    .type_view .answer{ flex-direction:column; padding:15px;}
    .type_view .answer .fl{ margin:0 0 15px 0; font-size:18px;}
    .type_view .answer .fr{ padding:20px;}
    .type_view .answer .fr *{ font-size:14px;}
}


.type_write{}
.type_write .title{ display:flex; justify-content:space-between; align-items:flex-end; padding: 0 0 20px 0; border-bottom:1px solid #000;}
.type_write .title p{ font-size: 2.5em; font-weight: 400; color: #000;}
.type_write .title font{ font-size: 1.4em; color: #F00;}
.type_write ul{}
.type_write ul li{ border-bottom:1px solid #DDD;}
.type_write ul li a{ display:flex; align-items:flex-start; padding:20px 30px;}
.type_write ul li a > .tit{ width:180px; line-height:35px; font-size: 1.5em; color:#000;}
.type_write ul li a > .tit span{ color: #F00;}
.type_write ul li a .row{ flex:1 0; display:flex; flex-wrap:wrap; align-items:center;}
.type_write ul li a .row > *{ margin:0 2px;}

.type_write ul li a .file{ display:flex; width:100%;}
.type_write ul li a .file input{ width:100%;}
.type_write ul li a .file .btn{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 -1px; width:120px; height:35px; border:1px solid #DDD; background:#f5f5f5;}
.type_write ul li a .file .btn p{ font-size:14px; color:#000;}
.type_write ul li a .file .btn_down{ display:flex; justify-content:center; align-items:center; position:relative; z-index:10; margin:0 0 0 10px; width:140px; height:35px; background:#004995; cursor:pointer;}
.type_write ul li a .file .btn_down p{ font-size:14px; color:#FFF;}

.type_write ul li a .code{ display:flex; width:100%;}
.type_write ul li a .code .img{ position:relative; z-index:10; margin:0 -1px 0 0; width:120px; height: 40px; background:#333; display: flex; justify-content: center; align-items: center; color:#FFF;}

.type_write ul li a .tt{ margin:10px 0 0 0; font-size:12px; color:#F00;}

.type_write select{ display: flex; align-items: center; margin: 0; padding: 0 35px 0 10px; width: 250px; height: 40px; border-radius: 0; border: 1px solid #DDD; background:url(/images/basic_select_icon.png) no-repeat center right 15px #FFF; background-size: 10px auto; font-size: 1.3em; font-weight: 200; color:#000; outline:none; -webkit-appearance:none;}
.type_write select::-ms-expand{ display:none;}
.type_write input{ display: flex; align-items: center; margin:0; padding:0 10px; width: 250px; height: 40px; border-radius:0; border:1px solid #DDD; background:none; font-size: 1.3em; font-weight: 200; color: #000; outline:none; -webkit-appearance:none;}
.type_write textarea{ display: block; margin: 0; padding: 10px 10px; width:100%; height: 150px; max-height: 150px; min-height: 150px; border-radius: 0; border: 1px solid #DDD; background: none; line-height: 1.5; font-size: 1.3em; font-weight: 200; color: #000; outline:none; -webkit-appearance:none;}

.type_write .privacy{ width:100%;}
.type_write .privacy .title{ line-height:20px; font-size:20px; color:#000;}
.type_write .privacy .check{ margin:15px 0 0 0;}
.type_write .privacy .check label{ display:flex; cursor:pointer;}
.type_write .privacy .check label i{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border-radius:50%; background:#DDD; font-size:12px; color:#000;}
.type_write .privacy .check label p{ margin:0 0 0 5px; line-height:20px; font-size:15px; color:#333;}
.type_write .privacy .check label.on i{ background:#004995; color:#FFF;}

.type_write .price_guide{ overflow:auto; padding:15px 30px 30px 30px; width:100%; height:150px; border:1px solid rgba(0,0,0,0.1);}
.type_write .price_guide .tit{ padding:15px 0 5px 15px; font-size:15px;}
.type_write .price_guide .tit font{ display:block; float:left; margin:0 0 0 -15px; font-weight:500; color:#004995;}
.type_write .price_guide .txt{ padding:0 0 0 15px; font-size:13px; color:#666;}

.type_write .radio{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .radio p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .radio p:last-child{ margin:0;}
.type_write .radio p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border-radius:50%; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .radio p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .radio p.on i{ border-color:#004995; background:#004995; color:#FFF;}

.type_write .checkbox{ display:flex; flex-wrap:wrap; width:100%;}
.type_write .checkbox p{ display:flex; align-items:center; margin:0 20px 0 0; padding:10px 0; cursor:pointer;}
.type_write .checkbox p:last-child{ margin:0;}
.type_write .checkbox p i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .checkbox p font{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .checkbox p.on i{ border-color:#004995; background:#004995; color:#FFF;}

.type_write .password{ display:flex; align-items:center; width:100%;}
.type_write .password input{ width:100px;}
.type_write .password .ck{ display:flex; align-items:center; margin:0 0 0 20px; padding:10px 0; cursor:pointer;}
.type_write .password .ck i{ display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #CCC; font-size:16px; color:#FFF;}
.type_write .password .ck p{ margin:0 0 0 5px; font-size:13px; color:#000;}
.type_write .password .ck.on i{ border-color:#004995; background:#004995; color:#FFF;}

.type_write .tel select{ width:80px;}

.type_write .mail .txt{ line-height:35px; font-size:13px; color:#333;}
@media(max-width:1000px){
    .type_write .code .txt{ margin:10px 0 0 0;}
}
@media(max-width:767px){
    .type_write .title{ padding: 0 0 15px 0;}
    .type_write ul li a{ display: block; padding: 15px 0;}
    .type_write ul li a > .tit{ padding:0 0 10px 0; width:auto; line-height:15px;}
    .type_write ul li a .img{ width:120px; height:35px; background:#333; text-align:center; line-height:35px; color:#FFF;}

    .type_write ul li a .file .btn p{ font-size:12px;}
    .type_write ul li a .file .btn_down{ margin:0 0 0 5px;}
    .type_write ul li a .file .btn_down p{ font-size:12px;}

    .type_write select{ width: 100%;}
    .type_write input{ width:100%;}
    .type_write .code .img{ width:50%;}
    .type_write .code input{ flex:1 0; width:50%;}
    .type_write .code .txt{ margin:10px 0 0 0; line-height:15px; font-size:13px;}
    .type_write .privacy .title{ line-height:20px; font-size:18px;}
    .type_write .privacy .check label p{ font-size:13px;}
    .type_write .tel input{ flex:1 0; width:50%;}
    .type_write .mail input{ flex:1 0; width:50%;}
    .type_write .mail select{ margin-top:4px !important; width:100%;}

    .type_write .radio{}
    .type_write .radio p{ margin:0 15px 0 0; padding:5px 0;}
}


.type_faq{ margin: 50px 0 0 0;}
.type_faq ul{ border-top: 2px solid #004995;}
.type_faq ul li{ border-bottom: 1px solid #DDD;}
.type_faq ul li a{ display:block;}
.type_faq ul li a .head{ padding: 25px 20px; cursor: pointer;}
.type_faq ul li a .head .fb{ display:flex; justify-content:space-between; align-items:center;}
.type_faq ul li a .head .tit{ position:relative; padding: 0 0 0 40px; line-height: 1.4; font-size: 2em; font-weight: 300;}
.type_faq ul li a .head .tit:before{ content:"Q"; display:block; position:absolute; top:50%; left:0; transform:translate(0,-50%); font-weight:500;}
.type_faq ul li a .head i{ font-size: 2em; color:#CCC; transition:all .5s;}
.type_faq ul li a .body{ display:none; padding: 30px 20px; border-top:1px solid #DDD; background:#f1f9f6;}
.type_faq ul li a .body .txt{ position:relative; padding: 0 0 0 40px; line-height: 1.6; font-size: 1.8em; font-weight: 200; color:#333;}
.type_faq ul li a .body .txt:before{ content:"A"; display:block; position:absolute; top:50%; left:0; transform:translate(0,-50%); font-weight:500;}
.type_faq ul li a .body .date{ margin: 10px 0 0 40px; font-size: 1.4em; color:rgba(0,0,0,0.5);}
.type_faq ul li.on a .head i{ transform:rotate(180deg);}
@media(max-width: 767px){
    .type_faq{ margin: 30px 0 0 0;}
    .type_faq ul li a .head{ padding: 20px 15px;}
    .type_faq ul li a .head .tit{ padding: 0 0 0 25px;}
    .type_faq ul li a .body{ padding: 20px 15px;}
    .type_faq ul li a .body .txt{ padding: 0 0 0 25px;}
    .type_faq ul li a .body .date{ margin: 10px 0 0 25px;}
}


.type_sub_menu{ margin: 0 0 50px 0;}
.type_sub_menu ul{ display: flex; flex-wrap: wrap; padding: 1px 0 0 1px;}
.type_sub_menu ul li{ width: 50%;}
.type_sub_menu ul li a{ display: flex; justify-content: center; align-items: center; margin: -1px 0 0 -1px; height: 55px; border: 1px solid #DDD; background: #fafafa; font-size: 1.6em; color: #000;}
.type_sub_menu ul li.on a{ position: relative; z-index: 1; border-color: #004995; background: #004995; color: #FFF;}
@media(max-width: 767px){
    .type_sub_menu{ margin: 0 0 30px 0;}
    .type_sub_menu ul li{ width: 50%;}
    .type_sub_menu ul li a{ height: 45px;}
}