@charset "utf-8";
/* CSS Document */
body{ font-weight:400; line-height:1.2; font-size:16px; -webkit-font-smoothing:antialiased; letter-spacing:-.063em; word-spacing:.063em}
.box0{ margin:0 4%}
.box1{ width:1200px; margin:0 auto; max-width:96%;}
.box2{ width:1100px; margin:0 auto; max-width:96%;}
.box3{ width:1500px; margin:0 auto; max-width:96%;}
.box4{ width:1400px; margin:0 auto; max-width:96%;}
.dwrap{ position:relative; width:2000px; left:50%; margin-left:-1000px}

#header{ position:fixed; left:0; top:0; width:100%; z-index:1000; /*border-bottom:1px solid rgba(255,255,255,.2)*/}
#header .top_wrap{ height:5em; transition:.3s;}
#header .logo{ position:relative; height:80%; box-sizing:border-box;}
#header .logo > a{ display:flex; position:absolute; width:15em; height:100%; align-items:center;}
#header .logo > a img{ max-height:100%}

#header .gnb_wrap{ position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 20em; text-align:center;}
#header .gnb_wrap .gnb{ display:inline-flex; justify-content:center; margin:0 auto}
#header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; top:5em; width:100%; height:calc(100% - 5em); background:rgba(255,255,255,.9); transform:scaleY(0); transform-origin:left top; transition:.5s; z-index:-1; box-sizing:border-box; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li.m_member,
#header .gnb_wrap .gnb > li.m_mypage,
#header .gnb_wrap .gnb > li.m_guide {display:none;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; z-index:1; transition:.3s; display:block; padding:0 1em; min-width:10em; font-weight:500;}
#header .gnb_wrap .gnb > li .dp1:after{content:""; position:absolute; bottom:0; width:0; margin-left:-1.5em; left:50%; height:3px; background:#1a58a3; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:3em}
#header .gnb_wrap .gnb > li .dp1 .va{/* padding-top:.25em;*/font-size:1em; color:#fff; letter-spacing:-1px;}
/*#header .gnb_wrap .gnb > li:hover .dp1{ color:#5c5e5e; font-weight:600}*/
#header .gnb_wrap .gnb > li.on .dp1 {}
#header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .gnb_wrap .gnb > li .dp2{ display:block; opacity:0; height:0; overflow:hidden}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.4em 0; color:#5c5e5e;}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{font-size:.938em;}

/*#header .gnb_wrap .gnb > li .dp2 {border-right:1px solid #eee;}*/
#header .gnb_wrap .gnb > li:first-child .dp2 {border-left:1px solid #eee;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#1a58a3;  }
#header .gnb_wrap .gnb > li .dp3{ display:none}
#header .gnb_wrap:hover .gnb:before{transform:scaleY(1); transition:.3s; transition-delay:.1s}
#header .gnb_wrap:hover .gnb:after{ visibility:visible; transition-delay:.3s}
#header .gnb_wrap:hover .gnb > li .dp2{ opacity:1; height:calc(100% - 5em); overflow: visible; transition:.3s; transition-delay:.1s; padding:1em 0 2em 0}
#header .gnb_wrap  + .gnb_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden}
#header .gnb_wrap:hover + .gnb_bg{opacity:1; visibility: visible; transition:.3s; transition-delay:.1s;}
#header .gnb_wrap .gnb > li:hover .dp1 .va{ color:#333;}
#header .gnb_wrap .gnb > li:hover .dp2 {background:rgba(255,255,255,.9)}
.scroll #header .gnb_wrap:hover .gnb > li .dp2{height:calc(100% - 4em);}
#header .etc_wrap {z-index:999}

#header .etc_wrap .wechat {padding-right:.5em;}
#header .etc_wrap .lang{ position:relative;}
#header .etc_wrap .lang .lang_btn{ padding:.625em .5em; color:#fff; font-size:.9em; font-weight:700;}
#header .etc_wrap .lang .lang_btn .tt{ padding:0 .5em 0 .5em; vertical-align:baseline}
#header .etc_wrap .lang .lang_btn .xi{ font-size:1em}

#header:hover .etc_wrap .lang .lang_btn{color:#555;}

#header .etc_wrap .wechat{cursor:pointer;}
#header .etc_wrap .wechat .xi{background:#00c10a; color:#f7f7f7; width: 1.5em; line-height:1.5em; border-radius:50%; font-size:1.5em; text-align:center;}

#header .etc_wrap .wechat_wrap { position: relative; }
#header .etc_wrap .wechat_wrap .wechat_con { display: none; width: 10em; height: 10em; background: #fff; position: absolute; top: 3em; left: -3.5em; padding: .5em; box-sizing: border-box; }

#header .etc_wrap .lang .list{ position:absolute; left:0; width:100%; bottom:-2.5em; visibility:hidden; opacity:0; transition:.3s}
#header .etc_wrap .lang .list .lang_btn{ background:rgba(0,0,0,.7); color:#fff; transition:.3s}
#header .etc_wrap .lang .list .lang_btn:hover{}
#header .etc_wrap .lang .list .lang_btn:hover .arrow{}
#header .etc_wrap .lang.on .list{ visibility:visible; opacity:1}
#header .etc_wrap .lang:hover > .lang_btn,
#header .etc_wrap .lang.on > .lang_btn{font-weight:700;}

#header .etc_wrap .mem_wrap {}
#header .etc_wrap .mem_wrap .etc {}
#header .etc_wrap .mem_wrap .etc > li {}
#header .etc_wrap .mem_wrap .etc > li .in {color:#fff; display:block; padding:0 .75em;}
#header .etc_wrap .mem_wrap .etc > li .in .xi {vertical-align:middle; display:inline-block; padding-right:3px; font-size:1.4em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt {font-size:.938em; vertical-align:middle}
#header .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border-radius:3em; border:1px solid #fff; padding:.2em 1.3em; font-size:.875em !important}
#header .etc_wrap .mem_wrap .etc > li:hover .in .tt {color:#333; transition:.3s;}

#header .etc_wrap .all_wrap{}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#fff; line-height:5em; width:5em; text-align:center; position:relative}
#header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; transition:.3s}
#header .etc_wrap .all_wrap .all_btn .xi{ font-size:2em; position:relative;}
#header .etc_wrap .all_wrap:hover .all_btn,



#header .etc_wrap .all_wrap.on .all_btn{ color:#fff !important; }
#header .etc_wrap .all_wrap:hover .all_btn:before,
#header .etc_wrap .all_wrap.on .all_btn:before{ height:100%}
#header .etc_wrap .all_wrap.on .all_btn {line-height:4em;}
.scroll #header .etc_wrap .all_wrap .all_btn {line-height:4em;}

#header .etc_wrap .all_wrap .all{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; visibility:hidden; opacity:0; overflow-y:auto; transition:.3s; transform:scale(.5); z-index:10000}
#header .etc_wrap .all_wrap.on .all{ visibility:visible; opacity:1; transform:scale(1)}
#header .etc_wrap .all_wrap .all .close_btn{ position:absolute; top:1em; right:2em; width:3em; line-height:3em; text-align:center; opacity:.5; transition:.3s}
#header .etc_wrap .all_wrap .all .close_btn .xi{ font-size:3em}
#header .etc_wrap .all_wrap .all .close_btn:hover{ transform:rotate(90deg); opacity:1}
#header .etc_wrap .all_wrap .all .all_logo{ text-align:center; padding:3em 0; justify-content:center;}
#header .etc_wrap .all_wrap .all .gnb a{ height:auto}
#header .etc_wrap .all_wrap .all .gnb{ justify-content:space-between; padding-bottom:5em}
#header .etc_wrap .all_wrap .all .gnb > li{ flex:0 1 24%}
#header .etc_wrap .all_wrap .all .gnb > li.m_mypage,
#header .etc_wrap .all_wrap .all .gnb > li.m_guide {display:none;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2,
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ display:block}
#header .etc_wrap .all_wrap .all .gnb > li .dp1{ border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative}
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after{ content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#1a58a3; transition:.3s}
#header .etc_wrap .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1{ color:#333}
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1:after{ width:100%}
#header .etc_wrap .all_wrap .all .gnb > li .dp2{}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a{ padding:1em; border-bottom:1px solid #ddd; text-align:left; position:relative; padding-left:2em; font-size:.938em;}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:after{ content:"\e913"; font-family:xeicon!important; position:absolute; left:0; top:1em; width:2em; text-align:center; color:#aaa}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a{ background:#f5f5f5; color:#333}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after{ color:#1a58a3}
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > .dp3{ background:#f9f9f9}
#header .etc_wrap .all_wrap .all .gnb > li .dp3{ padding:.5em 0; border-bottom:1px solid #ddd}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a{ padding:.25em .75em; text-align:left}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.875em; color:#666}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va:before{ content:"- "; display:inline-block; padding-right:1em}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va{ text-decoration:underline; color:#333}
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va:before{ text-decoration:none}

#header:hover {background:rgba(255,255,255,.9);}
#header.hide{ transform:translateY(-6em)}
.headerH,
#header .va_wrap{ height:5em}
.headerT{ padding-top:5em}
.scroll #header .etc_wrap .lang .lang_btn{color:#555;}
.scroll #header{ box-shadow:0 0 1em rgba(0,0,0,.3); background:rgba(255,255,255,.9);}
.scroll #header .top_wrap{ height:4em}
.scroll #header .va_wrap {height:4em;}
.scroll #header .gnb_wrap .gnb:before {top:4em; height:calc(100% - 4em);}
.scroll #header .gnb_wrap .gnb > li .dp1 .va { color:#333 !important;}
#header:hover:before {opacity:1; transition:.3s;}
#header:hover .gnb_wrap .gnb > li .dp1 .va {color:#333;}
#header:hover .etc_wrap .mem_wrap .etc > li .in {color:#1a58a3;}
#header:hover .etc_wrap .all_wrap .all_btn .xi {transition:.3s; color:#333}
.scroll #header .etc_wrap .all_wrap .all_btn .xi {transition:.3s; color:#333 !important;}
#header:hover .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border:1px solid #5c5e5e;}
#header .etc_wrap .all_wrap .all_btn:hover {background:#1a58a3; transition:.3s;}
#header .etc_wrap .all_wrap .all_btn:hover .xi {color:#fff !important;}
#header:hover .logo > a{color:#111; z-index:111 !important; }

/* main */
.swiper_control{ z-index: 10}
.swiper_control.pb{ position:absolute; width:100%; left:0; bottom:.5em}
.swiper_control.pm{ position:absolute; width:100%; left:0; top:50%}
.swiper_control .btn{ display:inline-block; width:3em; line-height:3em; text-align:center; cursor:pointer; opacity:.5}
.swiper_control .btn:before{ font-family:xeicon; font-size:1.5em}
.swiper_control .btn.prev:before{content:"\e93d"}
.swiper_control .btn.next:before{content:"\e940"}
.swiper_control .btn.pause:before{content:"\ea3b"}
.swiper_control .btn.play:before{content:"\ea3e"}
.swiper_control .btn.play{ display:none}
.swiper_control .btn.st1{ border:1px solid #ddd; font-size:.875em}
.swiper_control .btn.st2{ padding:1em}
.swiper_control .btn.st2:hover{ background:#0e2563; color:#fff}
.swiper_control.white .btn.st1{ border-color:#fff}
.swiper_control.pause .btn.play{ display:block; opacity:1}
.swiper_control.pause .btn.pause{ display:none}
.swiper_control .btn:hover{ opacity:1}
.swiper_control .total{ font-size:.938em; padding:0 .5em}
.swiper_control .total .this{ font-weight:500}
.swiper_control .total .all{ opacity:.5}
.swiper_control .total .all:before{ content:"/"; margin:0 .25em}
.swiper_control .paging{ position:relative; margin:0 2em; bottom:0}
.swiper_control .paging:first-child{ margin-left:0}
.swiper_control .paging.swiper-pagination-progressbar{ height:.125em;}
.swiper_control .paging.swiper-pagination-progressbar > span{ height:150%; top:auto; bottom:0}
.swiper_control .paging.st1{ display:flex; align-items:flex-end}
.swiper_control .paging.st1 > span{ position:relative; background:#aaa; opacity:1; height:2px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s}
.swiper_control .paging.st1 > span:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff}
.swiper_control .paging.st1 > span:before{ content:"0" counter(mainVIndex) "."; position:absolute; left:0; top:-2em; font-weight:700; opacity:.7}
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active{ width:10em}
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:before{ opacity:1}
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:after{ width:100%; transition:4s; transition-delay:.5s; transition-timing-function:ease-out}
.swiper_control.white{ color:#fff}
.swiper_control.white .paging > span{ background:none}

.visualSlider .el{ position:relative; overflow:hidden; height:100vh; background:#fff}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:1s;}
.visualSlider_wrap{ position:relative}
.visualSlider_wrap .slogan{ color:#fff; z-index:10; position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); padding-bottom:5em; box-sizing:border-box; text-align:center;}
.visualSlider_wrap .slogan .t1{ font-size:2em; margin-bottom:.5em; transform:translateX(-5em); opacity:0; transition:1.5s;}
.visualSlider_wrap .slogan .t2{ font-size:3.5em; font-weight:300; transform:translateX(5em); opacity:0; transition:1.5s;}
.visualSlider .el.swiper-slide-active .slogan .t1{ transform:translateX(0); opacity:1; transition-delay:.4s}
.visualSlider .el.swiper-slide-active .slogan .t2{ transform:translateX(0); opacity:1; transition-delay:.8s}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1); opacity:1; transition:3s;}
.visualSlider_wrap .swiper_control{ bottom:2em; left:3%; width:auto}


.mainScroll{ position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%)}
.mainScroll .xi{ font-size:3.5em}
.mainScroll .box0{ position:relative}
.mainScroll{ position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%)}
.mainScroll .xi{ font-size:3.5em}
.mainScroll .box0{ position:relative}

@keyframes downAni{
70% {margin-bottom:0}
90% {margin-bottom:-.5em}
100% {margin-bottom:0}
}

#footer .gotop{ display:block; width:5em; line-height:5em; border:.25em solid #ddd; color:#aaa; text-align:center; margin:3em auto}
#footer .gotop .xi{ font-size:2em}
#footer .gotop:hover{ background:#222; border-color:transparent; color:#fff}
#footer .wrap_in{ background:#212830}
#footer .menu_wrap{ padding:2em 0; border-bottom:1px solid rgba(255,255,255,.1)}
#footer .menu_wrap .menu > li {border-right: 1px solid rgba(255,255,255,.5)}
#footer .menu_wrap .menu > li:last-child {border-right:none;}
#footer .menu_wrap .menu > li > a{ color:#fff; opacity:.5; font-weight:500; padding:1.5em;}
#footer .menu_wrap .menu > li:first-child > a {padding-left:0;}
#footer .menu_wrap .menu > li.point > a{ opacity:1 ; color:#42d3dc;}
#footer .menu_wrap .menu > li > a:hover{ text-decoration:underline}
#footer .info_wrap{ padding:2em 0 4em 0}
#footer .info_wrap .info > li{ display:inline-block; color:#fff; font-size:.938em; line-height:2; margin-right:1em; letter-spacing:-1px}
#footer .info_wrap .info > li.tit{ opacity:1; font-weight:500}
#footer .info_wrap .info > li.copyright{ display:block; margin-top:1em; font-size:.813em; opacity:.3}

.sns > li > a{ width:3em; line-height:3em; border-radius:50%; border:1px solid transparent; margin-left:.5em; text-align:center; padding:.8em;}
.sns > li > a .icon{ font-size:1.5em; vertical-align:bottom;}
.sns > li:first-child > a{ margin-left:0}
.white .sns > li > a{ border-color:rgba(255,255,255,.2); color:#fff}
.white.st2 .sns > li > a{ background:rgba(0,0,0,.5); border:none;}
.white .sns > li > a:hover{ background:#fff; color:#2c3446}
.sns > li.in .icon:before{content:"\ebe9"}
.sns > li.nb .icon:before{content:"\ebfa"}
.sns > li.fa .icon:before{content:"\ebd3"}
.sns > li.ks .icon:before{content:"\ebef"}
/**/
#contents{}

.main #contents .doc{ padding:6em 0em;}
#contents .doc{ padding:9em 0em;}
.dp2_product #contents .doc{ padding:6em 6em;}


#contents .subtop_wrap {position:relative; background:#000}
#contents .subtop_wrap .sub_visual{ height:20em; position:relative; }
#contents .subtop_wrap .sub_visual .bg{ position:absolute; left:0; top:0; width:100%; height:100%}
#contents .subtop_wrap .sub_visual .wrap_in{ position:relative; height:100%}
#contents .subtop_wrap .sub_visual .wrap_in .sub_slogan{ flex:1 1 auto; position: relative;}
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu{ flex:0 0 auto; }
.dp1_instrument #contents .subtop_wrap .sub_visual .wrap_in .sub_menu,
.dp1_electron #contents .subtop_wrap .sub_visual .wrap_in .sub_menu { position: absolute; bottom: -56px; }

#contents .sub_slogan{ color:#fff; transform:translateY(2em); opacity:0}
#contents .sub_slogan .in{ width:100%; text-align:center}
#contents .sub_slogan .t1{ font-size:2em; font-weight:500;}
#contents .sub_slogan .line {display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_slogan .t2 {font-size:1.3em; letter-spacing:7px;}

.load #contents .sub_slogan .line{ width:2.5em}
.load #contents .sub_slogan{ transform:translateY(0); opacity:1; transition:1s}

#contents .sub_menu{ padding-bottom:0; width:100%; display: flex; justify-content: center;}
#contents .sub_menu .gnb{ flex-wrap: wrap; width:80%; }
#contents .sub_menu .gnb > li{ width:100%; }
#contents .sub_menu .gnb > li .dp2{justify-content:center;overflow:hidden;flex-wrap:wrap;}
#contents .sub_menu .gnb > li .dp2 > li{ flex:1 1 20%; /*max-width:25%*/}
#contents .sub_menu .gnb > li .dp2 > li > a{ display:block; height:3.5em; background:rgba(0,0,0,0.3); color:#fff; transition:.3s; position:relative; /* border-bottom:1px solid #ddd; */ }
#contents .sub_menu .gnb > li .dp2 > li:not(:first-of-type):not(:nth-child(5)) > a:after{ content:""; position:absolute; left:0px; top:25%; height:50%; width:1px; background:#ddd}
#contents .sub_menu .gnb > li .dp2 > li > a .va{ font-size:1.063em}
#contents .sub_menu .gnb > li .dp2 > li:hover > a{ color:#003876}
#contents .sub_menu .gnb > li .dp2 > li.on{ z-index:1; box-shadow:0 0 1em .25em rgba(0,0,0,.3)}
#contents .sub_menu .gnb > li .dp2 > li.on > a{color: #fff;/* border-bottom: 1px solid #1a58a3; */background: #1a58a3;}
#contents .sub_menu .gnb > li .dp2 > li.on > a:after{ background:#fff; width:100%; height:0; top:-3px; left:0}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ display:none!important}
.dp2on .gnb > li.on{ display:block!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}
/**/
.page_Sec1 {margin-top:1em !important;}
.page_Sec2 {margin-top:2em !important;}
.page_Sec3 {margin-top:3em !important;}
.page_Sec4 {margin-top:4em !important;}
.page_Sec5 {margin-top:5em !important;}
.page_Sec6 {margin-top:6em !important;}
.page_Sec7 {margin-top:7em !important;}
.page_Sec8 {margin-top:8em !important;}
.page_Sec9 {margin-top:9em !important;}
.page_Sec10 {margin-top:10em !important;}

/* main2 */
.point { cursor: pointer; }

.about { align-items: center; }
.about_wrap { width: 50%; }
.about_wrap .about_t1 { font-size: 1.125em; color: #1a58a3; margin-bottom: 1em; }
.about_wrap .about_t2 { font-size: 2.5em; margin-bottom: .3em; }
.about_wrap .about_t3 { font-size: 1.85em; color: #444; }
.about_wrap .about_t4 { color: #666; line-height: 1.5em; }
.about_wrap .about_t5 { font-weight: 800; }
.about_wrap .about_t6 { font-weight: 600; }
.about_wrap .about_line { width: 50px; height: 1px; background: #000; content: ""; margin: 3em 0; }
.about_wrap .about_btn { margin-top: 2em; }
.about_wrap .about_btn .btn { border: 1px solid #1a58a3; background: #fff; padding: 1em 3.5em; }
.about_wrap .about_btn .btn:hover { border: 1px solid #1a58a3; background: #1a58a3; padding: 1em 3.5em; }
.about_wrap .about_btn .btn:hover .btn_tt { color: #fff; }
.about_wrap .about_btn .btn .btn_tt { color: #1a58a3; font-weight: 500; }
.about_img_wrap { width: 50%; }
.about_img_wrap .about_img { width: 100%; height:450px; background:url(../images/sub/greetings.jpg) no-repeat center center; background-size: cover; }



.prd_top .ins_t1 { font-size: 1.5em; font-weight: 600; }
.prd_top .ins_t2 { display: flex; flex-basis: 100%; align-items: center; color: #1a58a3; font-size: 2em; margin: 8px 0px; font-weight: 600; }
.prd_top .ins_t2:before,
.prd_top .ins_t2:after { content: ""; flex-grow: 1; background: #000; height: 1px; font-size: 0px; line-height: 0px; margin: 0px 16px; }
.prd_wrap { margin-top: 3em; }
.prd_wrap .ins_prd { flex: 1 1 20%; box-shadow:  5px 5px 10px #f7f7f7, -5px -5px 10px #f2f2f2; margin: .5em; height:450px; box-sizing: border-box; max-width:20%; }
.prd_wrap .ins_prd:last-of-type { margin-right:0; }
.prd_wrap .ins_prd:nth-of-type(4n) { margin-right:0; }
.prd_wrap .ins_prd:nth-of-type(2n){margin-top:3em}
.prd_wrap .ins_prd .prd_img { padding: 2em 0; border: 1px solid #e5e5e5; height: 50%; box-sizing: border-box; overflow: hidden;}
.prd_wrap .ins_prd .prd_con { border: 1px solid #e5e5e5; border-top: none; display: flex; flex-direction: column; align-items: center; padding: 2em 1em; height: 50%; box-sizing: border-box; }
.prd_wrap .ins_prd .prd_con .prd_text { width: 100%; text-align: center; }
.prd_wrap .ins_prd .prd_con .prd_text .prd_t1 { font-size: 1em; color: #1a58a3; font-weight: 500; margin-bottom: .8em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding: 1px 0; }
.prd_wrap .ins_prd .prd_con .prd_text .prd_t2 { font-size: 1.25em; font-weight: 500; margin-bottom: .8em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding: 1px 0; }
.prd_wrap .ins_prd .prd_con .prd_text .prd_t3 { font-size: 0.875em; color: #666; margin-bottom: .8em; text-overflow:ellipsis; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; padding: 1px 0; }
.prd_wrap .ins_prd .prd_con .prd_text .prd_t4 { font-size: 1em; color: #1a58a3; font-weight: 500; margin-bottom: .8em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding: 1px 0; }

.prd_wrap .ins_prd:hover .prd_con{background:#1a58a3; color:#fff;  transition:.3s;}
.prd_wrap .ins_prd:hover .prd_con .prd_text .prd_t1{color:#fff; transition:.3s;}
.prd_wrap .ins_prd:hover .prd_con .prd_text .prd_t2{color:#fff; transition:.3s;}
.prd_wrap .ins_prd:hover .prd_con .prd_text .prd_t3{color:#fff; transition:.3s;}
.prd_wrap .ins_prd:hover .prd_con .prd_text .prd_t4{color:#fff; transition:.3s;}

.prd_btn { border: 1px solid #1a58a3; background: #fff; padding: 1em 3.5em; margin-top: 4em; }
.prd_btn:hover { border: 1px solid #1a58a3; background: #1a58a3; padding: 1em 3.5em; }
.prd_btn:hover .btn_tt { color: #fff; }
.prd_btn .btn_tt { color: #1a58a3; font-weight: 500; }

.community_wrap { height:510px; background:url(../images/main/community.jpg) no-repeat center center; }
.community_wrap .con_left { height: 510px; }
.community_wrap .con_left .community_text { width: 390px; height:350px; background:url(../images/main/community_4.jpg) no-repeat center center; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); }
.community_wrap .con_left .community_text .community_text_wrap { padding: 2.5em 5em  0 2em; box-sizing: border-box; }
.community_wrap .con_left .community_text .community_text_wrap .c_tt1 { font-size: 1.375em; font-weight: 500; color: #fff; margin-bottom: 1em; }
.community_wrap .con_left .community_text .community_text_wrap .c_tt2 { font-size: 1em; color: #fff; }
.community_wrap .con_left .community_text .com_menu_wrap { padding: 3.5em 2em 2em 2em; }
.community_wrap .con_left .community_text .com_menu_wrap .square { width: 46%; height: 3.3em; border: 1px solid #fff; margin: 0 .6em .6em 0; display: flex; align-items: center; }
.community_wrap .con_left .community_text .com_menu_wrap .square:nth-of-type(2) { margin-right: 0; }
.community_wrap .con_left .community_text .com_menu_wrap .square:nth-of-type(3) { margin-bottom: 0; }
.community_wrap .con_left .community_text .com_menu_wrap .square:nth-of-type(4) { margin-right: 0; margin-bottom: 0; }
.community_wrap .con_left .community_text .com_menu_wrap .square .square_icon { width: 30px; height:30px; margin: 0 1em 0 1.5em; }
.community_wrap .con_left .community_text .com_menu_wrap .square .square_text { font-size: 1em; color: #fff; }
.community_wrap .con_left .community_img { width: 390px; height:350px; background:url(../images/main/community_2.jpg) no-repeat center center; }
.community_wrap .con_right { width: 400px; height: 350px; background: #fff; box-shadow: 0 6px 6px rgba(0,0,0,0.23), 0 10px 20px rgba(0,0,0,0.19); }
.community_wrap .con_right .community_gal_text { padding: 2em 2em 1em 2em; }
.community_wrap .con_right .community_gal_text .g_tt1 { font-size: 1.375em; font-weight: 500; }
.community_wrap .con_right .community_gal_wrap .community_gal_img { position: relative; width: 360px; height: 250px; /*background:url(../images/main/community_3.jpg) no-repeat center center;*/ flex-direction: column; }
.community_wrap .con_right .community_gal_wrap .community_gal_img iframe{width:100% !important; height:100% !important;}
/* .community_wrap .con_right .community_gal_wrap .community_gal_img:before { position: absolute; content: ""; background: #000; opacity:.5; width: 100%; height: 100%; top: 0; left: 0; }
.community_wrap .con_right .community_gal_wrap .gal_circle { position: absolute; width: 6em; height: 4em; background: #ed3023; border-radius: 15%; }
.community_wrap .con_right .community_gal_wrap .gal_circle > i { font-size: 3em; color: #fff; } */

.info_wrap .cs_wrap { width: 50%;  flex-direction: column; }
.info_wrap .cs_wrap .cs_text { height: 230px; background: #f5f8fd; flex-direction: column; text-align: center; }
.info_wrap .cs_wrap .cs_text .cs_text_icon { width: 50px; height: 50px; }
.info_wrap .cs_wrap .cs_text .cs_text_center { margin-bottom: .8em; }
.info_wrap .cs_wrap .cs_text .cs_text_center:last-of-type { margin-bottom: 0; }
.info_wrap .cs_wrap .cs_text .cs_text_center .cs_tt1 { font-size: 1.25em; margin-bottom: .3em; }
.info_wrap .cs_wrap .cs_text .cs_text_center .cs_tt2 { font-size: 1.75em; font-weight: 600; color: #1a57a3; margin-bottom: .1em; }
.info_wrap .cs_wrap .cs_text .cs_text_center .cs_tt3 { font-size: 1em; font-weight: 500; color: #333333; }
.info_wrap .cs_wrap .cs_text .cs_text_center .cs_tt4 { font-size: 0.875em; color: #888888; }
.info_wrap .cs_wrap .cs_text .cs_text_center.cs_text_info .cs_tt3:first-of-type { margin-right: .8em; }
.info_wrap .cs_wrap .cs_btn_wrap .cs_btn:first-of-type { width: 50%; height: 70px; background: #1a58a3; }
.info_wrap .cs_wrap .cs_btn_wrap .cs_btn:last-of-type { width: 50%; height: 70px; background: #022d60; }
.info_wrap .cs_wrap .cs_btn_wrap .cs_btn > p { font-size: 1.125em; color: #fff; }
.info_wrap .cs_wrap .cs_btn_wrap .cs_btn > p > i { margin-right: .3em; }
.info_wrap .map_wrap { width: 50%; /* border-bottom: 1px solid #ccc; */ }
.root_daum_roughmap .wrap_controllers {display:none !important;}

/* list */
.prod_wrap{ margin:-2em 0 0 -2em}
.prod_wrap > li{ width:25%}
.prod_wrap.st2 > li{ width:25%}
.prod_wrap.st2 > li .in {cursor:inherit; padding:0;}
.prod_wrap > li .in{ margin:2em 0 0 2em; border:1px solid #ddd; padding:1em 1em 2em 1em; text-align:center; cursor:pointer}
.prod_wrap > li .in .img .re {overflow:hidden;}
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.6s}
.prod_wrap > li .in .tit{ font-size:1.25em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:500; }
.prod_wrap > li .in .img.resize{ padding-bottom:65%; margin-bottom:15px;}
.prod_wrap > li .in .more{ position:relative; width:1.5em; height:1.5em; line-height:1.7em; font-size:1em;}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative}
.prod_wrap.st2 > li .in .info {height:3.5em;}
.prod_wrap > li .in .info > li{ margin-bottom:1em}
.prod_wrap > li .in .info .t1{ float:left; text-align:center; width:100%; color:#777; font-size:.938em}
.prod_wrap > li .in .info .t2{ float:right; text-align:left; width:55%; color:#777; font-size:.938em; text-overflow:ellipsis; withe-space:nowrap; overflow:hidden; white-space:normal; height:20px;display:inline-block; word-wrap:break-word;}/*height값 고정으로줘야됨(번역때문에)*/
.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .more{ color:#fff}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:linear-gradient(135deg,#3f45c2 0,#24a1ba 100%); border-color:transparent;}
.board_icon.new .xi:before{vertical-align:middle; padding-left:.25em;}
.prod_wrap > li .in .img .prodLogo{ position:absolute; top:0; right:0; z-index:1111111;}
.prod_tab_wrap{ position:relative; margin-top:-1.5em; margin-bottom:3em;}
.prod_tab_wrap ul{ overflow:hidden;}
.prod_tab_wrap ul li{ float:left; width:25%; margin:2px 0;}
.prod_tab_wrap ul li > a{ display:block; padding:5px 10px 5px 0; margin-right:10px; border:1px solid transparent; border-radius:3px; font-size:.938em; color:#888; transition:.3s; text-align:center; border:1px solid #ddd; background:#f5f5f5; box-sizing:border-box; line-height:2.2em;}
.prod_tab_wrap ul li:hover a{ padding-left:20px; border-color:#003f87; color:#003f87; background:#f5f5f5;}
.prod_tab_wrap ul li.on a{ background:#0072c6; border-color:#0072c6; color:#fff;}

.ani_tit_wrap { display: flex; justify-content: center; align-items: center; padding:1em 0 1em 0; border-top:1px solid #ddd; height: 3em; }

/*searching*/
.searching_area{ font-size:.875em; margin-bottom:25px; overflow:hidden;}
.total_area{ float:left;}
.total_area .total{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; text-align:center;}
.total_area .total .xi{ width:30px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:50%; font-size:1.438em;}
.total_area .num{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; color:#111; margin:0 0 0 5px;}
.total_area .num > strong{ font-family:Arial, Helvetica, sans-serif; color:#003f87; font-weight:600; vertical-align:baseline; padding:0 8px;}
.board_search{ float:right;}
.board_search select,
.board_search input,
.board_search button{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:35px; height:35px; border:1px solid transparent; background-color:transparent; box-sizing:border-box;}
.board_search select,
.board_search input{ border-bottom-color:#666; margin-right:10px;}
.search_select{ width:110px; color:#111;}
.search_inp{ width:220px; padding:0 12px; color:#aaa;}
.search_inp:focus{ color:#111}
.search_btn{ font-size:0;}
.search_btn .xi{ font-size:1.6rem; color:#333; line-height:35px; transition:.3s;}
.search_btn:hover .xi{ color:#003f87;}

/* view */
.prod_detail_wrap.flex_detail { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.prod_detail_wrap .inner{ *zoom:1; }
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{ float:left; width:50%; position:relative; margin-bottom: 2em;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}
.prod_detail_wrap .inner .slide_wrap img{ display:inline-block; *display:inline; zoom:1;}
.prod_detail_wrap .inner .info_wrap { float:right; width:50%; }
.prod_detail_wrap .info_wrap .in{ padding:30px 0 0 130px;}
.prod_detail_wrap .info_wrap .prod_tit{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; }
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; vertical-align:middle; color:#1a58a3; font-weight:700; font-size:.938em;}
.prod_detail_wrap .info_wrap .prod_tit .t1 .xi {vertical-align:middle; color:#1b5b8f; padding-right:1px;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:2em; font-weight:700;}


.prod_detail_wrap .info_wrap .prod_info { padding-bottom: .87em; }
.prod_detail_wrap .info_wrap .prod_info .info{ font-weight:400; margin-bottom: .87em; }
.prod_detail_wrap .info_wrap .prod_info .info .tit{ position: relative; top:10px; left:0; color:#666; padding-left: .8em; }
.prod_detail_wrap .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#023e88; }

.prod_detail_wrap .info_wrap .prod_btn { border-top:1px dashed #ccc; margin-top:20px; padding-top:20px;}
.prod_detail_wrap .info_wrap .prod_btn > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; width:33.33%;}
.prod_detail_wrap .info_wrap .prod_btn .btn{ width:100%; height:50px; border:1px solid transparent; overflow:hidden;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c1{ background:#023e88; color:#fff;}
.prod_detail_wrap .info_wrap .prod_btn .btn.c2{ background:#ffffff; border-color:#023e88; color:#666; }
.prod_detail_wrap .info_wrap .prod_btn .btn i{ vertical-align:middle;}
.prod_detail_wrap .info_wrap .prod_btn .btn .xi{ padding-right:1px;}


.prod_detail_wrap .inner .slide_wrap .item.img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .img{ padding:30px; }
.prod_detail_wrap .inner .slide_wrap .prod_slide .item .flex_center { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 1em 0; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb{ margin:0 -2px; margin-top:5px; }
.prod_detail_wrap .inner .slide_wrap .prod_thumb .item .img{ margin:0 4px; padding:10px; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .prod_thumb .slick-current .img{ border-color:#3578a8;}
.prod_detail_wrap .inner .slide_wrap .control_box{ position:absolute; top:50%; left:0; right:0;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li{ position:absolute; top:0; margin-top:-60px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li .xi{ width:40px; height:40px; line-height:40px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:100%; color:#777; cursor:pointer;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .prev{ left:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow .next{ right:-50px;}
.prod_detail_wrap .inner .slide_wrap .control_arrow > li:hover .xi{ background:#3578a8; border-color:#3578a8; color:#fff; transition:.3s;}

.main_wrap .ci_text { width: 100%; text-align: center; }
.main_wrap .ci_text .ci_tt1 { font-size: 2.2em; font-weight: 700; line-height: 1.8em; }
.main_wrap .ci_text .ci_tt2 { font-size: 1.6em; font-weight: 600; color: #023e88; line-height: 1.8em; }
.main_wrap .ci_text .ci_tt3 { line-height: 1.7em; }
.main_wrap .ci_text .ci_tt3 mark { background: #023e88; color: #fff; }
.page_title { text-align: center; font-size: 1.2em; letter-spacing: .375em !important; color: #023e88; line-height: 1.6; }
.page_title.tit_bottom { margin-bottom: 2em; }
.prod_review { margin-top: 6em; }
.prod_review .p_line { width: 50px; height: 3px; background: #023e88; margin: auto auto 1em auto; }
.prod_review .img_wd { text-align: center; margin-top: 3em; }
.prod_review .img_wd img { width: 847px; }

.career_list {margin:2em 0 0 -2em;}
.career_list > li {flex:1 0 25%; max-width:33%;}
.career_list > li.li_s{ max-width:33%;}
.career_list > li.li_s2{ max-width:20%;}
.career_list > li .in {background:#fff; margin:0 0 0 2em; padding:3em 2.5em; text-align: center; border: 1px solid #ccc; border-top: 2px solid #023f87;}
.career_list > li .in.in_color {background:#fff;}
.career_list > li .in .icon {color:#1f65ba; font-size:1.250em;}
.career_list > li .in .tx {line-height:1.4; font-size:1.125em; padding-top:1em;}
.career_list2{ border-top:2px solid #023e88; margin-top:2em;}
.career_list2.none{ border-top:1px solid #ccc; }
.career_list2 > li{ padding:1.25em 1em; background:#fff; border-bottom:1px solid #ddd;}
.career_list2 > li:nth-child(2n){ background:#f7f7f7;}
.career_list2 > li .txt{ padding-top:.25em; white-space:normal !important; overflow:visible;}
.career_list2 > li .num{ margin-right:1.5em;}
.career_list2 > li .txt{ flex:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.career_list2 > li .num{ position:relative; width:2.5em; margin-right:1em; font-size:1.250em; text-align:center; color:#1f65ba; font-weight:700;}
.career_list2 > li .num:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:.625em; background:#1f65ba; opacity:.2;}
.career_list2 > li .num.xi {}
.career_list2 > li .num.xi:before {background:none;}
.career_list2 > li.li_w { width: 20% }
.career_list2 > li.li_w:nth-child(1) { width: 16% }
.career_list2 > li.li_w:nth-child(2) { width: 28% }
.career_list2 > li.li_w:nth-child(5) { width: 16% }

/* tab */
.pro_detail_con {margin:3em 0;}
.pro_detail_con .pro_view_tab_st{padding-right:1px; border-bottom:1px solid #ccc;}
.pro_detail_con .pro_view_tab_st > li{ flex: 1 1 auto; }
.pro_detail_con .pro_view_tab_st > li > a{vertical-align:middle; background:#f8f8f8; height:3.5em; color:#2c476b; border:1px solid #ccc; margin-right:-1px; position:relative; padding:0 5em; font-size:.938em; font-weight:400; margin-bottom:-1px; border-bottom:none;}
.pro_detail_con .pro_view_tab_st > li > a:after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; display:none; z-index:1}
.pro_detail_con .pro_view_tab_st > li.on > a{ background:#fff; border:2px solid #1a58a3; color:#111; z-index:1; border-bottom:none;}
.pro_detail_con .pro_view_tab_st > li.on > a:after{ display:block}
.pro_detail_con .prod_view_edit{padding:50px 30px; font-size:1em; color:#222; border:1px solid #ccc; border-top:none;  font-family:'ns','ng',sans-serif !important ; line-height:1.5;}
.vm_wrap{ display:block; text-align:center; white-space:nowrap;}
.vm_wrap:before{ content:""; display:inline-block; *display:inline; zoom:1; vertical-align:middle; width:0; height:100%;}
.vm_tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; white-space:normal;}

/* greetings */
.greetings_wrap .t1 { font-size: 1.5em; margin-bottom: 1.3em; }
.greetings_wrap .t2 { color: #555; line-height: 25px; margin-bottom: 1.3em; }
.greetings_wrap .t3 { font-size: 1.2em; }
.greetings_wrap .t_span { font-weight: 700; }
.greetings_wrap .greetings_le { width: 59%; margin-right: 2em; }
.greetings_wrap .greetings_ri { width: 40%; }
.gochina {width: 100%; text-align: center; font-size: 1.3em; margin-top: 1.6em;}
.gochina > p i {margin:0 0.2em; font-size:1em;}


/* agree */
.agree_wrap{ padding:.5em; font-size:.938em; line-height:1.5; border-top:2px solid #2c476b; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; box-shadow:3px 4px 3px rgba(0,0,0,.2); padding:2em; background:#f9f9f9;}
.agree_wrap .agree.st p{line-height:1.9; padding:1em 0; color:#222;}
.agree_wrap .agree.st p strong {font-size:1.3em; }

.page_email{ letter-spacing:-1px;}
.page_email .email_top{ padding:20px 30px; background:#fff; border:2px solid #ddd; text-align:center; color:#111; line-height:1.4;}
.page_email .email_con{}
.page_email .email_con .tit{ text-align:center; font-size:1.125em; color:#000; padding-top:1em;}
.page_email .email_con .con_wrap{ margin-top:40px;}
.page_email .email_con .con_wrap > dt{ margin-bottom:10px;}
.page_email .email_con .con_wrap > dt > span{ display:block; position:relative; padding-top:2px; padding-left:25px; color:#333;}
.page_email .email_con .con_wrap > dt > span:before{ content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em;}
.page_email .email_con .con_wrap > dd{ margin-left:25px; font-size:0.938em; color:#666; line-height:1.8;}

/* location */
.box_st{ box-shadow:0 0 1em rgba(0,0,0,.2); padding:2em; border-radius:.5em}
.sub_location_info > li{margin-bottom:3em;}
.sub_location_info > li:last-child {margin-bottom:0;}
.sub_location_info > li > span {display:block}
.sub_location_info .tit{ font-weight:500; margin-right:1em; position:relative; padding:.5em 0 .5em 3.5em}
.sub_location_info .tit.w1{ width:7em}
.sub_location_info .tit.s1 > i:not(.xi){ font-size:1.125em}
.sub_location_info .tit .xi{ width:2em; line-height:2em; text-align:center; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.2); color:#063165;text-align:center; position:absolute; left:0; top:0}
.sub_location_info .tt{ color:#666; vertical-align:top; padding-top:.5em}
.sub_location_info .tt > *{ vertical-align:baseline}

.a_white { color: #fff !important; }
.community_text_wrap > .c_tt2 { word-break: break-all; }

.page_tab .tab,
.page_tab .tab > li,
.page_tab .tab > li > a{ }
.page_tab {text-align:center;} 
.page_tab .tab{margin-bottom:5em;}
.page_tab .tab > li {width:25%;}
.page_tab .tab > li > a{padding:1.3em 1em; border:1px solid #ddd; margin:.5em 0 0 .5em; color:#666; transition:.3s; display:block; }
.page_tab .tab > li > a > .tt {font-size:1em; letter-spacing:.1px;}
.page_tab .tab > li > a > *{ display:inline-block; *display:inline; zoom:1;}
.page_tab .tab > li .icon{ margin-left:.5em; color:#292c6f;}
.page_tab .tab > li .icon:before{ content:"\e937";}
.page_tab .tab > li:hover > a,
.page_tab .tab > li.on > a{box-shadow: 0 0 1em 0.125em rgba(0,0,0,.1);color: #fff; background: rgba(4,59,137,.7);}
.page_tab .tab > li:hover .icon,
.page_tab .tab > li.on .icon{ color:#fff;}

.page_tab.performance_st .tab {margin:-.5em 0 0 -.5em; margin-bottom:2em;}
.page_tab.performance_st .tab > li {width:10%;}
.page_tab.performance_st .tab > li > a {padding:1em;}

.page_tab .tab.sEC1 > li {width:100%;}
.page_tab .tab.sEC3 > li {width:33.333%;}
.page_tab .tab.sEC4 > li {width:25%;}
.page_tab .tab.sEC5 > li {width:20%;}