@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0{ width:1680px; max-width:94%; margin:0 auto;}
.box1{ width:1200px; max-width:94%; margin:0 auto;}
.pcHide{ display:none !important;}
.moHide{}

.PC{ display:block !important}
.PHONE{ display:none !important}

.PC1650{display:block;}
.PC1650f{display:flex;}
.PC1650i{display:inline-block;}
.PC1650t{display:table;}
.PHONE1650{display:none;}
.PHONE1650f{display:none;}
.PHONE1650i{display:none;}
.PHONE1650t{display:none;}

.PC1560{display:block;}
.PC1560f{display:flex;}
.PC1560i{display:inline-block;}
.PC1560t{display:table;}
.PHONE1560{display:none;}
.PHONE1560f{display:none;}
.PHONE1560i{display:none;}
.PHONE1560t{display:none;}

.PC1360{display:block;}
.PC1360f{display:flex;}
.PC1360i{display:inline-block;}
.PC1360t{display:table;}
.PHONE1360{display:none;}
.PHONE1360f{display:none;}
.PHONE1360i{display:none;}
.PHONE1360t{display:none;}

.PC1280{display:block;}
.PC1280f{display:flex;}
.PC1280i{display:inline-block;}
.PC1280t{display:table;}
.PHONE1280{display:none;}
.PHONE1280f{display:none;}
.PHONE1280i{display:none;}
.PHONE1280t{display:none;}

.PC1200{display:block;}
.PC1200f{display:flex;}
.PC1200i{display:inline-block;}
.PC1200t{display:table;}
.PHONE1200{display:none;}
.PHONE1200f{display:none;}
.PHONE1200i{display:none;}
.PHONE1200t{display:none;}

.PC1050{display:block;}
.PC1050f{display:flex;}
.PC1050i{display:inline-block;}
.PC1050t{display:table;}
.PHONE1050{display:none;}
.PHONE1050f{display:none;}
.PHONE1050i{display:none;}
.PHONE1050t{display:none;}

.PC1024{display:block;}
.PC1024f{display:flex;}
.PC1024i{display:inline-block;}
.PC1024t{display:table;}
.PHONE1024{display:none;}
.PHONE1024f{display:none;}
.PHONE1024i{display:none;}
.PHONE1024t{display:none;}

.PC1000{display:block;}
.PC1000f{display:flex;}
.PC1000i{display:inline-block;}
.PC1000t{display:table;}
.PHONE1000{display:none;}
.PHONE1000f{display:none;}
.PHONE1000i{display:none;}
.PHONE1000t{display:none;}

.PC900{display:block;}
.PC900f{display:flex;}
.PC900i{display:inline-block;}
.PC900t{display:table;}
.PHONE900{display:none;}
.PHONE900f{display:none;}
.PHONE900i{display:none;}
.PHONE900t{display:none;}

.PC768{display:block;}
.PC768f{display:flex;}
.PC768i{display:inline-block;}
.PC768t{display:table;}
.PHONE768{display:none;}
.PHONE768f{display:none;}
.PHONE768i{display:none;}
.PHONE768t{display:none;}

.PC560{display:block;}
.PC560f{display:flex;}
.PC560i{display:inline-block;}
.PC560t{display:table;}
.PHONE560{display:none;}
.PHONE560f{display:none;}
.PHONE560i{display:none;}
.PHONE560t{display:none;}

.PC46{display:block;}
.PC460f{display:flex;}
.PC460i{display:inline-block;}
.PC460t{display:table;}
.PHONE460{display:none;}
.PHONE460f{display:none;}
.PHONE460i{display:none;}
.PHONE460t{display:none;}

.PC380{display:block;}
.PC380f{display:flex;}
.PC380i{display:inline-block;}
.PC380t{display:table;}
.PHONE380{display:none;}
.PHONE380f{display:none;}
.PHONE380i{display:none;}
.PHONE380t{display:none;}

.PC320{display:block;}
.PC320f{display:flex;}
.PC320i{display:inline-block;}
.PC320t{display:table;}
.PHONE320{display:none;}
.PHONE320f{display:none;}
.PHONE320i{display:none;}
.PHONE320t{display:none;}

.PC280{display:block;}
.PC280f{display:flex;}
.PC280i{display:inline-block;}
.PC280t{display:table;}
.PHONE280{display:none;}
.PHONE280f{display:none;}
.PHONE280i{display:none;}
.PHONE280t{display:none;}


/*header*/
#header{ position:fixed; left:0; right:0; top:0; z-index:999}
#header:hover{background:#fff;}
#header .top_wrap{ transition:.1s;}
#header .top_wrap .in_wrap{ height:5.375em;}
#header .top_wrap .imgB{ display:none;}
#header .top_wrap .etc_wrap{ width:18.5em;}
#header .line{ border-style:solid; border-color:rgba(255,255,255,.3);}
#header .top_wrap.line{ border-width:0 0 1px 0;}
#header .top_wrap .etc_wrap.line{ border-width:0;}
/*#header .top_wrap .logo,
#header .top_wrap .utile_wrap {width:18.5em;}*/
#header.active .top_wrap{ background:#fff;}
#header.active .line{ border-color:rgba(0,0,0,.15);}
#header .top_wrap, #header .vm_wrap {height:5em;}

#header .logo{ position:relative; z-index:1;}
#header .logo{ position:relative; height:100%; box-sizing:border-box}
#header .logo > a{ display:block; position:relative; background-image:url(../images/inc/logo.png); background-repeat:no-repeat; background-position:left center; background-size:contain; width:15em; height:100%; top:-5px}

#header .utile_wrap{}
#header .utile_wrap .menu > li .in{ position:relative; display:block; padding:0 1em; margin:0 1em; color:#fff;}
#header .utile_wrap .menu > li.eng .in {padding:.5em 2em; border:1px solid #fff; font-family: 'ms'; font-size:.8em;}
#header:hover .utile_wrap .menu > li.eng .in{border-color:#222;}
#header .utile_wrap .menu > li .in:before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:.625em; background:#fff; opacity:.2;}
#header .utile_wrap .menu > li .in:after{ content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:.625em; background:#fff; opacity:.2;}
#header .utile_wrap .menu > li:first-child .in:before{ display:none;}
#header .utile_wrap .menu > li .in .tt{ font-size:.875em;}
#header .utile_wrap .menu > li .in .xi {font-size:1.9em;}
#header .utile_wrap .menu > li .in:hover .tt{ text-decoration:underline;}
#header .utile_wrap .all{ }
#header .utile_wrap .all_btn{ position:relative; display:block; width:1.625em; height:1.125em;}
#header .utile_wrap .all_btn .ham,
#header .utile_wrap .all_btn .ham:before,
#header .utile_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#fff; transition:.2s;}
#header .utile_wrap .all_btn .ham:before,
#header .utile_wrap .all_btn .ham:after { content:""; position:absolute; right:0;}
#header .utile_wrap .all_btn .ham:before{ top:50%;}
#header .utile_wrap .all_btn .ham:after { top:100%;}
#header .utile_wrap .all_btn:hover .ham:before{ width:80%;}
#header .utile_wrap .all_btn:hover .ham:after { width:90%;}
#header .utile_wrap .all_wrap{ position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden; transition:.3s;}
#header .utile_wrap .all_wrap .wrap_bg{ position:absolute; top:0; bottom:0; left:0; right:0; background:#000; opacity:.4; cursor:pointer;}
#header .utile_wrap .all_wrap .wrap_in{ position:absolute; top:0; right:0; width:100%; height:100%; max-width:25em; background:#0d1119; border-left:1px solid #000; box-shadow:-5px 0 .25em rgba(0,0,0,.3); transform:translateX(100%); transition:.3s}
#header .utile_wrap .all_wrap .inner{ padding:1.5em 1.5em;}
#header .utile_wrap .all_wrap .all_top{ position:relative;}
#header .utile_wrap .all_wrap .all_top:before,
#header .utile_wrap .all_wrap .all_top:after { content:""; display:block; position:absolute; bottom:0; left:1.25em; right:1.25em; height:1px;}
#header .utile_wrap .all_wrap .all_top:before{ background:#000;}
#header .utile_wrap .all_wrap .all_top:after { background:#fff; margin-bottom:-1px; opacity:.1;}
#header .utile_wrap .all_wrap .all_top .all_logo{ flex:1;}
#header .utile_wrap .all_wrap .all_top .all_logo > a{ display:block;}
#header .utile_wrap .all_wrap .all_top .all_logo .img{ display:inline-block;}
#header .utile_wrap .all_wrap .all_top .all_logo .img img{}
#header .utile_wrap .all_wrap .all_top .close_btn{ display:block; width:2.25em; line-height:2.25em; border:2px solid rgba(255,255,255,.6); border-radius:100%; box-sizing:content-box; text-align:center; color:#fff; transition:.2s;}
#header .utile_wrap .all_wrap .all_top .close_btn .xi{ font-size:1.375em;}
#header .utile_wrap .all_wrap .all_top .close_btn:hover{ background:#fff; border-color:#fff; color:#000;}
#header .utile_wrap .all_wrap .all_gnb .gnb,
#header .utile_wrap .all_wrap .all_gnb .gnb .flex{ display:block;}
#header .utile_wrap .all_wrap .all_gnb .gnb{ padding-bottom:2em;}
#header .utile_wrap .all_wrap .all_gnb .gnb a{ color:#fff; text-align:left !important;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp1{ padding:.5em 1.25em; border-top:2px solid #fff; border-bottom:1px dashed rgba(255,255,255,.1); transition:.2s; height:3em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.063em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2{ padding:.75em 1.25em .875em 1.25em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li {display:block;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a{ position:relative; padding:.5em 0; padding-left:1em; color:rgba(255,255,255,.7); height:2em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a:before{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:5px; height:2px; background:rgba(255,255,255,.4);}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:.875em;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li:hover .dp1,
#header .utile_wrap .all_wrap .all_gnb .gnb > li.on .dp1{ background:#fff; color:#111;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li:hover > a,
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li.on > a{ color:#fff;}
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li:hover > a .tt,
#header .utile_wrap .all_wrap .all_gnb .gnb > li .dp2 > li.on > a .tt{ text-decoration:underline;}
#header .utile_wrap .all.on .all_wrap{ opacity:1; visibility:visible;}
#header .utile_wrap .all.on .all_wrap .wrap_in{ transform:translateX(0);}

#header .gnb_wrap{ text-align:center; 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:#fff; transform:scaleY(0); transform-origin:left top; transition:.5s; z-index:-1; border-top:1px solid #ddd; box-sizing:border-box; border-bottom:1px solid #ddd;}
#header .gnb_wrap .gnb:after{ content:""; position:absolute; right:0; top:5em; width:25%; height:calc(100% - 5em); background:url(../images/inc/logo_b.svg) no-repeat right bottom; background-size:100% auto; opacity:.1; z-index:-1; box-sizing:border-box; visibility:hidden}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li .dp1{ font-weight:500; color:#fff; position:relative; z-index:1; transition:.3s; padding:-0 2.2em}
#header .gnb_wrap .gnb > li .dp1 .vm{ padding-top:.25em; font-size:1.188em;}
#header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{ color:#01478f}
#header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .gnb_wrap .gnb > li .dp1 .va{ font-size:1.25em; font-weight:500}
#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:.75em 0; color:#5c5e5e}
#header .gnb_wrap .gnb > li .dp2 > li > a .vm{font-size:.938em; letter-spacing:-1px;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:#01478f}
#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 .slideDot{ position:absolute; left:0; top:.5em; color:#af1f24; font-size:1.25em; line-height:1; margin-left:-.5em; text-align:center; visibility:hidden; opacity:0; }
#header .gnb_wrap .slideDot:before{content:"\e914"}
#header .gnb_wrap .slideDot.on{ visibility:visible; opacity:1}
#header .gnb_wrap .slideDot.trans{ transition:1s}

#header:hover:before {opacity:1;}
#header:hover .gnb_wrap .gnb > li .dp1 {color:#222 !important;}
#header .gnb_wrap .gnb > li:hover .dp1{color:#01478f !important;}
#header:hover .logo > a {background-image:url(../images/inc/logo.png) !important;}
#header:hover .utile_wrap .menu > li .in { color:#5c5e5e  !important;}
#header:hover .utile_wrap .all_btn .ham{ background:#000 !important;}
#header:hover .utile_wrap .all_btn .ham:before,
#header:hover .utile_wrap .all_btn .ham:after {background:#000 !important;}

#header.gnbOpen{ background:#fff; box-shadow:3px 0 5px rgba(0,0,0,.2); }
#header.gnbOpen .top_wrap .logo .img .logoA{ display:none;}
#header.gnbOpen .top_wrap .logo .img .logoB{ display:block;}
#header.gnbOpen .top_wrap .logo .tt{ color:#555;}
#header.gnbOpen .utile_wrap .menu > li .in{ color:#555;}
#header.gnbOpen .utile_wrap .menu > li.point .in{ color:#4562cf;}
#header.gnbOpen .utile_wrap .menu > li .in:before{ background:#000;}
#header.gnbOpen .utile_wrap .all_btn .ham,
#header.gnbOpen .utile_wrap .all_btn .ham:before,
#header.gnbOpen .utile_wrap .all_btn .ham:after { background:#333;}
#header.gnbOpen .gnb_wrap .gnb > li .dp1{ color:#222;}
#header.gnbOpen .gnb_wrap .gnb > li .dp1:after{ background:#4562cf;}

.scroll #header.active {background:inherit; box-shadow:none}
.scroll #header.active .logo > a{ background-image:url(../images/inc/logo.png);}
#header.active .gnb_wrap .gnb > li .dp1 {color:#000;}
#header.active .utile_wrap .menu > li .in {color:#000;}
#header.active .utile_wrap .all_btn .ham,
#header.active .utile_wrap .all_btn .ham:before,
#header.active .utile_wrap .all_btn .ham:after {background:#000}
#header.active .utile_wrap .menu > li.eng .in  {border:1px solid #333;}

/**/
.mainScroll{ position:absolute; right:5em; bottom:4em; z-index:100}
.mainScroll .line{ display:block; width:1px; height:10em; background:#fff}
.mainScroll .tt{ font-family:sans-serif; color:#fff; word-spacing:2px; letter-spacing:1px; transform:rotate(90deg); transform-origin:0 0; position:absolute; left:1.25em; top:0; width:10em; padding:0 .25em; box-sizing:border-box; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite}
.mainScroll .tt > i{ font-size:.625em}
@keyframes downAni{
70% {margin-top:0}
90% {margin-top:.5em}
100% {margin-top:0}
}

/*footer*/
#footer{}

#footer{}
#footer .menu_wrap {background:#303641}
#footer .menu_wrap .box1{ position:relative}
#footer .menu_wrap .gnb_wrap{}
#footer .menu_wrap .gnb_wrap .gnb > li{ width:16.66%; position:relative}
#footer .menu_wrap .gnb_wrap .gnb > li.footer_txt_none .in_t {/*opacity:0;*/}
#footer .menu_wrap .gnb_wrap .gnb > li:after,
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#fff; opacity:.1}
#footer .menu_wrap .gnb_wrap .gnb > li:first-child:before{ left:0}
#footer .menu_wrap .gnb_wrap .gnb > li .dp1{ padding:2em 25px 1em 25px; color:#fff; text-align:left !important;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2{ padding-bottom:3rem; display:block !important;}
#footer .menu_wrap .gnb_wrap .gnb > li.m_guide .dp2 {padding-bottom:0;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li{ display:block}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a{ padding:.5em 25px; text-align:left !important; color:#fff; opacity:.6; transition:.3s; font-size: .875em;  display:block !important;}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a .vm_tt{ font-size:.813em}
#footer .menu_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover{ opacity:1}
#footer .menu_wrap .gotop{ display:block !important; width:38px; height:38px; line-height:38px; border-radius:100%; margin:.5em 1.5em; background:#5e5e5e; opacity:.7; color:#fff; text-align:center; transition:.3s; position:absolute; right:0; top:20px;}
#footer .menu_wrap .gotop .xi{ display:block}
#footer .menu_wrap .gotop .tt{ display:block; font-size:.625em; letter-spacing:0}
#footer .menu_wrap .gotop:hover{ background:#0948a7; color:#fff; opacity:1}

#footer .info_wrap .goTop{ display:none !important;}

/*.gotop{ position:fixed; z-index:1; width:4em; line-height:4em; height:4em; right:3em; bottom:3em; text-align:center; border-radius:50%; background:#fff; color:#444; transition:.3s; transform:translateY(7em); opacity:0; box-shadow:0 0 1em .125em rgba(0,0,0,.3); z-index:100;}
.gotop .xi{ font-size:2em}
.gotop:hover{ background:#003f87; color:#fff}
.load .gotop{ transform:translateY(0); opacity:1}*/

#footer .foot_wrap{ background:#1d212a;}
#footer .foot_wrap .box1{ position:relative}
#footer .foot_wrap .menu_W { border-bottom:1px solid rgba(255,255,255,.1)}
#footer .foot_wrap .con{}
#footer .foot_wrap .con .logo img{ height:80px; opacity:.6;}
#footer .foot_wrap .con .copy{ margin-top:3em; font-size:.688em; color:#fff; opacity:.5; letter-spacing:0; text-transform:uppercase; font-family:'Ms';}
#footer .foot_wrap .menu_wrap{ padding:1em 0 ;}
#footer .foot_wrap .info_wrap{ padding:1.5em 0 3em 0; flex:1 1 1%;}
#footer .foot_wrap .info_wrap > li{ line-height:1.7; font-size:.938em;}
#footer .foot_wrap .info_wrap > li .tt{ display:inline-block; color:#ddd; font-size:.938em; font-family:'NotoSans'; font-weight:400; margin-right:2em;}
#footer .foot_wrap .info_wrap > li .tit{ color:#fff;}
#footer .foot_wrap .info_wrap > li a:hover{ text-decoration:underline;}
#footer .foot_wrap .menu_wrap .menu > li > a{ display:block; margin-right:1.5em; font-size:.938em; color:#fff; padding:1em 0 ;}
#footer .foot_wrap .menu_wrap .menu > li:first-child > a:before{ display:none;}
#footer .foot_wrap .menu_wrap .menu > li > a:hover{ text-decoration:underline;}
#footer .foot_wrap .bottom_wrap .logo {margin-top:-70px;}

#footer .foot_wrap .hanwithLogo{ position:absolute; right:290px}

#footer .goTop{ position:absolute; right:0; background:rgba(0,0,0,.3); width:3.75em; color:#fff; margin-left:1em; margin-top:1.25em; top:0; height:50px}
#footer .goTop .tt{ display:block; font-size:.688em}
#footer .goTop .vm{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; max-width:100%; height:auto; white-space:normal}
#footer .goTop:hover{ background:#003876}
#footer .gotop{ width:4em; height:3.5em; background:#43576f; color:#fff; border:1px solid transparent; margin-left:1em; text-align:center; transition:.3s}
#footer .gotop .xi{ display:block}
#footer .gotop .tt{ display:block; font-size:.688em; letter-spacing:0}
#footer .gotop:hover{ background:#fff; color:#1c2335; border-color:#1c2335}

.fAmily_wrap {border-top:1px solid #ddd}
.family_wrap{ padding:1em 0em; background:#fff;}
.family_wrap .control{ width:14%; position:relative; margin-top:1.8%;}
.family_wrap .family { width:86%;}
.family_wrap .control .tit{color:#222; display:inline-block; padding-top:4px; font-size:1.125em; }
.family_wrap .control .arrow {position:absolute; right:10px; top:0;}
.family_wrap .control .arrow > li{ display:inline-block; width:1.5em; line-height:1.5em; background:#fff; text-align:center; cursor:pointer; border:1px solid #ddd;}
.family_wrap .control .arrow > li .xi{ font-size:1.125em; color:#222;}
.family_wrap .control .arrow > li:hover{ background:#003876;  transition:.3s;}
.family_wrap .control .arrow > li:hover .xi {color:#fff;}
.family_wrap .control .arrow .slick-hidden{ display:inline-block;}
.family_wrap .family .item > a{ display:block;}
.family_wrap .family .item .in{height:4.375em;}
.family_wrap .family .item .in img{ max-width:90%; max-height:80%;}
.family_wrap .family .item .in:hover{ border-color:#3c4968;}

/*main*/
.con_mt5 {margin-top:3em;}

.section .wrap_con {position:relative; height:100%; display:flex; align-items:center; /*opacity:0; transform:translateY(10em)*/}
/*.section.active .wrap_con{opacity:1; transform:translateY(0); transition:1s; transition-delay:.25s}*/
.section.fix .wrap_con{ opacity:1; transform:translateY(0); transition:0; transition-delay:0}

.main #fullpage .section:not(#section0){ visibility:hidden;}
.fp-enabled .main #fullpage .section:not(#section0){ visibility:visible;}
.main #fullpage .section{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
/*.main #fullpage #section1{ background-image:url(../images/main/sec1_bg.jpg);}*/
.main #fullpage #section2{ background-image:url(../images/main/sec2_bg.jpg);}
/*.main #fullpage #section3{ background-image:url(../images/main/sec3_bg.jpg);}*/
.main #fullpage #section4{ background-color:#ebeff5;}

.main_visual{ position:relative; height:100%;}
.main_visual .visual{ position:absolute; top:0; left:0; width:100%; height:100%; background:#333;}
.main_visual .visual .el{ position:relative; overflow:hidden;}
.main_visual .visual .el .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:scale(1.3,1.3); transition-delay:1s;}
.main_visual .visual .el.slick-active .bg {transform:scale(1,1); transition:3s; transition-delay:0; transition-timing-function:ease-in-out}

.main_visual .slogan{ position:relative; text-align:center; padding-top:21em; transform:translateY(3em); opacity:0; transition:2s; color:#fff;}
.main_visual .slogan .t1{font-family:'Ms'; font-size:2.625em; margin-bottom:.75rem;}
.main_visual .slogan .t2{font-weight:bold; font-size:3.25em; margin-bottom:2rem;}
.main_visual .slogan .t3{font-size:1.25em; line-height:1.6;}
.active .main_visual .slogan{ transform:translateY(0); opacity:1;}

.main_visual .control_box{ position:absolute; top:50%; left:5%; right:5%;}
.main_visual .control_box > li{ position:absolute; top:0; transform:translateY(-50%); color:#fff; cursor:pointer;}
.main_visual .control_box > li.prev{ left:0;}
.main_visual .control_box > li.next{ right:0;}
.main_visual .control_box > li .xi{ font-size:4em; opacity:.8;}
.main_visual .control_box > li:hover .xi{ text-shadow:1px 1px 1px rgba(0,0,0,.9); opacity:1;}

.main_visual .visual .slick-dots{ position:absolute; left:0; right:0; bottom:4em; text-align:center;}
.main_visual .visual .slick-dots > ul > li{ display:inline-block; margin:0 .125em;}
.main_visual .visual .slick-dots > ul > li button{ display:block; width:6em; height:7px; background:transparent; border:1px solid #fff; text-indent:-999999px; transition:.2s;}
.main_visual .visual .slick-dots > ul > li.slick-active button{ background:#fff;}

.main_about .con_wrap{ position:relative; width:100%; opacity:0;}
.main_about .img_wrap{ position:absolute; top:0; bottom:0; left:0; right:0;}
.main_about .img_wrap .screen{ flex:1; overflow:hidden; position:relative; transform:rotateY(0);}
.main_about .img_wrap .screen .img{ position:absolute; width:400%; top:9em; bottom:3.5em; background:url(../images/main/sec1_img.jpg) no-repeat 50% 50%; background-size:cover;}
.main_about .img_wrap .screen:nth-child(1) .img{ left:0;}
.main_about .img_wrap .screen:nth-child(2) .img{ left:-100%;}
.main_about .img_wrap .screen:nth-child(3) .img{ left:-200%;}
.main_about .img_wrap .screen:nth-child(4) .img{ left:-300%;}
.main_about.active .con_wrap{ opacity:1; transition:all 1s 1.5s;}
.main_about.active .img_wrap .screen{ transform:rotateY(360deg); transition:all 2s 0.2s;}

.main_areas .con_wrap{ position:relative;}
.main_areas .con_wrap .in_wrap{ opacity:0;}
.main_areas .con_wrap .in_wrap > li{ flex:1; margin-left:1.25em;}
.main_areas .con_wrap .in_wrap > li:first-child{ margin-left:0;}
.main_areas .con_wrap .in_wrap > li .inner .shape{ position:absolute; top:0; left:0; width:100%; height:100%; transform:rotate(0); transition:all 3s ease-out;}
.main_areas .con_wrap .in_wrap > li .inner .shape svg{ width:100%; height:100%;}
.main_areas .con_wrap .in_wrap > li .inner .icon{ position:relative; height:50%; padding-top:2em;}
.main_areas .con_wrap .in_wrap > li .inner .icon img{}
.main_areas .con_wrap .in_wrap > li .inner .txt{ text-align:center;}
.main_areas .con_wrap .in_wrap > li .inner:hover .shape{ transform:rotate(360deg);}
.main_areas .con_wrap .in_wrap > li .inner:hover .shape svg path{ fill:#9aaef9;}
.main_areas .con_wrap:before{ content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:100%; height:3px; background:#fff; opacity:.3; transform:scaleX(0); transform-origin:left;}
.main_areas.active .con_wrap:before{ transform:scaleX(1); transition:all 1.4s 0.2s;}
.main_areas.active .con_wrap .in_wrap{ opacity:1; transition:all 1s 1s;}

.main_customer .shape{ position:absolute; left:0; bottom:-5em; width:100%; opacity:0;}
.main_customer .shape img{ width:100%;}

.mainNav{ position:fixed; z-index:999; left:2.5em; top:50%; white-space:nowrap; transform:translateY(-9em) rotate(90deg); transform-origin:left 0;}
.mainNav .list > li{ display:inline-block; vertical-align:middle; position:relative; transition:.2s;}
.mainNav .list > li + li{ margin-left:1em;}
.mainNav .list > li > a{ display:block; color:#fff;}
.mainNav .list > li > a .icon{ display:inline-block; vertical-align:middle; width:.625em; height:.625em; border:1px solid #fff; border-radius:100%;}
.mainNav .list > li > a .tt{ display:none; vertical-align:middle; font-family:'Ms','NotoSans',sans-serif; font-size:.813em; letter-spacing:0;}
.mainNav .list > li > a .tt:after{ content:""; display:inline-block; vertical-align:middle; width:3em; height:1px; background:#fff;}
.mainNav.active .list > li > a{ color:#333;}
.mainNav.active .list > li > a .icon{ border-color:#333;}
.mainNav.active .list > li > a .tt:after{ background:#333;}
.mainNav .list > li.on > a .icon{ background:#9aaef9; border-color:#9aaef9;}
.mainNav .list > li.on > a .tt{ display:inline-block; margin:0 1em 0 1em;}
.mainNav .list > li.on > a .tt:after{ margin-left:1em;}

.mainScroll{ position:absolute; right:3em; bottom:2em; z-index:100}
.mainScroll > a{ display:block; position:relative}
.mainScroll .line{ display:block; width:1px; height:10em; background:#fff}
.mainScroll .tt{ font-family:'Ms','NotoSans',sans-serif; color:#fff; word-spacing:2px; letter-spacing:1px; transform:rotate(90deg); transform-origin:0 0; position:absolute; left:1.25em; top:0; width:10em; padding:0 .25em; box-sizing:border-box; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite}
.mainScroll .tt > i{ font-size:.625em}

/*main_about*/
.main_about{overflow:hidden;}
.main_about .main_about_wrap{width:100%; height:100%; position:relative;}
.main_about .main_about_wrap .main_about_bg{position:absolute; left:0; top:0; width:1250px; height:100%; z-index:-1;}
.main_about .main_about_wrap .main_about_bg:before{content:''; background:url('../images/main/main_about_bg01.jpg') no-repeat center/cover; position:absolute; right:0; top:0; width:100%; height:100%;}
.main_about .main_about_wrap .main_about_bg:after{content:''; background:#fff; position:absolute; right:-1287px; bottom:-390px; transform:rotate(-56deg); width:150%; height:150%; box-shadow:inset 11px 11px 30px 15px rgba(50, 50, 50, 0.1);}
.main_about .main_about_wrap .main_about_bg_tit{position:absolute; bottom:-45px; right:80px; font-family:'Ms'; font-size:200px; font-weight:bold; color:#cdcdcd; text-align:right; opacity:.3;}
.main_about .main_about_wrap .main_about_tit_wrap{margin-bottom:calc(3rem - 20px); color:#fff;}
.main_about .main_about_wrap .main_about_tit_wrap .main_about_tit{font-family:'Ms'; font-size:4.375em; font-weight:bold; margin-bottom:1rem;}
.main_about .main_about_wrap .main_about_tit_wrap .main_about_tit_sub{font-size:1.0625em;}
.main_about .main_about_wrap .main_about_ctt_wrap{}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap{}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide{width:1228px; margin-left:-14px; padding:20px 0;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides{height:400px; background:#fff; border:1px solid #ddd; box-sizing:border-box; box-shadow:4px 4px 10px 0px rgba(50, 50, 50, 0.3); transition:.3s; cursor:pointer; margin:0 10px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides:hover{border-color:#003876; transform:translate(-4px,-4px); box-shadow:8px 8px 10px 0px rgba(50, 50, 50, 0.3);}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap{width:100%; height:100%; text-align:center;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap .img_box{height:280px; padding:5px; box-sizing:border-box; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap .prd_model{color:#1f70c1; margin-top:.75rem; font-weight:bold;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slides .in_wrap .prd_tit{margin-top:.5rem; font-size:1.1875em; line-height:1.4; color:#222; font-weight:bold; margin-bottom:auto; min-height:52px; max-height:52px; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide .slick-list{padding:20px 4px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows{position:absolute; top:54%; left:50%; transform:translate(-50%,-50%); text-align:center;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows > span{display:inline-flex; width:65px; height:65px; background:#fff; justify-content:center; align-items:center; box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.2); border-radius:50%; cursor:pointer; transition:.3s; border:1px solid #ddd; box-sizing:border-box;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows > span:hover{border-color:#003876;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows > span i{font-size:1.75rem;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev{position:absolute; right:170px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_prev i{margin-left:-4px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next{position:absolute; left:170px;}
.main_about .main_about_wrap .main_about_ctt_wrap .prd_slide_wrap .prd_slide_arrows .prd_slide_next i{margin-right:-4px;}

.main_areas{}
.main_areas .main_areas_tit_wrap{text-align:center; color:#fff; margin-bottom:3rem;}
.main_areas .main_areas_tit_wrap .main_areas_en{font-family:'Ms'; font-size:1.25em; margin-bottom:.75rem;}
.main_areas .main_areas_tit_wrap .main_areas_line{width:30px; height:2px; background:#fff; margin:0 auto 2.5rem;}
.main_areas .main_areas_tit_wrap .main_areas_tit{font-size:3em; font-weight:bold; margin-bottom:1rem;}
.main_areas .main_areas_tit_wrap .main_areas_tit_sub{font-size:1.125em; opacity:.77; line-height:1.6;}
.main_areas .con_wrap .in_wrap > li .inner .txt{color:#fff;}
.main_areas .con_wrap .in_wrap > li .inner .txt p:first-of-type{font-size:1.375em; margin-bottom:1.25rem;}
.main_areas .con_wrap .in_wrap > li .inner .txt p:last-of-type{font-size:.75em; font-family:'Ms'; font-weight:200;}
.main_areas .con_wrap .in_wrap > li .inner .txt p:last-of-type .more_btn{display:inline-flex; width:25px; height:25px; justify-content:center; align-items:center; border-radius:50%; border:1px solid #fff; margin-left:10px; transform:translateY(-2px); transition:.3s;}
.main_areas .con_wrap .in_wrap > li:hover .inner .txt p:last-of-type .more_btn{background:#fff;}
.main_areas .con_wrap .in_wrap > li .inner .txt p:last-of-type .more_btn i{font-size:1.125em; transition:.3s; font-weight:bold;}
.main_areas .con_wrap .in_wrap > li:hover .inner .txt p:last-of-type .more_btn i{color:#1f2e66;}

.main_perf{background:#f5f5f5; position:relative; z-index:-2;}
.main_perf:before{content:''; display:block; width:100%; height:50%; position:absolute; left:0; bottom:-50px; background:url('../images/main/main_perf_bg01.jpg') no-repeat center/cover; box-shadow:0px -5px 15px 0px rgba(50, 50, 50, 0.2); z-index:-1;}
.main_perf > .box1{height:100%;}
.main_perf .main_perf_tit_wrap{text-align:center; margin-bottom:6.875rem;}
.main_perf .main_perf_tit_wrap .main_perf_tit{font-family:'Ms'; font-size:3.125em; font-weight:bold; margin-bottom:1.375rem;}
.main_perf .main_perf_tit_wrap .main_perf_tit_sub{font-size:1.0625em; color:#727272;}

.main_perf .main_perf_ctt_wrap{margin-bottom:3rem;}
.main_perf .main_perf_ctt_wrap ul{}
.main_perf .main_perf_ctt_wrap ul > li{width:49%; height:350px; cursor:pointer;}
.main_perf .main_perf_ctt_wrap ul > li > div{height:100%; color:#fff; padding:2.125rem; box-sizing:border-box; transition:.3s; background-repeat:no-repeat; background-position:center; background-size:100%;}
.main_perf .main_perf_ctt_wrap ul > li .main_perf_l{background-image:url('../images/main/main_perf_bg02.jpg?v=1');}
.main_perf .main_perf_ctt_wrap ul > li .main_perf_r{background-image:url('../images/main/main_perf_bg03.jpg?v=1'); margin-top:80px;}
.main_perf .main_perf_ctt_wrap ul > li:hover > div{background-size:110%;}
.main_perf .main_perf_ctt_wrap ul > li > div .main_perf_ctt_en{font-family:'Ms'; font-size:1.1875em; font-weight:200; margin-bottom:1rem;}
.main_perf .main_perf_ctt_wrap ul > li > div .main_perf_ctt_tit{font-weight:500; font-size:2.0625em; margin-bottom:1.875rem;}
.main_perf .main_perf_ctt_wrap ul > li > div .main_perf_ctt_txt{margin-bottom:2.5rem; font-weight:200;}
.main_perf .main_perf_ctt_wrap ul > li > div p:first-of-type{font-size:1.375em; margin-bottom:1.25rem;}
.main_perf .main_perf_ctt_wrap ul > li > div p:last-of-type{font-size:.75em; font-family:'Ms'; font-weight:200;}
.main_perf .main_perf_ctt_wrap ul > li > div p:last-of-type .more_btn{display:inline-flex; width:25px; height:25px; justify-content:center; align-items:center; border-radius:50%; border:1px solid #fff; margin-left:10px; transform:translateY(-2px); transition:.3s;}
.main_perf .main_perf_ctt_wrap ul > li:hover > div p:last-of-type .more_btn{background:#fff;}
.main_perf .main_perf_ctt_wrap ul > li > div p:last-of-type .more_btn i{font-size:1.125em; transition:.3s; font-weight:bold;}
.main_perf .main_perf_ctt_wrap ul > li:hover > div p:last-of-type .more_btn i{color:#1f2e66;}

.main_customer{}
.main_customer > .box1{height:100%;}
.main_customer .main_customer_tit_wrap{text-align:center; margin-bottom:6.875rem;}
.main_customer .main_customer_tit_wrap .main_customer_tit{font-family:'Ms'; font-size:3.125em; font-weight:bold; margin-bottom:1.375rem;}
.main_customer .main_customer_tit_wrap .main_customer_tit_sub{font-size:1.0625em;}
.main_customer .main_customer_ctt_wrap{}
.main_customer .main_customer_ctt_wrap ul{}
.main_customer .main_customer_ctt_wrap ul .notice_box{width:60%;}
.main_customer .main_customer_ctt_wrap ul .cs_box{width:35%;}
.main_customer .main_customer_ctt_wrap ul li{}
.main_customer .main_customer_ctt_wrap ul li .mc_tit_box{margin-bottom:1rem;}
.main_customer .main_customer_ctt_wrap ul li .mc_tit_box .mc_tit{font-family:'Ms'; font-size:1.875em; font-weight:500;}
.main_customer .main_customer_ctt_wrap ul li .mc_tit_box .more_btn{cursor:pointer; font-size:1.25rem;}
.main_customer .main_customer_ctt_wrap ul li .mc_tit_box .more_btn i{transition:.3s;}
.main_customer .main_customer_ctt_wrap ul li .mc_tit_box .more_btn:hover i{transform:rotate(90deg);}
.main_customer .main_customer_ctt_wrap ul li .mc_ctt_box{height:430px;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list{width:100%; height:23%; background:#fff; border-bottom:2px solid #ddd; border-right:2px solid #ddd; box-sizing:border-box; display:flex; transition:.3s; cursor:pointer;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list:hover{transform:translate(-4px,-4px); box-shadow:3px 3px 3px 0px rgba(221, 221, 221, 1);}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list .notice_date_wrap{width:16%; text-align:center;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list .notice_date_wrap .notice_date{font-size:1.75em; margin-bottom:.25rem; font-family:'Ms'; font-weight:500;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list .notice_date_wrap .notice_ym{font-size:.875em; color:#555; font-family:'Ms'; font-weight:200;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list .notice_txt_wrap{width:84%; padding:0 40px; box-sizing:border-box;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list .notice_txt_wrap .notice_cate{font-size:1.0625em; color:#1f70c1; font-weight:bold; margin-bottom:.25rem;}
.main_customer .main_customer_ctt_wrap ul .notice_box .mc_ctt_box .notice_list .notice_txt_wrap .notice_subj{font-size:.9375em; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt{height:48%;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div{height:100%; color:#fff; padding:40px 60px; box-sizing:border-box; text-align:right; position:relative; overflow:hidden; cursor:pointer;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div:before{content:''; display:block; width:180px; height:180px; border-radius:50%; background:rgba(255,255,255,.05); position:absolute; left:-35px; top:-35px; transition:.7s;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div:hover:before{width:800px; height:800px; left:-327px; top:-327px;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .cs_icon{position:absolute; left:40px; top:40px; font-size:4rem;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .cs_tit{font-size:1.625em; margin-bottom:.25rem;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .cs_txt{font-size:.75em; margin-top:.5rem; margin-bottom:1.25rem; line-height:1.6; font-weight:300;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div p:last-of-type{font-size:.75em; font-family:'Ms'; font-weight:200;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .more_btn{display:inline-flex; width:25px; height:25px; justify-content:center; align-items:center; border-radius:50%; border:1px solid #fff; margin-left:10px; transform:translateY(-2px); transition:.3s;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div:hover .more_btn{background:#fff;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .more_btn i{font-size:1.125em; transition:.3s; font-weight:bold;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div:hover .more_btn i{color:#1f2e66;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt .cs_qna{background:#003876;}
.main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt .cs_online{background:#1f2c5c;}

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

/*contents*/
#contents{}
#contents .subtop_wrap .sub_visual{ height:23em; position:relative; overflow:hidden}
#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}
#contents .subtop_wrap .sub_visual .wrap_in .sub_menu{ flex:0 0 auto}

#contents .sub_slogan{ color:#fff; transform:translateY(4em); opacity:0}
#contents .sub_slogan .in{ width:100%; text-align:center}
#contents .sub_slogan .t1{ font-weight:200; font-family:'Ms'; font-size:1em; margin-bottom:2.25rem;}
#contents .sub_slogan .sub_slogan_line{width:30px; height:1px; text-align:center; background:#fff; margin:0 auto 2rem;}
#contents .sub_slogan .t2{ font-weight:400; font-size:1.9375em;}

.load #contents .sub_slogan{ transform:translateY(2em); opacity:1; transition:1s}

#contents .sub_menu{ padding-bottom:0}
#contents .sub_menu .gnb{ flex-wrap: wrap}
#contents .sub_menu .gnb > li{ width:100%}
#contents .sub_menu .gnb > li .dp2{justify-content:center;overflow:hidden;}
#contents .sub_menu .gnb > li .dp2 > li{ flex:1 1 50%; max-width:50%}
#contents .sub_menu .gnb > li .dp2 > li > a{ display:block; height:4.25em; background:#fff; color:#666; transition:.3s; position:relative; border-bottom:1px solid #ddd; margin-top:.5em}
#contents .sub_menu .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:-1px; top:25%; height:50%; width:1px; background:#ddd}
#contents .sub_menu .gnb > li .dp2 > li > a .vm{ font-family: 'NotoSans'; font-weight:500; font-size:1.125em}
#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:#003876; border-bottom:1px solid #fff; margin-top:.5em}
#contents .sub_menu .gnb > li .dp2 > li.on > a:after{ background:#fff; width:100%; height:3px; top:-3px; left:0}

.dp1_product #contents .subtop_wrap .sub_visual .wrap_in.box1 {width:1500px;}
.dp1_product #contents .sub_menu .gnb > li .dp2 > li {flex:1;}
.dp1_product #contents .sub_menu .gnb > li .dp2 > li > a .vm {font-size:1em;}

.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}

#contents .sub_page_menu{ position:absolute; left:0; right:0; bottom:0;}
#contents .sub_page_menu .menu{ background:#ebf0f4;}
#contents .sub_page_menu .menu .tit{ height:4em;}
#contents .sub_page_menu .menu .home .tit{ width:4em; background:#003876; color:#fff;}
#contents .sub_page_menu .menu .def{ position:relative; cursor:pointer;}
#contents .sub_page_menu .menu .def > .tit{ position:relative; min-width:16em; padding:0 2.5em 0 2em; border-right:1px solid #d4d5d8;}
#contents .sub_page_menu .menu .def > .tit .tt{ font-size:1.125em;}
#contents .sub_page_menu .menu .def > .tit .arrow{ position:absolute; right:.5em; top:50%; margin-top:-.5em; transition:.2s;}
#contents .sub_page_menu .menu .def > .tit .arrow:before{ content:"\e942";}
#contents .sub_page_menu .menu .def:hover > .tit,
#contents .sub_page_menu .menu .def.on > .tit{ background:#1b2435; color:#fff;}
#contents .sub_page_menu .menu .def.on > .tit .arrow{ transform:rotate(-180deg);}

#contents .sub_page_menu .menu .def .gnb{ position:absolute; top:100%; left:0; right:1px; padding:.5em; background:#fff; border:solid #1b2435; border-width:0 1px 1px 1px; display:none;}
#contents .sub_page_menu .menu .def .gnb .flex{ display:block;}
#contents .sub_page_menu .menu .def .gnb li > a{ position:relative; padding:.625em 1em; border-top:1px solid #ecf0f4; text-align:left !important; color:#444;}
#contents .sub_page_menu .menu .def .gnb li:first-child > a{ border-top:none;}
#contents .sub_page_menu .menu .def .gnb li > a .tt{ font-size:.938em;}
#contents .sub_page_menu .menu .def .gnb li.plus > a{ padding-right:2.5em;}
#contents .sub_page_menu .menu .def .gnb li.plus > a:after{ content:"\e913"; font-family:xeicon; color:#333; position:absolute; top:.5em; right:.5em; width:1.5em; height:1.5em; line-height:1.5em; background:#fff; border-radius:100%; text-align:center;}
#contents .sub_page_menu .menu .def .gnb li:hover > a{ background:#ebf0f4;}
#contents .sub_page_menu .menu .def .gnb li.on > a{ background:#003876; color:#fff;}

#contents .sub_page_menu .menu .def .gnb > li,
#contents .sub_page_menu .menu .def .gnb > li .dp1,
#contents .sub_page_menu .menu .def .gnb > li .dp2,
#contents .sub_page_menu .menu .def .gnb > li .dp2 > li,
#contents .sub_page_menu .menu .def .gnb > li .dp2 > li > a,
#contents .sub_page_menu .menu .def .gnb > li .dp3{ display:none;}
#contents .sub_page_menu .menu .def .gnb li.on{ display:block !important;}
#contents .sub_page_menu .menu .depth_1 .gnb > li,
#contents .sub_page_menu .menu .depth_1 .gnb > li .dp1,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2 > li,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2 > li > a,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp2,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp3{ display:block;}
#contents .sub_page_menu .menu .def.on .gnb{ display:block;}

#contents .con_page_top{ padding:1.75em 0 1.5em 0; border-bottom:1px solid #ebf0f4;}
#contents .con_page_top .con_tit{ position:relative; padding-top:.75em;}
#contents .con_page_top .con_tit:before{ content:""; display:block; position:absolute; top:0; left:.125em; width:1.5em; height:2px; background:#003876;}
#contents .con_page_top .con_tit .tit{ font-size:1.875em; color:#222;}

#contents .con_page_top .con_nav{ padding-right:.25em;}
#contents .con_page_top .con_nav > li{ color:#888;}
#contents .con_page_top .con_nav > li:before{ content:"\e93e"; font-family:xeicon; display:inline-block; vertical-align:middle; padding:0 .5em; font-size:.750em; color:#999;}
#contents .con_page_top .con_nav > li:first-child:before{ visibility:hidden;}
#contents .con_page_top .con_nav > li:last-child{ color:#333; }
#contents .con_page_top .con_nav > li > *{ display:inline-block;}
#contents .con_page_top .con_nav > li .home{ font-size:.813em; color:#555;}
#contents .con_page_top .con_nav > li .tt{ font-size:.875em;}

#contents .doc{ padding:1.25em 0 12em 0;}

/**/
.point_Blue {color:#003876; vertical-align:baseline !important;}
.point_Sky {color:#4562cf; vertical-align:baseline !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;}

/**/
.hover_St:hover {transition:.3s; background:#fdb707 !important; color:#fff !important; }

.ms{font-family:'Ms'}

.txt_white{color:#fff !important; vertical-align:baseline;}
.txt_blue{color:#003876; vertical-align:baseline;}
.txt_bold{font-weight:bold; vertical-align:baseline;}
.txt_big{font-size:1.125em !important; vertical-align:baseline;}

.sub #contents .sub_menu .gnb > li .dp2 > li{max-width:240px;}

/*sub_ceo*/
.grt_box{}
.grt_box > div{width:550px;}
.grt_box .txt_box{}
.grt_box .txt_box .grt_tit_sub{font-family:'Ms'; font-weight:200; color:#003876; font-size:.875em; letter-spacing:1px; margin-bottom:.5rem;}
.grt_box .txt_box .grt_tit{font-size:1.8125em; font-weight:bold; color:#003876; margin-bottom:1.5rem;}
.grt_box .txt_box .grt_line{height:2px; width:100%; background:linear-gradient(90deg, rgba(4,44,93,1) 25%, rgba(4,44,93,0) 85%); margin-bottom:2rem;}
.grt_box .txt_box .grt_txt{color:#505050; line-height:1.6;}

.grt_box .img_box{position:relative;}
.grt_box .img_box .grt_big_t{position:absolute; bottom:0; right:-70px; font-size:6.25em; font-family:'Ms'; font-weight:900; color:#cdcdcd; opacity:.47;}

.grt_box .box_l{opacity:0; margin-left:-4em; transition:1s;}
.load .grt_box .box_l{opacity:1; margin-left:0;}
.grt_box .box_r{opacity:0; margin-right:-4em; transition:1s;}
.load .grt_box .box_r{opacity:1; margin-right:0;}
.grt_box .txt_box .grt_fin{float:right; text-align:right; vertical-align:baseline; font-size:1.125em; font-weight:700;}

.bus_area_box{background:url('../images/sub/bus_area_bg.jpg') no-repeat center/cover; padding:90px 0; box-sizing:border-box; margin-top:8.125rem;}
.bus_area_box p{color:#fff; display:inline-block; width:auto !important;}
.bus_area_box .bus_area_tit{font-size:2.5em; font-weight:bold; position:relative; margin-bottom:3.75rem;}
.bus_area_box .bus_area_tit:before{content:''; display:block; width:130px; height:1px; background:#fff; position:absolute; left:-160px; top:50%;}
.bus_area_box .bus_area_tit:after{content:''; display:block; width:130px; height:1px; background:#fff; position:absolute; right:-160px; top:50%;}
.bus_area_box .bus_area_ctt{font-size:1.6875em; line-height:1.6;}

.com_sum_box{background:#f6f7fb; padding:60px 0;}
.com_sum_box .com_sum_tit{font-size:2.25rem; font-weight:bold; margin-bottom:2rem; text-align:center;}
.com_sum_box .com_sum_ctt_wrap{width:75%; margin:0 auto;}
.com_sum_box .com_sum_ctt_wrap ul{display:flex; flex-wrap:wrap;}
.com_sum_box .com_sum_ctt_wrap ul li{width:33.33%; background:#fff; height:200px; border:1px solid #ddd; box-sizing:border-box;}
.com_sum_box .com_sum_ctt_wrap ul li .sum_box{padding:1.5rem; box-sizing:border-box; text-align:left; position:relative; height:100%;}
.com_sum_box .com_sum_ctt_wrap ul li .sum_box .sum_tit_en{font-size:.75em; color:#333; margin-bottom:.5rem;}
.com_sum_box .com_sum_ctt_wrap ul li .sum_box .sum_tit{font-size:1.125rem; font-weight:bold; margin-bottom:.75rem;}
.com_sum_box .com_sum_ctt_wrap ul li .sum_box .sum_ctt{font-size:1.25rem; color:#003876;}
.com_sum_box .com_sum_ctt_wrap ul li:nth-of-type(3) .sum_box .sum_ctt{font-size:1.05rem;}
.com_sum_box .com_sum_ctt_wrap ul li .sum_box .sum_icon{position:absolute; right:1rem; bottom:0rem; font-size:3.5rem;}
.com_sum_box .com_sum_ctt_wrap ul li:nth-of-type(1) .sum_box .sum_icon{color:#edefff;}
.com_sum_box .com_sum_ctt_wrap ul li:nth-of-type(2) .sum_box .sum_icon{color:#f3edff;}
.com_sum_box .com_sum_ctt_wrap ul li:nth-of-type(3) .sum_box .sum_icon{color:#edfff2;}
.com_sum_box .com_sum_ctt_wrap ul li:nth-of-type(4) .sum_box .sum_icon{color:#ffebe9;}
.com_sum_box .com_sum_ctt_wrap ul li:nth-of-type(5) .sum_box .sum_icon{color:#ffe9f9;}
.com_sum_box .com_sum_ctt_wrap ul li:nth-of-type(6) .sum_box .sum_icon{color:#eaeddd;}

.dp1_company.dp2_ceo #contents .doc{padding-bottom:0; padding-top:7rem;}

/*sub_location*/
.map .root_daum_roughmap{ padding:0; border:none;}
.map .sub_tbl .tbl_st {border:1px solid #ccc;  border-top:2px solid #85a1b9; font-size:0.938em; width:100%;}
.map .sub_tbl .tbl_st tbody th {background:#f0f4f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; font-weight:500; font-size:1.000em; color:#333;   text-align:center; }
.map .sub_tbl .tbl_st tbody th .xi{ margin-right:5px;}
.map .sub_tbl .tbl_st tbody td {background:#fff; text-align:left; color:#666; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:1em 1.5em; line-height:1.5;}
.map .sub_tbl .tbl_st tbody td a{color:#666;}
.map .sub_tbl .tbl_st tbody td .in_tt{ color:#111; margin-bottom:2px;}
.map .sub_tbl .tbl_st tbody td .in_tx{display:inline-block;}
.map .sub_tbl .tbl_st tbody td .in_tx:not(:first-of-type){margin-left:20px;}
.map .sub_tbl .tbl_st tbody td .in_tx .c_box{ vertical-align:inherit; padding:3px 10px; background:#aaa; border-radius:30px; font-size:.875em; color:#fff; margin-right:10px;}

/*sub_online*/
.agree_wrap{ border:1px solid #ddd; border-radius:.5em; padding:1.5em; width:100%; min-height:8em; box-sizing:border-box}
.agree_wrap.h1{ max-height:20em; position:relative}
.agree_wrap .t1{ color:#111; margin-top:1.5em}
.agree_wrap .t1.s1{ font-size:.813em}
.agree_wrap .t1.s2{ font-size:1.125em}
.agree_wrap .t1:first-child{ margin-top:0}
.agree_wrap .t2{ color:#777; font-size:.875em; margin-top:.75em; line-height:1.5}
.agree_wrap .icon{ position:relative}
.agree_wrap .icon:before{ position:absolute; left:0; top:0}
.agree_wrap .t1.icon{ padding-left:.75em}
.agree_wrap .t1.icon:before{ content:"";  margin-top:.625em; width:.25em; height:.25em; border-radius:100%; background:#111}
.agree_wrap .t1.icon.c_red:before{ background:#ff3b4c}
.agree_wrap .t2.icon{ padding-left:1.25em}
.agree_wrap .t2.icon:before{ content:"\e929"; margin-top:.125em; color:#2aa89b; font-family:xeicon!important}
.agree_wrap.tt{ font-size:.938em; line-height:1.5; color:#555}

.a_wrap_st1{height:200px; overflow-y:scroll; box-sizing:border-box;}
.page_tit.cu_couns{margin-bottom:10px;}
.page_tit.cu_couns:nth-of-type(2){margin-top:20px;}

/*sub_product*/
.dp1_product #contents .sub_menu .gnb > li .dp2{display:none;}


.prod_etc_tab_wrap{margin-bottom:2rem; text-align:center;}
.prod_etc_tab_wrap .prod_etc_tab{display:inline-flex; margin:0 auto;}
.prod_etc_tab_wrap .prod_etc_tab li{display:inline-flex; justify-content:center; align-items:center; color:#fff; width:200px; height:50px; cursor:pointer; transition:.3s; margin-right:4rem; padding:4px; box-sizing:border-box;}
.prod_etc_tab_wrap .prod_etc_tab li:last-of-type{margin-right:0;}
.prod_etc_tab_wrap .prod_etc_tab li:nth-of-type(1){background:#8f8fe8;}
.prod_etc_tab_wrap .prod_etc_tab li:nth-of-type(2){background:#ee637d;}
.prod_etc_tab_wrap .prod_etc_tab li:nth-of-type(3){background:#336eb0;}
.prod_etc_tab_wrap .prod_etc_tab li:nth-of-type(1):hover{background:#6666e1;}
.prod_etc_tab_wrap .prod_etc_tab li:nth-of-type(2):hover{background:#f6294f;}
.prod_etc_tab_wrap .prod_etc_tab li:nth-of-type(3):hover{background:#003876;}
.prod_etc_tab_wrap .prod_etc_tab li p{display:flex; width:100%; height:100%; border:1px solid #fff; box-sizing:border-box; justify-content:center; align-items:center;}

.prd_cate_tab_wrap{margin-bottom:3rem;}
.prd_cate_tab_wrap .prd_cate_list{}
.prd_cate_tab_wrap .prd_cate_list ul{display:flex; box-sizing:border-box; overflow:hidden; flex-wrap:wrap;}
.prd_cate_tab_wrap .prd_cate_list ul li{/*flex:1 15%;*/width:16.66%; transition:.5s; background:rgba(0,56,118,.7); color:#c5c5c5; display:flex; justify-content:center; align-items:center; height:60px; cursor:pointer; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.6); box-sizing:border-box; border-right:1px solid rgba(255,255,255,.6);}
.prd_cate_tab_wrap .prd_cate_list ul li:nth-of-type(6n){border-right:none;}
.prd_cate_tab_wrap .prd_cate_list ul li:hover{/*flex:1 18%;*/ color:#fff;}
.prd_cate_tab_wrap .prd_cate_list ul li.on{/*flex:1 20%;*/ color:#fff; font-size:1.025em; background:#003876;}
.prd_cate_tab_wrap .prd_cate_list ul li p{width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative; text-align:center;}
.prd_cate_tab_wrap .prd_cate_list ul li p:after{content:''; display:block; width:0; height:2px; background:#fff; position:absolute; bottom:4px; left:50%; transform:translateX(-50%); transition:1s; overflow:hidden;}
.prd_cate_tab_wrap .prd_cate_list ul li:not(.on) p:before{content:''; display:block; width:0; height:0; border-radius:50%; background:#003876; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:2s; z-index:-1; opacity:0;}
.prd_cate_tab_wrap .prd_cate_list ul li:not(.on):hover p:before{width:500px; height:500px; opacity:1;}
.prd_cate_tab_wrap .prd_cate_list ul li:hover p:after{width:95%;}
.prd_cate_tab_wrap .prd_cate_list ul li.on p:after{width:95%;}

.prod_dv{margin-top:2em;}
.prod_dv ul{margin:0 0 -1em -1em;}
.prod_dv ul  li{width:33.33%; float:left; }
.prod_dv ul li *{ transition:0.5s;}
.prod_dv ul li .border_dv{margin:0 0 1em 1em; border:1px solid #ccc; cursor:pointer;}
.prod_dv ul li .border_dv .img_dv{overflow:hidden;}
.prod_dv ul li .border_dv .img_dv img{height:100%; }
.prod_dv ul li .border_dv .txt_dv{padding:1.3em .2em; border-top:1px solid #ccc; text-align:center;}
.prod_dv ul li .border_dv .txt_dv .prod_name_top{font-size:0.875em; color:#888; font-family:ng;}
.prod_dv ul li .border_dv .txt_dv .prod_name{text-align:center; font-size:1.05em; font-weight:600; margin-top:5px; min-height:42px; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.prod_dv ul li .border_dv:hover{}
.prod_dv ul li .border_dv:hover{border-color:#555; transform:translate(-8px,-8px); box-shadow:7px 7px 0 #ccc;}
.main_con2 .prod_dv ul li .border_dv:hover{transform:translate(0,0); box-shadow:none;}

.prod_view_dv{overflow:hidden;}
.prod_view_dv .img_dv{float:left; width:45%; margin-right:5%;}
.prod_view_dv .img_dv img{}
.prod_view_dv .img_dv .big_img_wrap{padding:10px; box-sizing:border-box; border:1px solid #ddd; cursor:pointer; transition:.3s;}
.prod_view_dv .img_dv .big_img_wrap:hover{border:1px solid #003876;}
.prod_view_dv .img_dv .thumb{overflow:hidden; padding:0 0 1px 1px; margin-top:10px;}
.prod_view_dv .img_dv .thumb > li{float:left; width:20%}
.prod_view_dv .img_dv .thumb > li .border_dv{border:1px solid #ccc; padding:5px; margin:0 0 -1px -1px; overflow:hidden;}
.prod_view_dv .img_dv .thumb > li .border_dv img{transition:.3s;}
.prod_view_dv .img_dv .thumb > li .border_dv:hover img{transform:scale(1.2);}

.prod_view_dv .txt_dv{float:left; width:50%; padding-top:1em; box-sizing:border-box;}
.prod_view_dv .txt_dv .prod_name{font-size:1.375em; font-weight:300; margin:.2em 0 .5em; color:#555;}
.prod_view_dv .txt_dv .p1{/*font-family:ng;*/ font-size:2em; font-weight:600;}
.prod_view_dv .txt_dv .p2{/*font-family:ng;*/ font-size:1em; font-weight:400; min-height:100px; background:#f0f5f0; border-radius:10px; padding:10px; box-sizing:border-box; line-height:1.6; margin:1em 0;}
.prod_view_dv .txt_dv .dv01{display:flex; border-bottom:1px solid #ccc; font-size:1.125em;}
.prod_view_dv .txt_dv .dv01 .a1{position:relative; display:inline-flex; width:20%; margin-right:5%; padding:15px; font-weight:500;}
.prod_view_dv .txt_dv .dv01 .a1::before{content:''; position:absolute; left:3px; top:24px; width:4px; height:4px; border-radius:50%; background:#003876}
.prod_view_dv .txt_dv .dv01 .a2{display:inline-flex; width:75%; padding:15px; text-align:left;}

.prod_view_dv .txt_dv .inq_dv{margin-top:3rem;}
.prod_view_dv .txt_dv .inq_dv .tit01{margin-top:3em;}
.prod_view_dv .txt_dv .inq_dv .tit01 .xi{display:inline-block; vertical-align:middle; font-size:1.75em; color:#00b0eb;}
.prod_view_dv .txt_dv .inq_dv .tit01 .st1{display:inline-block; vertical-align:middle; font-size:1.25em; font-weight:500; margin-left:2px;}
.prod_view_dv .txt_dv .inq_dv .tit01 .st2{display:inline-block; vertical-align:middle; font-size:0.875em; margin-left:5px; color:#666; font-family:ng;}
.prod_view_dv .txt_dv .inq_dv ol{ margin-top:15px; display:flex; justify-content:flex-end;}
.prod_view_dv .txt_dv .inq_dv ol li{/*float:left;*/ width:50%; text-align:center; position:relative; line-height:40px;}
.prod_view_dv .txt_dv .inq_dv ol li::before{content:''; width:1px; height:100%; background:#ddd; position:absolute; left:0; top:0;}
.prod_view_dv .txt_dv .inq_dv ol li:first-child::before{display:none;}
.prod_view_dv .txt_dv .inq_dv ol li.tel{font-size:1.5em; font-weight:600;}
.prod_view_dv .txt_dv .inq_dv ol li a{background:#666; color:#fff; padding:.5em 2em .7em; /*border-radius:5px;*/ transition:0.3s; position:relative;}
.prod_view_dv .txt_dv .inq_dv ol li a:before{content:''; display:block; width:calc(100% - 6px); height:calc(100% - 6px); border:1px solid rgba(255,255,255,.5); position:absolute; left:3px; top:3px; box-sizing:border-box;}
.prod_view_dv .txt_dv .inq_dv ol li a.online_btn{background:#003876;}
.prod_view_dv .txt_dv .inq_dv ol li a.online_btn.c2{background:#f6294f;}
.prod_view_dv .txt_dv .inq_dv ol li a.online_btn.c3{background:#6666e1;}
.prod_view_dv .txt_dv .inq_dv ol li a span{vertical-align:middle; display:inline-block;}
.prod_view_dv .txt_dv .inq_dv ol li a .xi{vertical-align:middle; display:inline-block; margin-right:3px; margin-top:4px;}
.prod_view_dv .txt_dv .inq_dv ol li a:hover{opacity:.6;}

.prod_detail_dv{margin-top:0em; border-top:2px solid #333; padding:2em 0;}
.prod_detail_tit{margin-top:3em; font-size:1.75em; color:#333; margin-bottom:.5rem;}
.prod_detail_tit i{font-size:.75em; margin-top:-6px; color:#003876;}

.img_pop_view{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0;top:100%; left:0; z-index:1500; padding:50px 0; box-sizing:border-box; transition:.6s;}
.img_pop_view.on{display:block; opacity:1; top:0;}
.img_pop_view img{display:block; margin:0 auto; height:100%;}
.img_pop_view span{width:60px; height:60px; position:absolute; top:50px; right:100px; background:#fff; border-radius:100%; text-align:center; line-height:60px; cursor:pointer;}
.img_pop_view span i{font-size:2em; color:#666;}

/*sub_partner*/
.part_tab_wrap{margin-bottom:3rem;}
.part_tab_wrap .part_tab{display:flex; box-sizing:border-box; overflow:hidden;}
.part_tab_wrap .part_tab li{flex:1 20%; transition:.5s; background:rgba(0,56,118,.7); color:#c5c5c5; display:flex; justify-content:center; align-items:center; height:60px; cursor:pointer; overflow:hidden;}
.part_tab_wrap .part_tab li:not(:last-of-type){border-right:1px solid rgba(255,255,255,.6); box-sizing:border-box;}
.part_tab_wrap .part_tab li:hover{flex:1 25%; color:#fff;}
.part_tab_wrap .part_tab li.on{flex:1 30%; color:#fff; font-size:1.225em; background:#003876;}
.part_tab_wrap .part_tab li p{width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative;}
.part_tab_wrap .part_tab li p:after{content:''; display:block; width:0; height:2px; background:#fff; position:absolute; bottom:4px; left:50%; transform:translateX(-50%); transition:1s; overflow:hidden;}
.part_tab_wrap .part_tab li:not(.on) p:before{content:''; display:block; width:0; height:0; border-radius:50%; background:#003876; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); transition:2s; z-index:-1; opacity:0;}
.part_tab_wrap .part_tab li:not(.on):hover p:before{width:500px; height:500px; opacity:1;}
.part_tab_wrap .part_tab li:hover p:after{width:95%;}
.part_tab_wrap .part_tab li.on p:after{width:95%;}

.part_list_wrap{display:none;}
.part_list_wrap.on{display:block;}

/*gnb_product*/
.gnb_prd_sm{display:none;}
body.dp1_product .gnb_prd_sm{display:flex !important; flex-wrap:wrap; position:absolute; left:50%; top:80px; transform:translateX(-50%); width:1200px; transition:2s; opacity:0;}
body.dp1_product .gnb_prd_sm a{display:none;}
body.dp1_product .gnb_wrap:hover .gnb_prd_sm{opacity:1;}
body.dp1_product .gnb_wrap:hover .gnb_prd_sm a{display:block;}
body.dp1_product .gnb_prd_sm li{/*flex:1;*/width:16.66%; position:relative;}
body.dp1_product .gnb_prd_sm li:before{content:''; display:block; width:0; height:2px; background:#01478f; position:absolute; left:50%; bottom:2px; transition:.7s; transform:translateX(-50%);}
body.dp1_product .gnb_prd_sm li:hover:before{width:95%;}
body.dp1_product .gnb_prd_sm li a{transition:.3s; font-size:.9375em;}
body.dp1_product .gnb_prd_sm li:hover a{color:#01478f;}
body.dp1_product #header .gnb_wrap:hover .gnb > li .dp2{display:none;}
body.dp1_product #header .gnb_wrap:hover .gnb:before{height:200px;}

#google_translate_element{position:absolute; right:200px; top:30px;}
/*html.translated-ltr body{padding-top:40px;}*/
html.translated-ltr #header{top:40px;}
html.translated-ltr #header .utile_wrap .all.on .all_wrap .wrap_in{padding-top:40px;}
html[lang="en"] .main_visual .slogan .t2{width:1000px; margin:0 auto;}
html[lang="en"] .main_customer .main_customer_ctt_wrap ul .cs_box .mc_ctt_box .mc_ctt > div .cs_txt{width:60%; margin-left:auto;}

.off_en{display:inline;}
.on_en{display:none;}
/*html.translated-ltr .off_en{display:none;}
html.translated-ltr .on_en{display:inline;}*/
html[lang="en"] .off_en{display:none;}
html[lang="en"] .on_en{display:inline;}