@charset "utf-8";
/*-----------------------------------------------------------------------------------*/
/*  소방공제조합 기본 CSS STYLE
/*-----------------------------------------------------------------------------------*/
/*  최종 수정일 : 2024.12.23
/*  작성자 : 박태순
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	BAGISIC
/*-----------------------------------------------------------------------------------*/

@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
}

*, *:before, *:after {-webkit-box-sizing: inherit;-moz-box-sizing: inherit;box-sizing: inherit;font-variant-numeric: tabular-nums;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-ms-text-size-adjust:none; -webkit-text-size-adjust:none;height:100%}
body {width:100%;height: 100%; font-family:'SUIT'; font-size: 0.98rem; font-weight: 400; color: #555555;line-height: 1.5;background-color:#f5f6ff;}
h1, h2, h3, h4, h5, h6 {font-weight:700}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure,  figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr {margin:0; padding:0;border:0}
ul li, ol li {list-style: none}
em, address {font-style:normal}
textarea {resize: none;}
img {outline:0;vertical-align:top;border:0;max-width:100.1%;height:auto;}
a {text-decoration: none; cursor: pointer;color: #666}
* {margin: 0; padding: 0;}



/*-----------------------------------------------------------------------------------*/
/*	LAYOUT
/*-----------------------------------------------------------------------------------*/
.mt-01 {margin-top: -1px;}
.ml00 {margin-left: 0px;} .mr00{margin-right: 0px;}.mt00 {margin-top: 0px;} .mb00{margin-bottom: 0px;}
.mt02 {margin-top: 2px;}
.mt04 {margin-top: 4px;}.ml04 {margin-left: 4px;}
.mt05 {margin-top: 5px;} .ml05 {margin-left: 5px;} .mr05 {margin-right: 5px;} .mb05{margin-bottom: 5px;}
.mt10 {margin-top: 10px;} .ml10 {margin-left: 10px;} .mr10 {margin-right: 10px;} .mb10{margin-bottom: 10px;}
.mt11 {margin-top: 11px;} .ml10 {margin-left: 11px;} .mr10 {margin-right: 11px;} .mb10{margin-bottom: 11px;}
.ml17 {margin-left: 17px;}
.mt15 {margin-top: 15px;} .ml15 {margin-left: 15px;} .mr15 {margin-right: 15px;} .mb15 {margin-bottom: 15px;}
.mt20 {margin-top: 20px;} .ml20 {margin-left: 20px;} .mr20 {margin-right: 20px;} .mb20 {margin-bottom: 20px;}
.mt25 {margin-top: 25px;} .ml25 {margin-left: 25px;} .mr25 {margin-right: 25px;} .mb25 {margin-bottom: 25px;}
.mt30 {margin-top: 30px;} .ml30 {margin-left: 30px;} .mr30 {margin-right: 30px;} .mb30 {margin-bottom: 30px;}
.mt35 {margin-top: 35px;} .ml35 {margin-left: 35px;} .mr35 {margin-right: 35px;} .mb35 {margin-bottom: 35px;}
.mt40 {margin-top: 40px;} .ml40 {margin-left: 40px;} .mr40 {margin-right: 40px;} .mb40 {margin-bottom: 40px;}
.mt45 {margin-top: 45px;} .ml45 {margin-left: 45px;} .mr45 {margin-right: 45px;} .mb45 {margin-bottom: 45px;}
.mt50 {margin-top: 50px;} .ml50 {margin-left: 50px;} .mr50 {margin-right: 50px;} .mb50 {margin-bottom: 50px;}
.mt55 {margin-top: 50px;} .ml55 {margin-left: 55px;} .mr55 {margin-right: 55px;} .mb55 {margin-bottom: 55px;}
.mt60 {margin-top: 60px;} .ml60 {margin-left: 60px;} .mr60 {margin-right: 60px;} .mb60 {margin-bottom: 60px;}
.mt70 {margin-top: 70px;} .ml70 {margin-left: 70px;} .mr70 {margin-right: 70px;} .mb70 {margin-bottom: 70px;}
.mt80 {margin-top: 80px;} .ml80 {margin-left: 80px;} .mr80 {margin-right: 80px;} .mb80 {margin-bottom: 80px;}
.mt90 {margin-top: 90px;} .ml90 {margin-left: 90px;} .mr90 {margin-right: 90px;} .mb90 {margin-bottom: 90px;}
.mt100 {margin-top: 100px;} .ml100 {margin-left: 100px;} .mr100 {margin-right: 100px;} .mb100 {margin-bottom: 100px;}
.mt121 {margin-top: 121px;} .ml121 {margin-left: 121px;}
.ml128 {margin-left: 128px;}
.mt141 {margin-top: 141px;} .ml141 {margin-left: 141px;} .mr141 {margin-right: 141px;} .mb141 {margin-bottom: 141px;}
.mt150 {margin-top: 150px;} .ml150 {margin-left: 150px;} .mr150 {margin-right: 150px;} .mb150 {margin-bottom: 150px;}
.mt180 {margin-top: 180px;} .ml180 {margin-left: 180px;} .mr180 {margin-right: 180px;} .mb180 {margin-bottom: 180px;}
.mt190 {margin-top: 190px;} .ml190 {margin-left: 190px;} .mr190 {margin-right: 190px;} .mb190 {margin-bottom: 190px;}
.mt200 {margin-top: 200px;} .ml200 {margin-left: 200px;} .mr200 {margin-right: 200px;} .mb200 {margin-bottom: 200px;}
.mt250 {margin-top: 250px;}
.ml245 {margin-left: 245px;}
.ml251 {margin-left: 251px;}
.ml252 {margin-left: 252px;}
.ml265 {margin-left: 265px;}
.mt340 {margin-top: 340px;}
.ml376 {margin-left: 376px;}
.ml389 {margin-left: 389px;}
.ml369 {margin-left: 369px;}
.mt440 {margin-top: 440px;}
.mt470 {margin-top: 470px;}
.ml496 {margin-left: 496px;}
.mt780 {margin-top: 780px;}
.mt1120 {margin-top: 1120px;}
.mt1460 {margin-top: 1460px;}
.mt1800 {margin-top: 1800px;}
.mt2140 {margin-top: 2140px;}
.mt2480 {margin-top: 2480px;}
.mt2820 {margin-top: 2820px;}
.mt3160 {margin-top: 3160px;}
.mt3500 {margin-top: 3500px;}
.mt3840 {margin-top: 3840px;}
.mt4180 {margin-top: 4180px;}

.pt05 {padding-top: 5px;} .pl05 {padding-left: 5px;} .pr05 {padding-right: 5px;} .pb05{padding-bottom: 5px;}
.pt10 {padding-top: 10px;} .pl10 {padding-left: 10px;} .pr10 {padding-right: 10px;} .pb10{padding-bottom: 10px;}
.pt11 {padding-top: 11px;} .pl11 {padding-left: 11px;} .pr11 {padding-right: 11px;} .pb11{padding-bottom: 11px;}
.pt15 {padding-top: 15px;} .pl15 {padding-left: 15px;} .pr15 {padding-right: 15px;} .pb15{padding-bottom: 15px;}
.pt20 {padding-top: 20px;} .pl20 {padding-left: 20px;} .pr20 {padding-right: 20px;} .pb20{padding-bottom: 20px;}
.pt25 {padding-top: 25px;} .pl25 {padding-left: 25px;} .pr25 {padding-right: 25px;} .pb25{padding-bottom: 25px;}
.pt30 {padding-top: 30px;} .pl30 {padding-left: 30px;} .pr30 {padding-right: 30px;} .pb30{padding-bottom: 30px;}
.pt35 {padding-top: 35px;} .pl35 {padding-left: 35px;} .pr35 {padding-right: 35px;} .pb35{padding-bottom: 35px;}
.pt40 {padding-top: 40px;} .pl40 {padding-left: 40px;} .pr40 {padding-right: 40px;} .pb40{padding-bottom: 40px;}
.pt45 {padding-top: 45px;} .pl45 {padding-left: 45px;} .pr45 {padding-right: 45px;} .pb45{padding-bottom: 45px;}
.pt50 {padding-top: 50px;} .pl50 {padding-left: 50px;} .pr50 {padding-right: 50px;} .pb50{padding-bottom: 50px;}
.pt55 {padding-top: 55px;} .pl55 {padding-left: 55px;} .pr55 {padding-right: 55px;} .pb55{padding-bottom: 55px;}
.pt60 {padding-top: 60px;} .pl60 {padding-left: 60px;} .pr60 {padding-right: 60px;} .pb60{padding-bottom: 60px;}
.pt65 {padding-top: 65px;} .pl65 {padding-left: 65px;} .pr65 {padding-right: 65px;} .pb65{padding-bottom: 65px;}
.pt70 {padding-top: 70px;} .pl70 {padding-left: 70px;} .pr70 {padding-right: 70px;} .pb70{padding-bottom: 70px;}
.pt80 {padding-top: 80px;} .pl80 {padding-left: 80px;} .pr80 {padding-right: 80px;} .pb80{padding-bottom: 80px;}
.pt90 {padding-top: 90px;} .pl90 {padding-left: 90px;} .pr90 {padding-right: 90px;} .pb90{padding-bottom: 90px;}

.pAll10 {padding:10px}.pAll20 {padding:20px}.pAll30 {padding:30px} .pAll40 {padding:40px} .pAll50 {padding:50px}
.pTB44 {padding:44px 0;}

/*-----------------------------------------------------------------------------------*/
/*	BAGIC-STYLE
/*-----------------------------------------------------------------------------------*/

.pull-left {float:left;} .pull-right {float:right;}
.clearfix::after { content: '';display: block;clear: both;}
.LY-middle { display: flex;align-items: center; }
.Df-Ac-Jc { display: flex;align-items: center;justify-content: center;}
.Df-At-Jc { display: flex;align-items: top;justify-content: center;}
.Df-Ac-Jl { display: flex;align-items: center;justify-content: left;}
.Df-Ac-Jr { display: flex;align-items: center;justify-content: right;}
.layout3-100 {padding:2.5%}
.wrap { width:100%;margin:0; padding:0; overflow-x: hidden;}
.Figu-bagicWrap {width:100%;position: relative;max-width:1500px;margin:0 auto;}
.display-OFF { display:none; } .display-ON { display:block; }
.Figu-inputbetween {line-height: 2.60rem;}
caption {position: absolute;font-size: 0;left: -99999px;}
.figu-fixW300Center {margin: 0 auto;width:300px}
.figu-scroll {height:300px;overflow-y: scroll;letter-spacing: 0rem;word-break: keep-all;}
.figu-scroll02 {height:260px;overflow-y: scroll;letter-spacing: 0rem;word-break: keep-all;box-shadow: inset 0 0 4px #333;}
.figu-scroll03 {height:350px;overflow-y: scroll;letter-spacing: 0rem;word-break: keep-all;box-shadow: inset 0 0 4px #333;}
.figu-cursorStylenone {cursor: default;}
.RightArrowSY01, .RightArrowSY02 {position: absolute;right:15px;font-size:1.60rem;}
.RightArrowSY01 {top:10px;} .RightArrowSY02 {top:0px;}
.Figu-Position_RelA{position: relative;}
.Figu-BGcolor01 {background:#ececec ;}
.Figu-BGcolor02 {background:#f5f6ff;}

/*-----------------------------------------------------------------------------------*/
/*	FONT-STYLE
/*-----------------------------------------------------------------------------------*/
.text-l {text-align: left;} .text-r {text-align: right;} .text-c {text-align: center;} .text-B {font-weight:700;}.FiguText-letterS-0 {letter-spacing: -1px;}.FiguText-letterS-1 {letter-spacing: -0.050rem;}
.FiguTextC-SkyBlue {color:#418def;}.FiguTextC-LightSkyBlue {color:#43e8e2;} .FiguTextC-green {color:#9bcf3b;}
.FiguTextC-red {color:#a61a1a;}.FiguTextC-gray {color:#555;}.FiguTextC-Lightgray {color:#888;}
.FiguTextC-DeepBlue {color:#003586;}.FiguTextC-OpDeepBlue {color:#7196da;}.FiguTextC-Darkgray {color:#333;}
.FiguTextC-Dgreen {color:#70a50e;} .FiguTextC-Violet {color:#611fce;}.FiguTextC-White {color:#fff;} .FiguTextC-Yellow {color:#ffbe00;}
.FiguText12 {font-size:0.80rem;}.FiguText13{font-size: 1.00rem;} .FiguText14 {font-size:1.20rem;}.FiguText15 {font-size:1.40rem;}
.FiguText16 {font-size:1.60rem;}.FiguText20 {font-size:2.00rem;} .FiguText25 {font-size:3.00rem;}
.Figu-displayLB {display: inline-block;}
.FiguTextR {font-weight: 400;}
.Figu-bagicLH {line-height: 0.96rem;}.Figu-bagicLH01 {line-height: 1.20rem;}.Figu-bagicLH02 {line-height: 0.50rem;}.Figu-bagicLH03 {line-height: 1.50rem;}.Figu-bagicLH04 {line-height: 1.80rem;}

/*-----------------------------------------------------------------------------------*/
/*	BTN-STYLE
/*-----------------------------------------------------------------------------------*/

.LogoCbox-outline {
  width:150px;
  height:150px;
  background-color: #ddd;
  border-radius: 100%;
  padding:8px;
  box-shadow: 10px 30px 50px -10px #ccc,
               -4px -4px 20px #fff,
              inset 0 4px 8px -1px #444;
  border:1px solid #fff;
}
.LogoCbox-imgWrap {
  width:100%;
  height:100%;
  border-radius: 100%;
  background-color: #f5f6ff;
  border:1px solid #fff;
  box-shadow: 0px 4px 8px -1px #222;
}
.LogoCbox-imgWrap02 {
  width:120px;
  height:120px;
  border-radius: 100%;
  padding:4px;
  border:5px solid #bbb;
  box-shadow: inset 0px 4px 8px -1px #aaa,
                    10px 10px 50px -10px #bbb,
                    -4px -4px 20px #fff;
  background-color: #fff;
  vertical-align: middle;
}
.PartnerBoxWrap {width:70%;max-width:533px;position: absolute;}
.Figu-Position_RelA > .PartnerBoxWrap:nth-child(3) {left:205px;top:20px;}
.Figu-Position_RelA > .PartnerBoxWrap:nth-child(4) {left:205px;bottom:20px;}
.PartnerICboxStyle01 {
  position: absolute;left:0;top:0;box-shadow: 2px 0px 6px -1px #555;border-radius: 10px 0 0 10px;
}
.PartnerInfoBox-wrap {
  height: 150px;width:40px;position: relative;
}
.PartnerInfoBox-wrap > .line:nth-child(1) {
  width:15px;height:2px;position: absolute;top:74px;left:0px;background-color: #bbb ;
}
.PartnerInfoBox-wrap > .line:nth-child(2) {
  width:20px;height:80px;position: absolute;
  top:35px;left:14px;
  border-left: 2px solid #bbb;
  border-top: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
  border-radius: 10px 0 0 10px;
}

.Figu-BoxStyle01 {
  width:100%;
  height:68px;
  border-radius: 10px;
  border:1px solid #ddd;
  box-shadow: inset 0 2px 8px #fff,
                    0 4px 8px -2px #ccc;
}
.Figu-BoxStyle02 {
  position: absolute;
  right:30px;
}
/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
header{
    margin: 0;
    padding: 0px;
    width:100%;
    min-width:1500px;
    position:relative;
    background-color:#f5f6ff;
    z-index: 1001;
}


.head_logo {
  position:absolute;
  display:block;
  width: 220px;
  height:60px;
  background-repeat:no-repeat;
  background-position:0 0;
  background-size:100% auto;
  z-index: 1001;
  background-image:url(../img/head_L_logo03.png);
}
.logoup {top:-29px;}
.logodown {top:-6px;}


#head_top_wrap {
  margin: 0 auto;
  padding-top:6px;
  width:100%;
  height: 60px;
  max-width: 1500px;
}
.head_top01 {
    width:100%;
    position:relative;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: right;
    line-height: 0;
}
.head_top01 .help-box, .Figu-blueBtn {
    position: relative;
    border:1px solid #fff;
    background-color:#003586;
    font-size:0.80rem;
    border-radius: 100px;
    padding: 0 26px;
    text-align: center;
    color:#fff;
    margin-right:2px;
    box-shadow: inset 0 2px 8px #333;
    cursor: pointer;
}
.head_top01 .help-box { line-height: 0px;padding:14px 24px; }
.Figu-blueBtn {line-height: 16px;padding:8px 0;width:200px;}

.head_top01 .help-box .RightArrow-IC ,
.Figu-blueBtn .RightArrow-IC {
  font-size:20px;
  font-weight: 400;
  position: absolute;
  top:14px;right:8px;
}
.head_top01 .help-box .RightArrow-IC {line-height: 0;}
.Figu-blueBtn .RightArrow-IC {line-height: 12px;}
.head_top01 .help-box:hover,
.Figu-blueBtn:hover {
  color:#ffde00;
  border:1px solid #418def;
  box-shadow: 0 2px 8px -2px #222;
  background-color: #418def;
}
.head_top01 .help-box .ticonL {
    display: inline-block;
    width:10px;
    height:14px;
    background-image:url(../img/headTop_iconLight.png);
	  background-repeat:no-repeat;
	  background-position: 0 2px;
	  background-size:70% auto;   
}
.Main-MembershipIcon-Car,
.Main-MembershipIcon-Card,
.Main-MembershipIcon-Money,
.Main-MembershipIcon-Management,
.Main-MembershipIcon-leisure,
.Main-MembershipIcon-ISO,
.Main-MembershipIcon-CarInsurance,
.Main-MembershipIcon-CreditRating,
.Main-MembershipIcon-Shopping {
  display: inline-block;
  width:80px;
  height:80px;
  background-repeat:no-repeat;
  background-position: center center;
  background-size:80px 80px;   
}
.Main-MembershipIcon-Car {background-image:url(../img/icon_MS_car.png);}
.Main-MembershipIcon-Card {background-image:url(../img/icon_MS_card.png);}
.Main-MembershipIcon-Money {background-image:url(../img/icon_MS_money.png);}
.Main-MembershipIcon-Management {background-image:url(../img/icon_MS_Management.png);}
.Main-MembershipIcon-leisure {background-image:url(../img/icon_MS_leisure.png);}
.Main-MembershipIcon-ISO {background-image:url(../img/icon_MS_ISO.png);}
.Main-MembershipIcon-CarInsurance {background-image:url(../img/icon_MS_CarInsurance.png);}
.Main-MembershipIcon-CreditRating {background-image:url(../img/icon_MS_creditrating.png);}
.Main-MembershipIcon-Shopping {background-image:url(../img/icon_MS_shopping.png);}
.size-nav {
    font-size:0.90rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.size-navBtn-wrap {
  background: rgb(233,233,233);
  background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
  border-radius: 50px;
  box-shadow: inset 0 3px 8px -2px #fff,
                    0 3px 4px -3px #888,
                    -3px -3px 10px 0 #fff;
}
.plusRbtn,
.MaRbtn {
  width:28px;
  height:24px;
  color:#999;
  font-weight:700;
  vertical-align: middle;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 0px 0px #000;
}
.plusRbtn {
  border-radius: 50px 0 0 50px;
  border-top:1px solid #efefef;
  border-bottom:1px solid #ccc;
  border-right:1px solid #fff;
  font-size:13px;
}
.ResetMbtn {
  vertical-align: middle;
  height:24px;
  padding:0 6px;
  text-align: center;
  font-size:11px;
  color:#aaaaaa;
  letter-spacing: 1px;
  border-top:1px solid #efefef;
  border-bottom:1px solid #ccc;
  border-right:1px solid #fff;
  border-left:1px solid #ccc;
  line-height: 21px;
  box-shadow: 0 0px 0px #000;
}
.MaRbtn {
  border-radius: 0 50px 50px 0;
  border-top:1px solid #efefef;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  font-size:16px;
  box-shadow: 0 0px 0px #000;
}

.plusRbtn:hover,.MaRbtn:hover, .ResetMbtn:hover {
  background-color:#478ef7;color:yellow;border:1px solid #317fe3;box-shadow: 0 4px 10px -1px #777;

}
.plusRbtn:focus,.MaRbtn:focus, .ResetMbtn:focus {
  box-shadow:  2 2px 2px #000;
}

.arrow_box {
    display: none;
    position: absolute;
    width: 150px;
    padding: 10px;
    margin-top:6px;
    right: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #222;
    color: #478ef7;
    font-size: 0.90rem;
    z-index: 99999;
    text-align: center;
  }
  
  .arrow_box:after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #222;
    border-width: 10px;
    pointer-events: none;
    content: ' ';
  }
  span:hover + p.arrow_box {
    display: block;
  }



/*   GNB    -------------------------------------------------------------------------*/

.top_nav {
    width:100%;
    height:100%;
    margin:0;
    padding:8px 0 0 0;
    background-color: #f5f6ff;
    border-bottom: 1px solid #a4a4a4;
    box-shadow: 0 3px 5px -4px #000;
    position: sticky;
    top: 0;
    z-index: 1001;
}

#GnB_wrap{
    margin:0 auto;
    width:1500px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #f5f6ff;
}
#GnB_wrap #gnb{display: flex;z-index: 1001;margin-left: auto;background-color: #f5f6ff;}
#GnB_wrap #gnb .gnb_R_b {border-right: 1px solid #c0c0c0;}
#GnB_wrap #gnb > .dept1 {
    cursor: pointer;
    position: relative;width:176px;height:60px;;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #fff;
    padding:10px 10px 0 10px;
    background: rgb(238,238,238);
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 29%);
    box-shadow: -2px -2px 2px #fff;
}
#GnB_wrap #gnb > .dept1:active {
  box-shadow: inset 0px 6px 10px -6px #777;
}
#GnB_wrap #gnb > .dept1:first-child { border-radius: 16px 0 0 0;}
#GnB_wrap #gnb > .dept1:last-child { border-radius: 0 16px 0 0;border-right: 1px solid #ddd;}
#GnB_wrap #gnb > .dept1 > a > .head_GNB_style {
    border-radius: 8px 8px 0 0;
    width:100%;
    height:100%;
    font-size:1.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:700;
}
#GnB_wrap #gnb > .dept1 > a > .head_GNB_style{color:#333 }
#GnB_wrap #gnb > .dept1 > a:focus > .head_GNB_style, 
#GnB_wrap #gnb > .dept1 > a.active > .head_GNB_style {color: #fff;background-color: #003586;box-shadow: inset 0 0 8px #333;}
#GnB_wrap #gnb .inner_menu {
    position: absolute;
    top: 0rem;
    left:50%;
    transform: translateX(-50%);
    width:100%;
    margin-top:60px;
    line-height:0;
    display: none;
    font-size:0.96rem;
    letter-spacing:0rem;
    padding-bottom: 15px;
    transition: 0.4s ease;
}


#GnB_wrap #gnb  .dept2 {width:88%;margin:-1px auto;padding:11px 0;text-align: center;border-radius: 0 0 10px 10px;
  -webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
          animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) forwards;
}
#GnB_wrap #gnb  .dept2:hover {
  background-color: #478ef7;border: 1px solid #2c5faa;font-weight:600;
  /*box-shadow: inset 0 0 8px #306dc6;*/
  -webkit-animation: shadow-inset-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both,
                      scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: shadow-inset-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both,
                      scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes shadow-inset-center {
  0% {
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
  }
}
@keyframes shadow-inset-center {
  0% {
    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
            box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5);
  }
}


#GnB_wrap #gnb  .dept2:hover > li > a {color:#fff;}
#GnB_wrap #gnb  .dept2 li {padding:23px 0;height:20px;}
#GnB_wrap #gnb  .dept2 li > a:hover,
#GnB_wrap #gnb  .dept2 li > a:active,
#GnB_wrap #gnb  .dept2 li > a:focus {
  display: block;
  margin-top:-32px;
  background: rgb(65,141,239);
  background: linear-gradient(0deg, rgba(65,141,239,1) 0%, rgba(111,174,255,1) 100%);
  font-size: 1.035rem;
  color:#ffde00;
  text-shadow: 0 2px 0px #4b6d0d;
  transition: 0.4s ease;
  box-shadow: 0px 20px 30px -12px #0f5dd3;
  padding:26px 0px;
  border-radius: 8px;
}
#GnB_wrap #gnb .dept2 > li:hover{
  transition: 0.4s ease;
}

.hd_bg{
  background: #fff;
  top:69px;
  width: 100%;
  height: 0;left: 0;
  z-index: 1000;
  position: absolute;
  box-shadow: 0 5px 10px -6px #777;
  transition: 0.4s ease;
  -webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.scale-up-ver-top:hover > li {
    -webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}
@keyframes scale-up-ver-top {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
  }
}



/* sub top Nav -------------------------------------------------------------------------*/
#subTOPtnav { 
  width:100%;
  color:#f5f6ff;font-weight: 400;
  background-color: #003586;
  box-shadow: inset 0 4px 6px  #444,
              0 2px 4px #fff;
  background: rgb(21,99,199);
  background: linear-gradient(0deg,rgba(0,53,134,1) 100%, rgba(65,141,239,1) 50%);
}
#subTOPtnav .subTOPtnav-wrap { margin:0 auto;width:1500px;height:45px;background-color: #003586; }
#subTOPtnav  a { text-decoration: none;color:#f5f6ff; }
#subTOPtnav .subTOPtnav-wrap .sub_TopnavHomeIC {
    width:20px;height:20px;
    margin-left:10px;
    background-image:url(../img/sub_TopHome_icon.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    background-size:100% auto;
}
#subTOPtnav .subTOPtnav-wrap .sub_TopnavHomeIC:hover {
  background-image:url(../img/sub_TopHome_icon_on.png);
}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul {float:left;position:relative;margin-left:30px;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav ul li{padding:0.05rem;z-index: 9;min-width:180px;letter-spacing: -0.08rem;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav ul li label {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 10px;
  transform: rotate(45deg);
  top: 8px;
  border-bottom: 2px solid #f5f6ff;
  border-right: 2px solid #f5f6ff;
}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul > li:hover > a {color: #41cbfe;font-weight: 700;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul > li:hover > a > label {
  top: 12px;
  border-bottom: 2px solid #41cbfe;
  border-right: 2px solid #41cbfe;
  transform: rotate(-135deg);
  transition: 0.4s;
}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav ul li ul {
-webkit-animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: scale-up-ver-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav ul li ul li {
  padding: 0.8rem;
  text-align: center;
  border-top: 1px solid rgba(0,0,0,0.1);
  box-sizing: border-box;
  font-size: 0.90rem;
  box-shadow: inset 0 -6px 0 #f5f6ff;
}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav ul li ul li:first-child {border-radius: 15px 15px 0 0;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav ul li ul li:last-child {border-bottom: none;border-radius: 0 0 15px 15px;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav ul li ul li a {color: #444;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul > li {float:left;position:relative;text-align: left;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul > li > ul {
  display:none;
  margin-left: -5px;
  position: absolute;
  box-shadow: 0px 2px 5px -2px #333;
  border-radius: 15px;
  background-color: #f5f6ff;
  border:1px solid #c3c3c3;
}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul > li:hover > ul {display:block;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul > li > ul > li:hover {background-color: #fff;transition: ease 1s;border-top:1px solid #ccc;box-shadow: inset 0 -2px 0 #418dfe;}
#subTOPtnav .subTOPtnav-wrap .subTOPtnav > ul > li > ul > li:hover > a {color:#478ef7;font-weight: 700;}

/*-----------------------------------------------------------------------------------*/
/*	SWIPE
/*-----------------------------------------------------------------------------------*/
#figu-swipe {
    margin: 0 auto;
    padding: 0;
    width:100%;
    background-color: #003686;
    box-shadow: inset 0 0 10px #000;
    overflow: hidden;
    border-bottom: 1px solid #aaa;
}

.mainSwiper {
    width: 100%;
    height:578px;
    margin: 0 auto;
}

.mainSwiper-textbox-wrap {position: absolute;width:1500px;height:578px;}
.mainSwiper-TitleText {font-size:3.70rem;color:#fff;text-shadow: 2px 2px 4px #444;letter-spacing: -2px;}
.mainSwiper-TitleText02 {font-size:4.00rem;color:#003686;text-shadow: 1px 2px 2px #062047;letter-spacing: -2px;}
.mainSwiper-EventBtn {position: absolute;left:20px;top:250px;}
.mainSwiper-BGColor01 {background-color: #418def;}
.mainSwiper-BGColor02 {background-color: #141a2d;} 
.mainSwiper-BGColor03 {background-color: #adc9f9;} 
.mainSwiper-BGColor04 {background-color: #2750c2;}
.mainSwiper-BGColor05 {background-color: #c3dbfd;}
.mainSwiper-BGColor06 {background-color: #ecf8ff;}
.mainSwiper-LeftBtn,
.mainSwiper-RightBtn,
.mainSwiper-TineLine {
  background: rgba( 255, 255, 255, 0.50 );
  box-shadow: 0px 4px 8px -2px rgba( 40, 40, 40, 0.40 );
  backdrop-filter: blur( 3px );
  -webkit-backdrop-filter: blur( 3px );
}

.mainSwiper-LinkItem-wrap {width:100%;position: relative;}
.mainSwiper-LinkItem01,
.mainSwiper-LinkItem02,
.mainSwiper-LinkItem03,
.mainSwiper-LinkItem04 {position:absolute;width:240px;height:110px;}

.mainSwiper-LinkItem01 {left:61px;top:296px;}
.mainSwiper-LinkItem02 {left:334px;top:296px;}
.mainSwiper-LinkItem03 {left:61px;top:428px;}
.mainSwiper-LinkItem04 {left:334px;top:428px;}

.mainSwiper-LeftBtn { border-radius: 0 50px 50px 0; }
.mainSwiper-RightBtn { border-radius: 50px 0 0 50px; }
.mainSwiper-TineLine {border-radius: 100px;}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide:nth-child(0n) {
  width: 100%;
}

.swiper-slide:nth-child(1n) {
  width: 40%;
}

.swiper-slide:nth-child(2n) {
  width: 40%;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.autoplay-progress {
    position: absolute;
    left:50%;
    bottom: 40px;
    z-index: 900;
    width: 48px;
    height: 48px;
    margin-left:-24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}


/*    test swiper     */


.offcanvas .Item-Box {
  position: relative;width:100%;height:auto;
}

.BottomSwiper {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.BottomSwiper > .swiper-wrapper { overflow: hidden;height:128px;}
.BottomSwiper-wrap {
  width:100%;
  margin:0 auto;
  background: rgba( 255, 255, 255, 0.25 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-top:1px solid rgba( 150, 150, 150, 0.37 );
  padding:0.5% 0.5% 0 0.5%;
}

.BottomSwiper .swiper-slide {
  display: flex;
  height:100%;
  align-items: center;
  justify-content: center;
}

.offcanvas .close_btn-wrap {
  position: absolute;top:27px;right:0%;z-index: 900;
}

.offcanvas .close_btn {
  background: rgba( 255, 255, 255, 0.25 );
  box-shadow: 0 8px 40px -2px rgba( 31, 38, 135, 0.20 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  color:#003686;
  font-size:10px;
  border-radius: 10px 10px 0 0;
  border: 1px solid rgba( 150, 150, 150, 0.30 );
  border-bottom: 0;
  width:72px;height:24px;
  
}

.offcanvas .close_btn:hover {
  color:#418def;
  background: rgba( 255, 255, 255, 1 );
  box-shadow: 0 -2px 2px -1px rgba( 120,120,120, 0.5 );
  backdrop-filter: blur( 1px );
  -webkit-backdrop-filter: blur( 1px );
  border: 1px solid rgba( 150, 150, 150, 0.5 );
  border-bottom: 0;
}


/*
==============================================
bounce
==============================================
*/


.Figu-bounce{
	animation-name: Figu-bounce;
	-webkit-animation-name: Figu-bounce;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 	
}

@keyframes Figu-bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}
  40% {
		transform: translateY(-50%) scaleY(1.2);
	}
	60%{
		transform: translateY(-1%) scaleY(1.1);
	}
	70%{
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}	
}

@-webkit-keyframes Figu-bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}
  40% {
		-webkit-transform: translateY(-50%) scaleY(1.2);
	}
	60%{
		-webkit-transform: translateY(-1%) scaleY(1.1);
	}
	70%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}
	80%{
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	90%{
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	100%{
		-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
	}		
}



/*
.societyGroupTab { width:100%; box-sizing: border-box; position: relative;margin:0 auto;}

.societyGroupTab:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #e1e1e1; }

.societyGroupTab .swiper-slide {width: auto; }

.societyGroupTab .swiper-slide:first-child { padding-left: 0; }

.societyGroupTab .swiper-slide:last-child { padding-right: 0; }

.societyGroupTab .swiper-slide a { display: block; }

.societyGroupTab .swiper-slide a:hover .societyGroupTab__text { font-weight: 700;color:#418def; }

.societyGroupTab__text { padding: 0 20px; box-sizing: border-box; position: relative; display: inline-block; white-space: nowrap; font-size: 2.50rem; line-height: 4rem; color: #333; }

.on .societyGroupTab__text { color: #418def; font-weight: 700;}

.on .societyGroupTab__text:after { content: ''; display: block; position: absolute; left: 0px; right: 0px; bottom: 0; width: 100%; height: 4px; background: #418def; }

*/

/*-----------------------------------------------------------------------------------*/
/*	6 work (right top - nav
/*-----------------------------------------------------------------------------------*/

.work_nav {
    width: 100%;position:absolute;margin:0px;z-index: 1;min-width:1500px;
}

.work_nav .work_nav_wrap {
    width:100%;
    max-width:1500px;
    height:200px;
    margin:0 auto;
}

.box-IconMenu {
    width:185px;height:185px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.10rem;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color:#444444;
    text-shadow: 1px 1px 1em rgba( 255, 255, 255, 0.50 ),
                 -1px -1px 1em rgba( 255, 255, 255, 0.50 );
    border-radius: 24%;
    border: 1px solid rgba( 255, 255, 255, 0.3 );
    background: rgba( 255, 255, 255, 0.45 );
    box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5),
                inset 7px 7px 9px 0 rgba(255, 255, 255, 0.24),
                inset -7px -7px 16px 0 rgba(148, 148, 148, 0.24),
                inset 0 0 26px 9px rgba(255, 255, 255, 0.3);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur( 17.0px );
    -webkit-backdrop-filter: blur( 17.0px );
    -webkit-animation: box-IconMenu 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.500) both;
	          animation: box-IconMenu 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-transform: translateZ(50px) translateY(-12px);
            transform: translateZ(50px) translateY(-12px);
    -webkit-box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5),
                        inset 7px 7px 9px 0 rgba(255, 255, 255, 0.24),
                        inset -7px -7px 16px 0 rgba(148, 148, 148, 0.24),
                        inset 0 0 26px 9px rgba(255, 255, 255, 0.3);
            box-shadow: 0 12px 12px -12px rgba(0, 0, 0, 0.5),
                        inset 7px 7px 9px 0 rgba(255, 255, 255, 0.24),
                        inset -7px -7px 16px 0 rgba(148, 148, 148, 0.24),
                        inset 0 0 26px 9px rgba(255, 255, 255, 0.3);
    transition: all 0.4s 0.09s;
}
.box-IconMenu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}
.box-IconMenu::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}

/*
.glass-card {
  width: 240px;
  height: 360px;
  background: rgba(255, 255, 255, 0.23);
  backdrop-filter: blur(21px);
  -webkit-backdrop-filter: blur(21px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 30px 15px rgba(255, 255, 255, 1.5);
  position: relative;
  overflow: hidden;
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.glass-card::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}
*/
/*.box-IconMenu02 {  
  width:100%;
  margin-top:0px;
  min-width:196px;
  position: relative;
  border-radius: 15px;
  border:1px solid #ccc;
  background: linear-gradient(180deg, #ffffff, #ddddef);
  box-shadow:  2px 6px 9px -6px #aaa,
              -2px -6px 12px #fafbff;
}
.box-IconMenu02:active, .box-IconMenu02.active {
  margin-top:2px;
  border:1px solid #ebebeb;
  background: linear-gradient(0deg, #fff, #ddddef);
  box-shadow: inset  2px 6px 9px -6px #777,
              inset -2px -6px 12px #fff;
}*/

.box-IconMenu:hover {
    margin-top: -8px;
    border: 1px solid rgba(41,111,216,1);
    border-radius: 24%;
    color:#fff;
    text-shadow: 1px 1px 1em rgba( 0, 228, 255, 0.50 ),
                 -1px -1px 1em rgba( 0, 228, 255, 0.50 );
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#418dfe+0,296fd8+100 */
    background: rgba(65,141,254,1); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(42,255,227,1) 0%, rgba(41,111,216,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(42,255,227,1) 0%,rgba(41,111,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(42,255,227,1) 0%,rgba(41,111,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418dfe', endColorstr='#296fd8',GradientType=0 ); /* IE6-9 */
    -webkit-transform: translateZ(50px) translateY(-540px);
            transform: translateZ(50px) translateY(-540px);
    -webkit-box-shadow: 0 26px 20px -12px rgba(0, 0, 0, 0.40),
                        inset 0 1px 0 rgba(209, 221, 250, 0.9),
                        inset 0 -1px 0 rgba(165, 191, 246, 0.3),
                        inset 0 0 26px 10px rgba(65,141,254, 0.9);
            box-shadow: 0 26px 20px -12px rgba(0, 0, 0, 0.40),
                        inset 0 1px 0 rgba(209, 221, 250, 0.9),
                        inset 0 -1px 0 rgba(165, 191, 246, 0.3),
                        inset 0 0 26px 10px rgba(65,141,254, 0.9);
}
.box-IconMenu:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(42,222,255, 0.8),
    transparent
  );
}
.box-IconMenu:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(42,222,255, 0.8),
    transparent,
    rgba(42,222,255, 0.3)
  );
}
@-webkit-keyframes box-IconMenu {
    0% {
        -webkit-transform: translateZ(0) translateY(500px);
                transform: translateZ(0) translateY(500px);
        
    }
    100% {
        -webkit-transform: translateZ(50px) translateY(-540px);
                transform: translateZ(50px) translateY(-540px);
      
    }
}
  @keyframes box-IconMenu {
    0% {
        -webkit-transform: translateZ(0) translateY(500px);
                transform: translateZ(0) translateY(500px);
      
    }
    100% {
        -webkit-transform: translateZ(50px) translateY(-540px);
                transform: translateZ(50px) translateY(-540px);
       
    }
}
.box-IconMenuText { margin-top:115px;}
.box-IconMenu .BGicon {
    position: absolute;
    width:145px;
    height:145px;
    background-repeat:no-repeat;
    background-position: 0 0;
    background-size:100% auto;
}
.box-IconMenu .A_calculator { background-image:url(../img/main_6Wnav_icon00_off.png); }
.box-IconMenu .mailbox { background-image:url(../img/main_6Wnav_icon01_off.png); }
.box-IconMenu .DocumentsRoom { background-image:url(../img/main_6Wnav_icon02_off.png); }
.box-IconMenu .FactLookup { background-image:url(../img/main_6Wnav_icon03_off.png); }
.box-IconMenu .RemoteSupport { background-image:url(../img/main_6Wnav_icon04_off.png); }
.box-IconMenu .IssuedCheck { background-image:url(../img/main_6Wnav_icon05_off.png); }
.box-IconMenu .CyberBranch { background-image:url(../img/main_6Wnav_icon06_off.png); }
.work_nav_wrap > a:hover > .box-IconMenu > .A_calculator {background-image:url(../img/main_6Wnav_icon00_on.png);}
.work_nav_wrap > a:hover > .box-IconMenu > .mailbox {background-image:url(../img/main_6Wnav_icon01_on.png);}
.work_nav_wrap > a:hover > .box-IconMenu > .DocumentsRoom {background-image:url(../img/main_6Wnav_icon02_on.png);}
.work_nav_wrap > a:hover > .box-IconMenu > .FactLookup {background-image:url(../img/main_6Wnav_icon03_on.png);}
.work_nav_wrap > a:hover > .box-IconMenu > .RemoteSupport {background-image:url(../img/main_6Wnav_icon04_on.png);}
.work_nav_wrap > a:hover > .box-IconMenu > .IssuedCheck {background-image:url(../img/main_6Wnav_icon05_on.png);}
.work_nav_wrap > a:hover > .box-IconMenu > .CyberBranch {background-image:url(../img/main_6Wnav_icon06_on.png);}
/*-----------------------------------------------------------------------------------*/
/*	CONTENTS
/*-----------------------------------------------------------------------------------*/
#contents { width:100%;margin: 0 auto;padding: 0;position:relative;}
section { width:1500px;margin: 0 auto;padding: 0;position: relative;}
section h1 { font-size: 1.70rem;color:#555; }
section h2, .Acmenu h2 { font-size: 1.4rem;color:#333; }
section h3 {font-size:1.2rem;color:#555;}
section h4 {font-size:1.00rem;color:#555;}
section h5 { font-size: 1.0rem;color:#777;font-weight: 400;letter-spacing: 0.3rem;}

.con-Top-border {border-top: 1px solid #cfd2de;}
.con-Bott-border {border-bottom: 1px solid #cfd2de;}
.table-Bott-border {border-bottom: 2px solid #b0b0b0;}
.table-left-border {border-right: 2px solid #b0b0b0;}
.TITLE-Bott-border {border-bottom: 2px solid #003586;}
.conTitle-Bott-border {border-bottom: 2px solid #cfd2de;}
.con-Left-border {border-left: 1px solid #dddff3;}
.con-right-border {border-right: 1px solid #fff;}
.con-Left-border02 {border-left: 1px solid #fff;}
.con-right-border02 {border-right: 1px solid #dddff3;}

/*  4 WORK guide  */

.workGuide-mainiconBox {
    width:138px;
    height:138px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddff3;
    border-radius: 20px;
    -webkit-box-shadow: 0 6px 5px -1px rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 5px -1px rgba(0, 0, 0, 0.15);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f6ff+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,246,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6ff',GradientType=0 ); /* IE6-9 */
}
.workGuide-mainiconBox .WGnav_img_iconbox {
  width:128px;
  height:128px;
  background-repeat:no-repeat;
	background-position: 0 0;
  background-size:100% auto;
}
.workGuide-mainiconBox .deductionIcon { background-image:url(../img/main_4Wcon_icon01_off.png); }
.workGuide-mainiconBox .deductionIcon_on { background-image:url(../img/main_4Wcon_icon01_on.png); }
.workGuide-mainiconBox .join { background-image:url(../img/main_4Wcon_icon02_off.png); }
.workGuide-mainiconBox .guarantee { background-image:url(../img/main_4Wcon_icon03_off.png); }
.workGuide-mainiconBox .loan { background-image:url(../img/main_4Wcon_icon04_off.png); }
.FWork_deductionBG { 
    width:300px;height:212px;
    background-image:url(../img/main_4Wcon_ill01.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    background-size:100% auto;
}
.FWork_joinBG {
    width:300px;height:212px;
    background-image:url(../img/main_4Wcon_ill02.png);
    background-repeat:no-repeat;
    background-position: 0 0;
    background-size:100% auto;
}
.FWork_guaranteeBG {
  width:300px;height:212px;
  background-image:url(../img/main_4Wcon_ill03.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  background-size:100% auto;
}
.FWork_loan {
  width:300px;height:212px;
  background-image:url(../img/main_4Wcon_ill04.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  background-size:100% auto;
}
/* Accordian */
.Acmenu {
  width:100%;
    padding:0;
    border-radius: 0.5rem;
    border-right: 1px solid #d3d3d4;
  }
  
  ol:first-child {
    display: flex;
    align-items: flex-end;
    height:280px;
    align-items: center;justify-content: center;
  }
  
  ol:first-child > .menu-item {
    width: 25%;
    height:100%;
    flex: 0 1 auto;
    /*-webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;*/
    /*-webkit-transform: rotate(180deg);
            transform: rotate(180deg);*/
    line-height: 0.8;
    cursor: pointer;
    transition: width 0.4s ease-out;
    position: relative;
    border-top: 1px solid #d3d3d4;
    border-bottom: 1px solid #d3d3d4;
    border-left: 1px solid #d3d3d4;
    border-right: 1px solid #f0f1f9;
  }
  ol:first-child > .menu-item:focus {
    width: 100%;
    height:320px;
    /*-webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;*/
    box-shadow: 0 20px 40px -40px #000;
    border-radius: 0.5rem;
  }
  /*ol:first-child > .menu-item:focus > .sub-menu {
    display:inline-block;
  }*/
  /*ol:first-child > .menu-item:hover a, ol:first-child > .menu-item:focus a {
    padding:0px;
    margin: 0px;
  }*/

  ol:first-child > .menu-item:nth-child(1) {
    background-color: #f0f1f9;
  }
  ol:first-child > .menu-item:nth-child(1):hover, ol:first-child > .menu-item:nth-child(1):focus {
    background-color: #fff;border-right: 1px solid #d3d3d4;border-bottom: 2px solid #d3d3d4;
  }
  ol:first-child > .menu-item:nth-child(1):hover a, ol:first-child > .menu-item:nth-child(1):focus a {
    color: slategrey !important;
  }
  ol:first-child > .menu-item:nth-child(1) {
    z-index: 4;
  }
  ol:first-child > .menu-item:nth-child(2) {
    background-color: #f0f1f9;
  }
  ol:first-child > .menu-item:nth-child(2):hover, ol:first-child > .menu-item:nth-child(2):focus {
    background-color: #fff;border-right: 1px solid #d3d3d4;border-bottom: 2px solid #d3d3d4;
  }
  ol:first-child > .menu-item:nth-child(2):hover a, ol:first-child > .menu-item:nth-child(2):focus a {
    color: slategrey !important;
  }
  ol:first-child > .menu-item:nth-child(2) {
    z-index: 3;
  }
  ol:first-child > .menu-item:nth-child(3) {
    background-color: #f0f1f9;
  }
  ol:first-child > .menu-item:nth-child(3):hover, ol:first-child > .menu-item:nth-child(3):focus {
    background-color: #fff;border-right: 1px solid #d3d3d4;border-bottom: 2px solid #d3d3d4;
  }
  ol:first-child > .menu-item:nth-child(3):hover a, ol:first-child > .menu-item:nth-child(3):focus a {
    color: slategrey !important;
  }
  ol:first-child > .menu-item:nth-child(3) {
    z-index: 2;
  }
  ol:first-child > .menu-item:nth-child(4) {
    background-color: #f0f1f9;
  }
  ol:first-child > .menu-item:nth-child(4):hover, ol:first-child > .menu-item:nth-child(4):focus {
    background-color: #fff;border-right: 1px solid #d3d3d4;border-bottom: 2px solid #d3d3d4;
  }
  ol:first-child > .menu-item:nth-child(4):hover a, ol:first-child > .menu-item:nth-child(4):focus a {
    color: slategrey !important;
  }
  ol:first-child > .menu-item:nth-child(4) {
    z-index: 1;
  }
  ol:first-child > .menu-item:nth-child(5) {
    background-color: #f0f1f9;
  }
  ol:first-child > .menu-item:nth-child(5):hover, ol:first-child > .menu-item:nth-child(5):focus {
    background-color: #fff;border-right: 1px solid #d3d3d4;border-bottom: 2px solid #d3d3d4;
  }
  ol:first-child > .menu-item:nth-child(5):hover a, ol:first-child > .menu-item:nth-child(5):focus a {
    color: slategrey !important;
  }
  ol:first-child > .menu-item:nth-child(5) {
    z-index: 0;
  }

  
  ol:first-child > .menu-item > a {
    text-decoration: none;
    transition: 0.2s ease-out;
    pointer-events: none;
  }
  
  ol {
    list-style: none;
    padding: 0;
    margin: 0;
    
  }
  ol * {
    outline: 0;
  }
  
  .sub-menu {
    margin: 0 auto;
    position: absolute;
    left: 0;
    top:0;
    text-align: left;
    overflow: hidden;
    /*-webkit-transform: rotate(90deg);
            transform: rotate(90deg);*/
  }
/*  .sub-menu:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
  .menu-item:hover .sub-menu:after {
    color: #fff;
  }
  .menu-item:focus .sub-menu:after {
    display: none;
  }*/
  .sub-menu .menu-item {
    width:0px;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .sub-menu .menu-item:hover a {
    text-decoration: none;
  }
  .menu-item:focus .sub-menu .menu-item,
  .menu-item.active .sub-menu .menu-item {
    width:100%;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }




  .Acmenu .L_B-Radius { border-radius: 0.5rem 0 0 0.5rem; }
  .Acmenu .R_B-Radius { border-radius: 0 0.5rem 0.5rem 0; }
  ol:first-child > .menu-item:hover .deductionIcon { background-image:url(../img/main_4Wcon_icon01_on.png) }
  ol:first-child > .menu-item:hover .join { background-image:url(../img/main_4Wcon_icon02_on.png) }
  ol:first-child > .menu-item:hover .guarantee { background-image:url(../img/main_4Wcon_icon03_on.png) }
  ol:first-child > .menu-item:hover .loan { background-image:url(../img/main_4Wcon_icon04_on.png) }
  ol:first-child > .menu-item:hover span { color:#418dfe }
  ol:first-child > .menu-item:hover .Sp-btn { box-shadow: 0 2px 5px -2px #000; }
  ol:first-child > .menu-item:focus .clear { display: none; }
  .menu-item:focus .sub-menu .menu-item:nth-child(1) {
    transition-delay: 0.15s;
  }
  .menu-item:focus .sub-menu .menu-item:nth-child(2) {
    transition-delay: 0.3s;
  }
  .menu-item:focus .sub-menu .menu-item:nth-child(3) {
    transition-delay: 0.45s;
  }
  .menu-item:focus .sub-menu .menu-item:nth-child(4) {
    transition-delay: 0.6s;
  }
  .sub-menu .menu-item a {
    line-height: 1.5;
    pointer-events: default;
  }
  .sub-menu .menu-item .infoG-boxWrap {width:506px;height:136px;position: relative;}
  .sub-menu .menu-item .infoG-boxWrap .InfoG_TopOutLine {position: absolute;width:126px;height:64px;top:4px;border-top: 2px solid #cfd2de;border-left: 2px solid #cfd2de;border-right: 2px solid #cfd2de;border-radius: 1.5rem 1.5rem 0 0;}
  .sub-menu .menu-item .infoG-boxWrap .InfoG_BottomOutLine {bottom:4px;position: absolute;width:126px;height:64px;border-bottom: 2px solid #cfd2de;border-left: 2px solid #cfd2de;border-right: 2px solid #cfd2de;border-radius: 0 0 1.5rem 1.5rem;}
  .sub-menu .menu-item .infoG-boxWrap .InfoG_MiddleLine {top:62px;position: absolute;width:10px;height:10px;background:#000;border-radius: 50%;border: 2px solid #cfd2de;}
  .sub-menu .menu-item .infoG-boxWrap .InfoG_ICboxWrap {position: absolute;top:17px;}
  .sub-menu .menu-item .infoG-boxWrap .InfoG_ArrowRing {top:60px;position: absolute;width:16px;height:16px;background:#878da9;border-radius: 50%;color:#fff;font-size: 0.40rem;text-align: center;line-height: 1.0rem;}
  
  .sub-menu .menu-item .loan-table {
    width:506px;
    position: relative;
    border: 1px solid #dddff3;
    border-radius: 20px;
    color: #555;
    padding: 0 10px;
    text-align: center;
    -webkit-box-shadow: 0 6px 5px -1px rgba(0, 0, 0, 0.15);
            box-shadow: 0 6px 5px -1px rgba(0, 0, 0, 0.15);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f6ff+47,f5f6ff+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,246,255,1) 47%, rgba(245,246,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 47%,rgba(245,246,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 47%,rgba(245,246,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6ff',GradientType=0 ); /* IE6-9 */
  }
  .sub-menu .menu-item .loan-table .TH-typeA {width:40%;padding:8px;}
  .sub-menu .menu-item .loan-table .TH-typeB {width:30%;padding:8px;}
  .sub-menu .menu-item .loan-table .TD-typeA {width:40%;padding:13px 7px 0px;}
  .sub-menu .menu-item .loan-table .TD-typeB {width:30%;padding:7px;}

  .menu-item .Sp-btn {width:33px;height:33px;background-color: #ebedf9;border-radius: 50%;border:1px solid #fff;box-shadow: 0 1px 5px -2px #000;display: flex;align-items: center;justify-content: center;}
  .menu-item .text-box { letter-spacing: -0.02rem;}
  .menu-item .text-box span {font-size: 1.30rem;color:#418dfe;font-weight:700;}
  .menu-item .text-box h9 { font-size: 0.80rem;font-weight: 400;color:#418dfe; }
  .menu-item .text-box .NM-btn01 {
    width:130px;
    height:47px;
    letter-spacing: 0rem;
    font-size: 0.90rem;
    font-weight:500;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddff3;
    border-radius: 9px;
    -webkit-box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.15);
            box-shadow: 0 4px 5px -1px rgba(0, 0, 0, 0.15);
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f6ff+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,246,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6ff',GradientType=0 ); /* IE6-9 */
}

.menu-item .text-box .NM-btn01:hover {
  -webkit-box-shadow: 0 0px 5px -1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0px 5px -1px rgba(0, 0, 0, 0.15);
  border: 2px solid #dddff3;
}

.menu-item .text-box .NM-btn01:hover > label {color:#418dfe}
.menu-item .text-box .NM-btn01 label { font-size:0.90rem;color:#666 }
.menu-item .text-box .NM-btn01 .textsize_L {position:absolute;font-size:0.70rem;margin-left:100px;}
.menu-item .text-box .deduction_infoG {
  width:485px;
  height:168px;
  background-image:url(../img/deduction_infoGBg.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  background-size:100% auto;   
}

.menu-item .text-box .deduction_infoG .LT_NM-btn_layout {margin:18px 0 0 11px}
.menu-item .text-box .deduction_infoG .LB_NM-btn_layout {margin:36px 0 0 11px}
.menu-item .text-box .deduction_infoG .C_NM-btn_layout {margin: 14px 0 0 33px;}
.menu-item .text-box .deduction_infoG .RT_NM-btn_layout {margin:18px 0 0 33px}
.menu-item .text-box .deduction_infoG .RB_NM-btn_layout {margin:36px 0 0 33px}

.InfoG-iconBox01 {
  width:100px;
  height:100px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dddff3;
  border-radius: 20px;
  font-weight: 700;
  color: #555;
  -webkit-box-shadow: 0 6px 5px -1px rgba(0, 0, 0, 0.15);
          box-shadow: 0 6px 5px -1px rgba(0, 0, 0, 0.15);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f6ff+44,f5f6ff+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,246,255,1) 44%, rgba(245,246,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 44%,rgba(245,246,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 44%,rgba(245,246,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6ff',GradientType=0 ); /* IE6-9 */
}
.InfoG-iconBox01 .InfoG-icon {
  position: absolute;
  top:8px;
  width:60px;
  height:60px;
  background-repeat:no-repeat;
  background-position: 0 0;
  background-size:100% auto;  
}
.InfoG-iconBox01 label {margin-top: 40px;}
.InfoG-iconBox01 .joinIC01 { background-image:url(../img/main_4Wcon_JoinIcon01on.png); }
.InfoG-iconBox01 .joinIC02 { background-image:url(../img/main_4Wcon_JoinIcon02on.png); }
.InfoG-iconBox01 .joinIC03 { background-image:url(../img/main_4Wcon_JoinIcon03on.png); }
.InfoG-iconBox01 .joinIC04 { background-image:url(../img/main_4Wcon_JoinIcon04on.png); }
.InfoG-iconBox01 .guaranteeIC01 { background-image:url(../img/main_4Wcon_guaranteeIcon01on.png); }
.InfoG-iconBox01 .guaranteeIC03 { background-image:url(../img/main_4Wcon_guaranteeIcon03on.png); }
.InfoG-iconBox01 .guaranteeIC04 { background-image:url(../img/main_4Wcon_guaranteeIcon04on.png); }


/*  board  */
.MainMembersNewsCon-wrap {width:100%;position: relative;padding:0;z-index: 8;}
.MainMembersNewsCon-wrap .LeftnewsCon-wrap {
  width:620px;height:540px;
  background-color: #fbfbff;
  border: 1px solid #d3d3d4;
  border-radius: 10px;
  box-shadow: 0 4px 7px #d9d9d9;
  padding:20px;
}
.MainMembersNewsCon-wrap .RightnewsCon-wrap {
  width:838px;height:540px;position: relative;
}

.BoardSwiper-wrap {width:100%;padding:14px 0;}
.BoardSwipe-Lbtn { border:1px solid #dddff3;border-radius: 6px 0 0 6px; }
.BoardSwipe-Rbtn { border-top:1px solid #dddff3;border-right:1px solid #dddff3;border-bottom:1px solid #dddff3;border-radius: 0 6px 6px 0;}
.BoardSwipe-Lbtn, .BoardSwipe-Rbtn {
  width:25px;
  height:25px;
  margin-top:2px;
  background-color:#fbfbff;
  text-align: center;
  font-weight: 400;
  color:#ccc;
  line-height: 1.3rem;
  cursor: pointer;
}
.BoardSwipe-Lbtn:hover, .BoardSwipe-Rbtn:hover {
  background-color:#418dfe;
  border: 1px solid #3b77d0;
  color: #fff;
  box-shadow: 0 3px 5px #999;
  margin-top:1px;
}
.BoardMore-btn {background-color:#f5f6ff;border:1px solid #fff;}
.BoardMore-btn02 {background-color:#f5f6ff;border:1px solid #ccc;}
.BoardMore-btn,
.BoardMore-btn02 {width:30px;height:30px;border-radius: 50%;cursor: pointer;text-align:center;color:#888;line-height: 1.7rem;font-size:0.7rem;box-shadow: 0 2px 3px #cecece;}
.BoardMore-btn span,
.BoardMore-btn02 span {font-size: 1.30rem;line-height: 1.40rem;cursor: pointer;}
.BoardMore-btn:hover, .BoardMore-btn:focus { box-shadow: 0 0px 2px #cecece;color:#418dfe;background-color: #fff;border: 1px solid #ececec; } 

.BoardMore-btn:active {box-shadow: inset 0 1px 3px -1px #444;}
.BoardMore-btn:active > span,
.BoardMore-btn02:active > span {line-height: 1.65rem;}

.BoardSwiper .swiper-wrapper .swiper-slide .NewsItembox-wrap {width:223px;height:175px;position: relative;background-color: #fff;padding:15px;border:1px solid #e2e4e8;}
.BoardSwiper .swiper-wrapper .swiper-slide .NewsItembox-wrap .NewsItembox-top{width:100%;height:70%;}
.BoardSwiper .swiper-wrapper .swiper-slide .NewsItembox-wrap .NewsItembox-bottom {
  width:198px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size:0.96rem;
}
.BoardSwiper .swiper-wrapper .swiper-slide .NewsItembox-wrap .NewsItembox-YYMMDD {
  font-size:0.90rem;line-height: 1.5rem;
}

.eventSwiper {width:100%;max-width:578px;position: relative;}
.BoardSwiper .swiper-wrapper .swiper-slide .NewsItembox-wrap,
.eventSwiperItemWrap {width:100%;height:170px;box-shadow: 0 10px 8px -4px #d0d1d9;border-radius: 8px;}
.eventSwiperItemWrap img {width:100%;max-width:578px;height:170px;}
.BoardSwiper .swiper-wrapper .swiper-slide .NewsItembox-wrap .NewsItembox-top .imgRadius,
.eventSwiperItemWrap .imgRadius,
#contents .imgRadius {border-radius: 8px;}
.eventSwiper .pagination-layout {width:100%;text-align: center;height:30px;line-height: 2.50rem;margin:0 auto;}
.eventSwiper .eventbannernavBtn-wrap { width:50%;margin:5px auto; }

.BoardTableTop-wrap {
  width:100%;height:5px;position: absolute;color:#f5f6ff;font-size:2px;line-height: 0.9;top:0;
}
.BoardTableBottem-wrap {
  width:100%;height:5px;position: absolute;color:#f5f6ff;font-size:2px;line-height: 0.9;top:289px;
}
.BoardTable-topBG {
  width:100%;height:51px;
  background-color: #f0f1f9;
  border-bottom: 1px solid #d3d3d4;
  border-top: 1px solid #d3d3d4;
  border-right: 1px solid #d3d3d4;
  border-radius: 0 10px;
}
.BoardTable-topBG .BoardMore-layout {position: absolute;top:20px;right:10px}
.tabmenu ul{list-style:none;}
.tabCon.out-tabCon{
 height:190px;
}
.tabmenu{ 
  width:100%;  
  position: absolute;top:0;
}
.tabmenu ul{
  position: relative;
  width:100%;
}
.tabmenu ul li{
  display: inline;
  width:140px;
  float: left;
  height:60px;
  text-align:center; 
  font-size:1.2rem;color:#555;font-weight:700;
  line-height: 60px;
  border-radius: 10px 10px 0 0;
  background-color: #f5f6ff;
  border-bottom:1px solid #dddff3;
}
.tabmenu label{
  display:block;
  width:100%;
  border-top:1px solid #dddff3;
  border-left:1px solid #dddff3;
  border-right:1px solid #dddff3;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
}
.tabmenu input{display:none;}
.tabCon{
  display:none; 
  width: 100%;
  text-align:left; 
  padding: 0 20px;
  position:absolute; 
  left:0; top:60px; 
  box-sizing: border-box;
  background-color: #fff;  
}
.tabCon .table_Th {width:100%;}
.tabCon .table_Th .table_Ftd01 {width:170px;height:60px;line-height: 1.4rem;padding:8px 0;color:#003586;}
.tabCon .table_Th .table_Ftd01 h1 {display:inline-block;color:#003586;margin-left:10px;}
.tabCon .table_Th .table_Ftd02 {width:170px;height:60px;color:#003586;font-weight:700;}
.tabCon .table_Th .table_Std {width:590px;height:60px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.tabCon .table_Th .table_Ttd {width:30px;height:60px;color:#888888;font-size:0.7rem;}
.tabCon .table_Th .table_Std:hover, .tabCon .table_Th .table_Ttd:hover {color:#478ef7}
.tabmenu input:checked ~ label{
  background:#fff;
  width:140px;
  height:60px;
  border-radius: 10px 10px 0 0;
  color:#478ef7;
  box-shadow: 0 4px 7px #d9d9d9;
}
.tabmenu input:checked ~ .tabCon{
  display:block;
  border-left:1px solid #d3d3d4;
  border-right:1px solid #d3d3d4;
  box-shadow: 0 4px 7px #d3d3d4;
  border-radius: 0px 0px 10px 10px;
  font-size:0.98rem;
  font-weight: 400;
}


/*-----------------------------------------------------------------------------------*/
/*	SUB-CONTENTS
/*-----------------------------------------------------------------------------------*/
.sub-top {width:100%;position: relative;}
.title-circle {
  position: relative;
  margin:0;
  overflow: hidden;
  width:586px;height:200px;
  background-image:url(../img/subTitleBG.png);
  background-repeat:no-repeat;
  background-position: top left;
  background-size:100%;
}
.sub-topLeftTitleText {
  letter-spacing: -0.02rem;
}
.sub-top .sub-top-wrap {
  width:100%;max-width:1500px;position: relative;margin:0 auto;
}
.sub-top .sub-top-wrap02 {
  width: 1400px;position: relative;margin:0 auto;
}

.Figu-businessBG01,
.Figu-businessBG02,
.Figu-businessBG03 {
  width:100%;
  min-width: 180px;
  height:300px;
  background-repeat:no-repeat;
  background-size:70% auto;
}
.Figu-businessBG01 {background-image:url(../img/Figu-business_01.png);background-position: top center;}
.Figu-businessBG02 {background-image:url(../img/Figu-business_02.png);background-position: top center;}
.Figu-businessBG03 {background-image:url(../img/Figu-business_03.png);background-position: top center;}

.sub-top .sub-top-tabboxWrap {
  position:relative;width:100%;min-width:320px;max-width: 1500px;margin: 0 auto;
}

.sub-topLeftTitleText {color:#fff;font-size:2.0rem;font-weight: 700;text-shadow: 0 4px 4px #222;line-height: 7.00rem;}
.sub_TopCyber_BG {
  margin:0 auto;
  width:1800px;
  height:370px;
  background-image:url(../img/sub_Top_Cyber01BG.png);
  background-repeat:no-repeat;
  background-position: top right;
  background-size:contain;
}
.sub_TopWork_BG {
  margin:0 auto;
  width:1500px;
  height:370px;
  background-image:url(../img/sub_Top_Work01BG.png);
  background-repeat:no-repeat;
  background-position: top right;
  background-size:contain;
}
.sub_Information_BG {
  margin:0 auto;
  width:100%;
  min-width:1500px;
  height:370px;
  background-image:url(../img/sub_Top_Information01BG.png);
  background-repeat:no-repeat;
  background-position: top right;
  background-size:contain;
}
.sub_Information_BG01 {
  margin:0 auto;
  width:100%;
  min-width:1500px;
  height:370px;
  background-image:url(../img/sub_Top_Information00BG.png);
  background-repeat:no-repeat;
  background-position: top right;
  background-size:contain;
}
.sub_Information_BG02 {
  margin:0 auto;
  width:1700px;
  height:370px;
  background-image:url(../img/sub_Top_Information03BG.png);
  background-repeat:no-repeat;
  background-position: top right;
  background-size:contain;
}
.sub_Information_BG03 {
  margin:0 auto;
  width:1700px;
  height:275px;
  background-image:url(../img/sub_Top_Information02BG.png);
  background-repeat:no-repeat;
  background-position: top right;
  background-size:contain;
}
.sub_CustomerCenter_BG {
  margin:0 auto;
  width:1500px;
  height:240px;
  background-image:url(../img/sub_Top_CustomerCenter01BG.png);
  background-repeat:no-repeat;
  background-position: top right;
  background-size:cover;
}
.sub_CleanCenter_BG {
  width:1500px;
  height:358px;
  background-image:url(../img/sub_CleanCenterBG.png);
  background-repeat:no-repeat;
  background-position: top center;
  background-size:cover;
}
.sub_Top_resortBG {
  margin:0 auto;
  width:100%;
  min-width: 1500px;
  height:500px;
  background-image:url(../img/sub_Top_resortBG.jpg);
  background-repeat:no-repeat;
  background-position: top center;
  background-size:cover;
 
  
  
}






.infographic-wrap {
  width:100%;
  max-width:1500px;
  margin:0 auto;
}
.sub_Guarantee_IG01 {
  width:80%;
  height:380px;
  background-image:url(../img/sub_guarantee_infographic001.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:100%;
}
.sub_Guarantee_IG02 {
  width:80%;
  height:380px;
  background-image:url(../img/sub_guarantee_infographic002.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:100%;
}
.sub_Guarantee_IG03 {
  width:85%;
  height:400px;
  background-image:url(../img/sub_guarantee_infographic003.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:100%;
}
.sub_Guarantee_IG04 {
  width:100%;
  height:318px;
  background-image:url(../img/sub_guarantee_infographic004.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:100%;
}
.sub_Guarantee_IG05 {
  width:90%;
  height:370px;
  background-image:url(../img/sub_guarantee_infographic005.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:100%;
}
.sub-top-textboxWrap {
  width:100%;max-width:1500px;margin: 0 auto;
}

.sub-TextHS-img {
  display:inline-block;
  width:16px;
  height:24px;
  background-image:url(../img/sub_TextHS_img.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  background-size:100% auto;
}
.sub-TextHS {font-size:1.48rem;color:#333;font-weight: 700;}
.sub-bagisicText {letter-spacing: -0.05px;line-height: 1.8rem;color:#444;}
.sub-CyberWorkBoxWrap {width:100%;max-width:1500px;margin:40px auto;}
.sub-CyberWorkBoxWrap .sub-3DivisionW,.sub-3DivisionW,
.sub-3DivisionHP,.sub-3DivisionEmail {width:30%;}
.sub-3DivisionHP {max-width:120px;} .sub-3DivisionEmail {max-width:200px;min-width:80px;}
.sub-CyberWorkBoxWrap .sub-3DivisionW .Box-wrap {width:458px;min-height:190px;}
.sub-CyberWorkBoxWrap .sub-3DivisionW .Box-wrap .ItemConBox-line {width:90%;height:1px;background-color: #ddd;margin:6px auto;}
.sub-CyberWorkBoxWrap .sub-3DivisionW .Box-wrap .ItemConBox-Top .ItemConBox-TopLeft {padding: 6% 0 0 6%;}
.sub-CyberWorkBoxWrap .sub-3DivisionW .Box-wrap .ItemConBox-Top .ItemConBox-TopRight {padding: 12px 12px 0 0;}
.CircleBoxIcon-wrap {
  display: flex;align-items: center;justify-content: center;
  width:58px;height:58px;
  background-color: #dcdde4;
  border-radius: 70%;
  box-shadow: inset 0 6px 5px #aaa;
}
.CircleBoxIcon-wrap .CircleBoxIcon {
  display: flex;align-items: center;justify-content: center;
  width:46px;height:46px;
  background-color: #f5f5fb;
  border-radius: 70%;
  box-shadow: 0 2px 5px #b2b3b9;
}

.sub-CyberWorkBoxWrap .sub-3DivisionW .Box-wrap ul {padding:2% 6%;}
.sub-CyberWorkBoxWrap .sub-3DivisionW .Box-wrap ul li { letter-spacing: -0.06rem;list-style:disc; display: list-item;margin-left:7%;padding:0.5% 0;}
.sub-CyberWorkBoxWrap .sub-3DivisionW .Box-wrap ul li::marker {font-size: 1rem;letter-spacing: -1.06rem;}


.Figu-textlabelBox ul,
.Figu-textlabelBox03 ul {padding:0;}
.Figu-textlabelBox02 ul {line-height: 2.50rem;}

.Figu-textlabelBox ul li,
.Figu-textlabelBox02 ul li {letter-spacing: 0;list-style:disc; display: list-item;margin-left:40px;padding:2px 0;}
.Figu-textlabelBox03 ul li {letter-spacing: 0;list-style-type: square;display: list-item;margin-left:40px;padding:2px 0;}

.Figu-textlabelBox ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 0.26rem;
  margin-block-end: 0.26rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  height:100%;
}

.Figu-textlabelBox ol li { display: list-item;list-style-type: decimal;padding:2px 0;}

.Figu-textlabelBox ul li::marker,
.Figu-textlabelBox02 ul li::marker,
.Figu-textlabelBox03 ul li::marker,
.Figu-textlabelBox ol li::marker {font-size: 0.96rem;letter-spacing: 0rem;}



.FiguDocument-wrap {width:100%;position: relative;}
.FiguDocument-wrap .Document-tableBox {
  width:100%;
  min-width:320px;
  position:relative;
  display: table;
  margin:0 auto;
  padding:0;
}
.FiguDocument-wrap .Document-tableBox .DocumentList-th,
.FiguDocument-wrap .Document-tableBox .DocumentList-th02,
.FiguDocument-wrap .Document-tableBox .DocumentList-th03,
.FiguDocument-wrap .Document-tableBox .DocumentList-th04,
.FiguDocument-wrap .Document-tableBox .DocumentList-th05,
.FiguDocument-wrap .Document-tableBox .DocumentList-th06,
.FiguDocument-wrap .Document-tableBox .DocumentList-th07,
.FiguDocument-wrap table tr th {
  display:table-cell;text-align: center;vertical-align: middle;font-weight:700;color:#418dfe;
}
.FiguDocument-wrap table tr th { padding:20px;border-bottom:1px solid #dddff3;border-right:1px solid #dddff3;}
.FiguDocument-wrap table tr th:last-child {border-right:0px}
.FiguDocument-wrap table tr td {padding:20px;border:1px solid #dddff3;vertical-align: middle;}
.FiguDocument-wrap .Document-tableBox .DocumentList-th { width:20%;min-width:180px; }
.FiguDocument-wrap .Document-tableBox .DocumentList-th02 { width:8%; }
.FiguDocument-wrap .Document-tableBox .DocumentList-th03 { width:12%;min-width:100px; }
.FiguDocument-wrap .Document-tableBox .DocumentList-th04 { width:6%;min-width:100px;}
.FiguDocument-wrap .Document-tableBox .DocumentList-th05 { width:26.75%;min-width:400px;}
.FiguDocument-wrap .Document-tableBox .DocumentList-th06 { width:11.80%;min-width:72px;}
.FiguDocument-wrap .Document-tableBox .DocumentList-th07 { width:9.1%;min-width:80px;}

.FiguDocument-wrap .Document-tableBox .DocumentList-td {
  width:auto;display:table-cell;vertical-align: middle
}
.FiguDocument-wrap .Document-tableBox .DocumentList-th p {padding:30px 20px;}
.FiguDocument-wrap .Document-tableBox .DocumentList-td p {padding:20px;}
.FiguDocument-wrap .Document-tableBox .DocumentList-td span.title {color:#418dfe;font-weight: 700;}

.FiguDocument-wrap .Btnbar,
.FiguDocument-wrap .main-Btnbar,
.FiguDocument-wrap .main-Btnbar01,
.FiguDocument-wrap .main-Btnbar02{
  position: relative;
  width:300px;height:62px;
  margin:0 auto;
  border-radius: 80px;
  text-align: center;            
  transition: 0.3s ease-out;
}
.FiguDocument-wrap .Btnbar {
  border: 1px solid #fff;
  background: rgb(21,99,199);
  background: linear-gradient(-45deg,rgba(0,53,134,1) 0%,rgba(65,141,239,1) 100%);
  box-shadow: inset 0 3px 13px #222;
}
.FiguDocument-wrap .main-Btnbar {
  background: rgb(21,99,199);
  background: linear-gradient(-45deg,rgba(0,53,134,1) 0%,rgba(65,141,239,1) 100%);
  box-shadow: inset 0 3px 4px #111;
}
.FiguDocument-wrap .main-Btnbar01 {
  background: rgb(179,71,255);
  background: linear-gradient(-45deg,rgba(113,32,235,1) 0%,rgba(179,71,255,1) 100%);
  box-shadow: inset 0 3px 4px #111;
}
.FiguDocument-wrap .main-Btnbar02 {
  background: rgb(39,213,52);
  background: linear-gradient(-45deg,rgba(14,147,0,1) 0%,rgba(39,213,52,1) 100%);
  box-shadow: inset 0 3px 4px #111;
}
.FiguDocument-wrap .main-Btnbar span,
.FiguDocument-wrap .main-Btnbar01 span,
.FiguDocument-wrap .main-Btnbar02 span {
  color:#e9e9e9;font-size: 1.05rem;line-height: 3.80rem;letter-spacing: 0rem;
  text-align: center;}

.FiguDocument-wrap  a:hover > .main-Btnbar {
  background: #418def;
  background: linear-gradient(-45deg,rgba(65,141,239,1) 0%,rgba(65,141,239,1) 100%);
}
.FiguDocument-wrap  a:hover > .main-Btnbar01 {
  background: rgb(179,71,255);
  background: linear-gradient(-45deg,rgba(179,71,255,1) 0%,rgba(179,71,255,1) 100%);
}
.FiguDocument-wrap  a:hover > .main-Btnbar02 {
  background: rgb(39,213,52);
  background: linear-gradient(-45deg,rgba(39,213,52,1) 0%,rgba(39,213,52,1) 100%);
}

.FiguDocument-wrap .BtnbarSmall,
.FiguDocument-wrap .BtnbarThree{
  height:62px;
  position: relative;
  margin:0 auto;
  text-align: center;            
  transition: 0.4s;
  box-sizing: border-box
}

.FiguDocument-wrap .BtnbarSmall{width:150px;}
.FiguDocument-wrap .BtnbarThree{width:100px;}

.FiguDocument-wrap .BtnbarThree:nth-child(1) {
  border-radius: 70px 8px 8px 70px;
}
.FiguDocument-wrap .BtnbarThree:nth-child(2) {
  border-radius: 2px;
}
.FiguDocument-wrap .BtnbarThree:nth-child(1),
.FiguDocument-wrap .BtnbarThree:nth-child(2) {
  background-color: transparent;
  box-shadow: inset 0px 3px 5px #fff,
              inset -1px -2px 8px #ddd;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.FiguDocument-wrap .BtnbarThree:nth-child(3){
  border-radius: 8px 70px 70px 8px;
  background-color:#003586;
  box-shadow: inset 0 3px 13px #222;
  border-left: 1px solid #003586;
  border-top: 1px solid #003586;
  border-bottom: 1px solid #003586;
}

.FiguDocument-wrap .BtnbarSmall:last-of-type {
  border-radius: 8px 70px 70px 8px;
  background-color:#003586;
  box-shadow: inset 0 3px 13px #222;
  border-left: 1px solid #003586;
  border-top: 1px solid #003586;
  border-bottom: 1px solid #003586;
}
.FiguDocument-wrap .BtnbarSmall:first-of-type {
  border-radius: 70px 8px 8px 70px;
  background-color: transparent;
  box-shadow: inset 0px 3px 5px #fff,
              inset -1px -2px 8px #ddd;
  border-right: 1px solid #bbb;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

.FiguDocument-wrap .Btnbar span,
.FiguDocument-wrap .BtnbarSmall:last-of-type span,
.FiguDocument-wrap .BtnbarThree:nth-child(3) span {
  color:#cacaca;font-size: 1.05rem;line-height: 3.80rem;letter-spacing: 0rem;
  text-align: center;
}

.FiguDocument-wrap .BtnbarSmall:first-of-type span,
.FiguDocument-wrap .BtnbarThree:nth-child(1) span,
.FiguDocument-wrap .BtnbarThree:nth-child(2) span{
  color:#003586;font-size: 1.05rem;font-weight:700;line-height: 3.80rem;letter-spacing: 0rem;
  text-align: center;
}

.FiguDocument-wrap .Btnbar .Cbtn-style,
.FiguDocument-wrap .main-Btnbar .Cbtn-style,
.FiguDocument-wrap .main-Btnbar01 .Cbtn-style,
.FiguDocument-wrap .main-Btnbar02 .Cbtn-style {
  position: absolute;
  width:52px;height:52px;
  top:4px;left:4px;
  border-radius: 50px;
  box-shadow: 0 6px 4px -1px #222;
}
.FiguDocument-wrap .Btnbar .Cbtn-style {border:4px solid #fff;}
.FiguDocument-wrap .main-Btnbar .Cbtn-style,
.FiguDocument-wrap .main-Btnbar01 .Cbtn-style,
.FiguDocument-wrap .main-Btnbar02 .Cbtn-style {border:2px solid #fff;}

.FiguDocument-wrap .Btnbar .Cbtn-style span,
.FiguDocument-wrap .main-Btnbar .Cbtn-style span,
.FiguDocument-wrap .main-Btnbar01 .Cbtn-style span,
.FiguDocument-wrap .main-Btnbar02 .Cbtn-style span {
  font-size:1.00rem;color:#003586;margin-left:2px;
}
.FiguDocument-wrap .Btnbar .Cbtn-style .searchIC {
  width:16px;
  height:16px;
  background-image:url(../img/sub_search_icon_off.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}
.FiguDocument-wrap .Btnbar .Cbtn-style .downloadIC {
  width:18px;
  height:18px;
  background-image:url(../img/sub_download_icon_off.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}
.FiguDocument-wrap .Btnbar .Cbtn-style .DocumentIC {
  width:20px;
  height:20px;
  background-image:url(../img/sub_DocumentsIconB_off.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}
.FiguDocument-wrap .Btnbar .Cbtn-style .QuestionIC {
  width:22px;
  height:22px;
  background-image:url(../img/sub_question_icon_off.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}
.FiguDocument-wrap .Btnbar .Cbtn-style .AcalculatorIC {
  width:22px;
  height:22px;
  background-image:url(../img/sub_Acalculator_icon_off.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}

.FiguDocument-wrap > a {
  display: block;
  margin: 0 auto;
  width:300px;
}

.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .rightBox a:hover > .Btnbar,
.FiguDocument-wrap a:hover > .Btnbar,
.FiguDocument-wrap .BtnbarSmall:last-of-type:hover,
.FiguDocument-wrap .BtnbarThree:nth-child(3):hover {
  background: rgb(21,99,199);
  background: linear-gradient(-45deg,rgba(65,141,239,1) 0%,rgba(65,141,239,1) 100%);
  box-shadow: inset 0 3px 5px #555;
}
.FiguDocument-wrap .BtnbarSmall:first-of-type:hover,
.FiguDocument-wrap .BtnbarThree:nth-child(1):hover,
.FiguDocument-wrap .BtnbarThree:nth-child(2):hover {
  background: rgb(21,99,199);
  background: linear-gradient(-45deg,rgba(65,141,239,1) 0%,rgba(65,141,239,1) 100%);
  border-right: 1px solid #418def;
  border-top: 1px solid #418def;
  border-bottom: 1px solid #418def;
  box-shadow: inset 0px 0px 6px #003586,
              1px 2px 4px #000;
  transition: 0.3s ease-out;
  -webkit-animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.FiguDocument-wrap .Btnbar:hover > span,
.FiguDocument-wrap .main-Btnbar:hover > span,
.FiguDocument-wrap .main-Btnbar01:hover > span,
.FiguDocument-wrap .main-Btnbar02:hover > span,
.FiguDocument-wrap .BtnbarSmall:last-of-type:hover > a > span,
.FiguDocument-wrap .BtnbarThree:nth-child(1):hover > a > span,
.FiguDocument-wrap .BtnbarThree:nth-child(2):hover > a > span {
  color:#fff;
  font-weight:700;
  text-shadow: 0 1px 2px #333;
}
.FiguDocument-wrap .BtnbarSmall:first-of-type:hover > a > span,
.FiguDocument-wrap .BtnbarThree:nth-child(3):hover > a > span {
  color:#fff;
  font-weight:700;
  text-shadow: inset 0 1px 2px #000;

}
.FiguDocument-wrap .BtnbarSmall a,
.FiguDocument-wrap .BtnbarThree a {
 display: block;
 width:100%;
 height:auto;
}

.FiguDocument-wrap .Btnbar:hover > .Cbtm-color,
.FiguDocument-wrap .main-Btnbar:hover > .Cbtm-color,
.FiguDocument-wrap .main-Btnbar01:hover > .Cbtm-color,
.FiguDocument-wrap .main-Btnbar02:hover > .Cbtm-color  {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,bfc1d1+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(191,193,209,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(191,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(191,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfc1d1',GradientType=0 ); /* IE6-9 */
  transition: 0.4s;
}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style,
.FiguDocument-wrap .main-Btnbar:hover > .Cbtn-style,
.FiguDocument-wrap .main-Btnbar01:hover > .Cbtn-style,
.FiguDocument-wrap .main-Btnbar02:hover > .Cbtn-style { 
  -webkit-animation: BtnbarSlide-right 1.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: BtnbarSlide-right 1.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style {border: 0px;}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style > .searchIC {background-image:url(../img/sub_search_icon_on.png);}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style > .downloadIC {background-image:url(../img/sub_download_icon_on.png);}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style > .DocumentIC {background-image:url(../img/sub_DocumentsIconB_on.png);}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style > .QuestionIC {background-image:url(../img/sub_question_icon_on.png);}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style > .AcalculatorIC {background-image:url(../img/sub_Acalculator_icon_on.png);}
.FiguDocument-wrap .Btnbar:hover > .Cbtn-style > span,
.FiguDocument-wrap .main-Btnbar:hover > .Cbtn-style > span,
.FiguDocument-wrap .main-Btnbar01:hover > .Cbtn-style > span,
.FiguDocument-wrap .main-Btnbar02:hover > .Cbtn-style > span {color:#418dfe;}


@-webkit-keyframes BtnbarSlide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(240px);
            transform: translateX(240px);
  }
}
@keyframes BtnbarSlide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(240px);
            transform: translateX(240px);
  }
}
.Figu-textHeadI,
.accordion-button span i.Figu-textHeadI02{
  display:inline-block;
  width:0.80rem;
  height:0.80rem;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0e4f7+0,73b1e7+24,0a77d5+50,539fe1+79,87bcea+100;Blue+Pipe+%231 */
  background: rgb(208,228,247); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */
  border-radius: 70%;
  box-shadow: 0 4px 8px -4px #000;
}
.accordion-button:not(.collapsed) span i.Figu-textHeadI02,
.accordion-button:hover > span > i.Figu-textHeadI02,
.accordion-button:active > span > i.Figu-textHeadI02 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2ff52+0,91e842+100;Neon */
background: linear-gradient(to bottom,  rgba(210,255,82,1) 0%,rgba(145,232,66,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.Figu-FixedNoticeIC{
  display: inline-block;
  width:26px;
  height:26px;
  margin-top:2px;
  background-color: #418def;
  border: 1px solid #ddd;
  border-radius: 70%;
  box-shadow: 0 0 4px #aaa;
  background-image:url(../img/sub_speaker_icon_W.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% auto;
  box-shadow: inset 0 0 4px #5e99e6,
              0 3px 5px #999;
}
.Figu-TitleLockIC{
  display: inline-block;
  width:26px;
  height:26px;
  margin-top:2px;
  background-color: #418def;
  border: 1px solid #ddd;
  border-radius: 70%;
  box-shadow: 0 0 4px #aaa;
  background-image:url(../img/sub_Lock_icon_W.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:65% auto;
  box-shadow: inset 0 0 4px #5e99e6,
              0 3px 5px #999;
}
.Figu-TitleWritingIC{
  display: inline-block;
  width:26px;
  height:26px;
  margin-top:2px;
  background-color: #418def;
  border: 1px solid #ddd;
  border-radius: 70%;
  box-shadow: 0 0 4px #aaa;
  background-image:url(../img/sub_Writing_icon_W.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:70% auto;
  box-shadow: inset 0 0 4px #5e99e6,
              0 3px 5px #999;
}
.Figu-TelephoneIC{
  display: inline-block;
  width:50px;
  height:50px;
  background-color: transparent;
  background-image:url(../img/sub_Telephone_icon_W.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:80% auto;
}
.Figu-LocationIC{
  display: inline-block;
  width:50px;
  height:50px;
  background-color: transparent;
  background-image:url(../img/sub_Location_icon_W.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:80% auto;
}

.Figu-fileIC {
  display: inline-block;
  margin-left: 5px;
  width:18px;
  height:18px;
  background-color: transparent;
  background-image:url(../img/sub_fileplus_icon.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
  vertical-align: middle;
}
.Figu-LockIC {
  display: inline-block;
  margin-left: 5px;
  width:17px;
  height:17px;
  background-color: transparent;
  background-image:url(../img/sub_Lock_icon.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
  vertical-align: middle;
}

.Figu-financeIC,
.Figu-GraphIC,
.Figu-TexIC,
.Figu-LegalIC,
.Figu-MedicalIC,
.Figu-LeisureIC,
.Figu-ShoppingIC {
  display: inline-block;
  height:70px;
  width:70px;
  background-color: transparent;
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
  vertical-align: middle;
  opacity: 0.9;
}

.Figu-financeIC { background-image:url(../img/sub_finance_icon_off.png); }
.Figu-GraphIC { background-image:url(../img/sub_graph_icon_off.png); }
.Figu-TexIC { background-image:url(../img/sub_AcalculatorM_icon_off.png); }
.Figu-LegalIC { background-image:url(../img/sub_legal_icon_off.png); }
.Figu-MedicalIC { background-image:url(../img/sub_medical_icon_off.png); }
.Figu-LeisureIC { background-image:url(../img/sub_leisure_icon_off.png); }
.Figu-ShoppingIC { background-image:url(../img/sub_shopping_icon_off.png); }

.Figu-CompanyIC,
.Figu-GoldIC,
.Figu-FundIC {
  display: inline-block;
  height:130px;
  width:130px;
  background-color: transparent;
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 80% auto;
  vertical-align: middle;
  opacity: 1;
}
.Figu-CompanyIC {background-image:url(../img/sub_company_icon_on.png);}
.Figu-GoldIC {background-image:url(../img/sub_gold_icon_on.png);}
.Figu-FundIC {background-image:url(../img/sub_fund_icon_on.png);}

.PartnerLogo-DB {
  width:80px;
  height:80px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_DBinsurance.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
  
}
.PartnerLogo-HanWha {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_HanWhainsurance.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-Woori {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_WooriBank.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-KB {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_KB.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}
.PartnerLogo-LG {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_LG.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}
.PartnerLogo-HI_mall {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_HImall.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}
.PartnerLogo-KICA {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_KICA.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 80% auto;
}
.PartnerLogo-tradesign {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_tradesign.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-crosscert {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_crosscert.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-nicednb {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_nicednb.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-KED {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_KED.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}
.PartnerLogo-nice {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_nice.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-119safetyedu {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_119safetyedu.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-GWedu {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_GWedu.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-KTMC {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_KTMC.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-KHCU {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_khcu.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}
.PartnerLogo-JihyangLaw {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_jihyanglaw.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-EsanLaw {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_esanlaw.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-SONGYUL {
  width:90px;
  height:90px;
  border-radius: 100px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_SONGYULlaw.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-SAIROM {
  width:90px;
  height:90px;
  border-radius: 100px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_sairom.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-KMI {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_KMI.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-SKYeye {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_SKYbweye.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}
.PartnerLogo-SafeDoc {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_SafeDoc.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-Hallim {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_HallimResort.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}
.PartnerLogo-kumho {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_kumho.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-crediview {
  width:90px;
  height:90px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_crediview.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 90% auto;
}

.PartnerLogo-SAMSUNG {
  width:140px;
  height:140px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_SAMSUNG.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-kensington {
  width:140px;
  height:140px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_kensington.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
}
.PartnerLogo-LotteDutyFree {
  width:46px;
  height:46px;
  background-color: transparent;
  background-image:url(../img/partnerLOGO_LotteDutyFree.png);
  background-repeat:no-repeat;
  background-position:center center;
  background-size: 100% auto;
}

.Figu-peopleJoinIC {
  background-color: transparent;
  background-image:url(../img/sub_Join_icon_off.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
  opacity: 0.2;
}
.Figu-KsobangIC {
  background-color: transparent;
  background-image:url(../img/sub_Ksobang_icon_off.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
  opacity: 0.2;
}
.Figu-SimbolIC {
  background-color: transparent;
  background-image:url(../img/sub_FiguSimbol_icon_off.png);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: 100% auto;
  opacity: 0.2;
}

.Figu-fileIC:hover,
.data-wrap > table > tbody > tr:hover > td > a > i.Figu-fileIC,
.data-wrap > table > tbody > tr:hover > td > a > i.Figu-LockIC{
  -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
} 
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.Figu-textHeadIoff {
  display:inline-block;
  width:0.80rem;
  height:0.80rem;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5ebee+50,d7dee3+51,ffffff+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  border-radius: 50%;
  box-shadow: inset 0 0px 8px -4px #000;
}

.FiguHistory-wrap {
  width:100%;position: relative;padding:0;margin:40px auto;
}
.FiguHistory-TimelineTop {
  position: absolute;
  top:0;left:49.38%;
  border-bottom: 17px solid #888;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.FiguHistory-Timeline {
  width:2px;height:5320px;background-color: #888;position: absolute;left:49.98%;top:10px;
}
.FiguHistory-Year {
  top:0px;
  width:134px;
  background-color: #333;
  color:#fff;
  position: absolute;
  left:45.60%;
  border-radius: 100%;
  padding:37px 0px;
  font-size:2.50rem;
  text-align: center;
}
.FiguHistory-ContentsBox-wrap {
  width:100%;height:300px;margin:0 auto;padding:0;position: relative;
}
.FiguHistory-ContentsBox-wrap .LeftTextBox-PointLine,
.FiguHistory-ContentsBox-wrap .RightTextBox-PointLine {
  width:5%;height:1px;background-color: #888;position: absolute;top:50%;
}
.FiguHistory-ContentsBox-wrap .LeftTextBox-PointLine{right:15%;}
.FiguHistory-ContentsBox-wrap .RightTextBox-PointLine {left:15%;}
.FiguHistory-ContentsBox-wrap .LeftTextBox-PointLabel,
.FiguHistory-ContentsBox-wrap .RightTextBox-PointLabel {
  width:10px;height:10px;background-color: #888;border-radius: 100%;position: absolute;top:48.50%;
}
.FiguHistory-ContentsBox-wrap .LeftTextBox-PointLabel{right:20%;}
.FiguHistory-ContentsBox-wrap .RightTextBox-PointLabel{left:20%;}
.FiguHistory-ContentsBox-wrap .LeftTextBox,
.FiguHistory-ContentsBox-wrap .RightTextBox{
  width:80%;height:100%;padding:20px;position: absolute;top:18%;
}
.FiguHistory-ContentsBox-wrap .LeftTextBox {right:140px;}
.FiguHistory-ContentsBox-wrap .RightTextBox { left:140px; }
.FiguHistory-ContentsBox-wrap .LeftimgBox,
.FiguHistory-ContentsBox-wrap .RightimgBox {
  width:60%;padding:20px;position: absolute;top:15%;
}
.FiguHistory-ContentsBox-wrap .LeftimgBox {left: 140px;}
.FiguHistory-ContentsBox-wrap .RightimgBox {right:140px;}

.FiguHistoryBox-wrap {
  width: 100%; height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.FiguHistoryBox {
	position: relative;
	background: #003586;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,0.4);
}
.FiguHistoryBox img {
	width: 100%;
	transition: all 0.3s ease-in-out;
}

.FiguHistoryBox.Right-label:before,
.FiguHistoryBox.Right-label:after,
.FiguHistoryBox.Left-label:before,
.FiguHistoryBox.Left-label:after {
  content: '';
  background: #fff;
  transition: all 0.35s ease;
}

.FiguHistoryBox.Right-label:before {
	width: 0px; height: 1px;
	position: absolute; left: 20px; top: 20px;
}
.FiguHistoryBox.Right-label:after {
	width: 1px; height: 0px;
	position: absolute; left: 20px; top: 20px;
}

.FiguHistoryBox.Left-label:before {
	width: 0px; height: 1px;
	position: absolute; right: 20px; top: 20px;
}

.FiguHistoryBox.Left-label:after {
	width: 1px; height: 0px;
	position: absolute; right: 20px; top: 20px;
}

.FiguHistoryBox .info {
	position: absolute; left: 0; bottom: 0;
	color: #fff;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.FiguHistoryBox .info h3 {
	font-size: 24px;
	line-height: 40px;
  color: #fff;
	overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-bottom: 3px;
}
.FiguHistoryBox .info p {
	font-size: 16px;
	overflow: hidden; 
	white-space: nowrap;
	text-overflow: ellipsis;
}
.FiguHistoryBox:hover .info {
	opacity: 1;
}
.FiguHistoryBox:hover img {
	opacity: 0.2;
}
.FiguHistoryBox:hover:before {
	width: 60px;
}
.FiguHistoryBox:hover:after {
	height: 60px;
}
.Figu-Infographic-Arrowbox-wrap {width:100%;position:relative;margin:0 auto;}
.Figu-Infographic-Arrowbox-wrap .ArrowHead-01 {
  position: absolute;
  top:3px;right:18px;
  width: 8px;height:8px;
  border-bottom: 18px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: rotate(90deg);
}
.Figu-Infographic-Arrowbox-wrap .ArrowHead-02 {
  position: absolute;
  top:-19px;left:18px;
  width: 8px;height:8px;
  border-bottom: 18px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: rotate(-90deg);
}
.Figu-Infographic-Arrowbox-wrap .ArrowHead-03 {
  position: absolute;
  right:-106px;top:179px;
  width: 8px;height:8px;
  border-bottom: 18px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: rotate(90deg);
}
.Figu-Infographic-Arrowbox-wrap .ArrowHead-04 {
  position: absolute;
  right:-88px;top:51px;
  width: 8px;height:8px;
  border-bottom: 18px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: rotate(130deg);
}
.Figu-Infographic-Arrowbox-wrap .ArrowHead-05 {
  position: absolute;
  right:-10px;top:-46px;
  width: 8px;height:8px;
  border-bottom: 18px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: rotate(-48deg);
}
.Figu-Infographic-Arrowbox-wrap .ArrowHead-06 {
  position: absolute;
  left:-104px;top:32px;
  width: 8px;height:8px;
  border-bottom: 18px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: rotate(-128deg);
}
.Figu-Infographic-Arrowbox-wrap .ArrowHead-07 {
position: absolute;
left:3px;top:-26px;
width: 8px;height:8px;
border-bottom: 18px solid #ccc;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
transform: rotate(48deg);
}


.Figu-Infographic-Arrowbox-wrap .Arrowbody-01 {width:90%;position: absolute;height:4px;top:-12px;border-top: 4px solid #ccc; }
.Figu-Infographic-Arrowbox-wrap .Arrowbody-02 {width:90%;position: absolute;height:4px;top:10px;border-top: 4px solid #ccc;}
.Figu-Infographic-Arrowbox-wrap .Arrowbody-03 {width: 270px;height:180px;position:absolute;top:10px;right:-100px;border-left: 4px solid #ccc ;border-bottom: 4px solid #ccc ;border-radius: 0 0 0 150%; }
.Figu-Infographic-Arrowbox-wrap .Arrowbody-04 {width: 130px;border-top: 4px solid #ccc; position: absolute;right:-114px;top:0px;transform: rotate(40deg);}
.Figu-Infographic-Arrowbox-wrap .Arrowbody-05 {width: 130px;border-top: 4px solid #ccc; position: absolute;right:-100px;top:20px;transform: rotate(40deg);}
.Figu-Infographic-Arrowbox-wrap .Arrowbody-06 {width: 130px;border-top: 4px solid #ccc; position: absolute;left:-114px;top:0px;transform: rotate(-40deg);}
.Figu-Infographic-Arrowbox-wrap .Arrowbody-07 {width: 130px;border-top: 4px solid #ccc; position: absolute;left:-100px;top:20px;transform: rotate(-40deg);}
.Figu-Infographic-Arrowbox-wrap .ArrowBox {position: absolute;color:#fff;font-weight: 700;font-size:1.50rem;right:10px;bottom:5px;transform: rotate(-45deg);text-shadow: -2px -1px 4px #aaa;}
.Figu-Infographic-Arrowbox-wrap .ArrowBox02 {position: absolute;color:#fff;font-weight: 700;font-size:1.50rem;right:10px;top:5px;transform: rotate(100deg);text-shadow: -2px -1px 4px #aaa;}

.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap01 {top:255px;left:334px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap02 {top:280px;left:550px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap03 {top:123px;left:510px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap04 {top:65px;right:510px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap05 {top:270px;left:190px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap06 {top:340px;right:270px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap07 {top:285px;right:360px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap08 {top:205px;right:465px;}

.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap01, 
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap02,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap03,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap04,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap05,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap06,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap07,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap08 {position: absolute;}

.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap01 .inbox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap02 .inbox {position: relative;width:140px;margin:0px auto;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap03 .inbox {position: relative;width:220px;margin:0px auto;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap04 .inbox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap05 .inbox {position: relative;width:130px;margin:0px auto;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap06 .inbox {position: relative;width:300px;margin:0px auto;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap07 .inbox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap08 .inbox {position: relative;width:150px;margin:0px auto;}

.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap01 .NumberingBox {top:5px;right:8px;width:20px;height:20px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap02 .NumberingBox {bottom:5px;left:5px;width:20px;height:20px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap03 .NumberingBox {top:5px;left:5px;width:20px;height:20px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap04 .NumberingBox {bottom:5px;right:5px;width:20px;height:20px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap05 .NumberingBox {top:5px;right:5px;width:20px;height:20px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap06 .NumberingBox {top:5px;left:5px;width:20px;height:20px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap07 .NumberingBox {top:5px;left:5px;width:20px;height:20px;}
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap08 .NumberingBox {bottom:5px;right:5px;width:20px;height:20px;}

.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap01 .NumberingBox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap02 .NumberingBox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap03 .NumberingBox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap04 .NumberingBox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap05 .NumberingBox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap06 .NumberingBox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap07 .NumberingBox,
.Figu-Infographic-Arrowbox-wrap .NumberingBox-wrap08 .NumberingBox {position: absolute;background-color: #666;border-radius: 700px;color:#fff;margin: 0 auto;font-size:0.70rem;box-shadow: 0 4px 6px #fff,inset 0 2px 6px #444;}

.FiguWork-Infographic {padding:20px;border-radius: 800px;border-top:1px solid #fff;border-left:1px solid #fff;}
.FiguWork-Infographic02,
.FiguWork-Infographic02_S {border-radius: 50% 50% 0 50%;}
.FiguWork-Infographic02_end {border-radius: 50% 50% 50% 50%;}
.FiguWork-Infographic02,
.FiguWork-Infographic02_end { background-color: transparent;transform: rotate(-45deg);position: relative;} 
.FiguWork-Infographic03 {background-color: transparent;transform: rotate(0deg);position: relative;}
.FiguWork-Infographic,
.FiguWork-Infographic02,
.FiguWork-Infographic02_S,
.FiguWork-Infographic02_end,
.FiguWork-Infographic03 {
  width:100%;
  max-width:250px;
  min-width:90px;
  height:250px;
  position: relative;
  font-size:1.10rem;
  font-weight: 700;
}

.FiguWork-Infographic04_end {
  width:100%;
  position: relative;
  border-radius: 10px;
}

.FiguWork-Infographic03 {border-radius: 50% 0 0 50%;}
.FiguWork-Infographic-IconWrap {
  width:70px;height:70px;margin:10px auto;
}
.Figu-GradientBGcolor01 {
  background: rgb(156,201,71);
  background: linear-gradient(133deg, rgba(156,201,71,1) 0%, rgba(203,238,34,1) 100%);
  box-shadow: inset 2px 2px 8px #444,
              inset -1px -1px 1px -1px #fff,
              25px 25px 41px #dddde6,
              -25px -25px 41px #ffffff;
}
.Figu-GradientBGcolor02 {
  background: rgb(65,141,239);
  background: linear-gradient(133deg, rgba(65,141,239,1) 0%, rgba(0,198,255,1) 100%);
  box-shadow: inset 2px 2px 8px #444,
              inset -1px -1px 1px -1px #fff,
              25px 25px 41px #dddde6,
              -25px -25px 41px #ffffff;
}
.Figu-GradientBGcolor03 {
  background: rgb(0,53,134);
  background: linear-gradient(133deg, rgba(0,53,134,1) 0%, rgba(88,109,205,1) 100%);
  box-shadow: inset 2px 2px 8px #444,
              inset -1px -1px 1px -1px #fff,
              25px 25px 41px #dddde6,
              -25px -25px 41px #ffffff;
}
.Figu-GradientBGcolorA-01 {
  background: rgb(156,201,71);
  background: linear-gradient(90deg, rgba(156,201,71,1) 0%, rgba(203,238,34,1) 100%);
  box-shadow: inset 8px 8px 20px -8px #555,
              0px 10px 20px -6px #888,
              0px -10px 20px #ffffff;
}
.Figu-GradientBGcolorA-02 {
  background: rgb(65,141,239);
  background: linear-gradient(180deg, rgba(65,141,239,1) 0%, rgba(0,198,255,1) 100%);
  box-shadow: inset 8px 8px 20px -8px #555,
              0px 10px 20px -6px #888,
              0px -10px 20px #ffffff;
}
.Figu-GradientBGcolorA-03 {
  background: rgb(0,53,134);
  background: linear-gradient(180deg, rgba(0,53,134,1) 0%, rgba(88,109,205,1) 100%);
  box-shadow: inset 8px 8px 20px -8px #555,
              0px 10px 20px -6px #888,
              0px -10px 20px #ffffff;
}
.Figu-GradientBGcolorA-04 {
  background: rgb(117,78,207);
  background: linear-gradient(180deg, rgba(117,78,207,1) 0%, rgba(159,124,238,1) 100%);
  box-shadow: inset 8px 8px 20px -8px #555,
              0px 10px 20px -6px #888,
              0px -10px 20px #ffffff;
}

.Figu-mopizimBG01 {
  width:100%;
  height:100%;
  border-radius: 500px;
  border:10px solid #e9e9e9;
  background: linear-gradient(0deg, #dddde6, #ffffff);
  box-shadow: 4px 8px 15px -2px #333;
}
.Figu-mopizimBG02 {
  width:100%;
  height:100%;
  border-radius: 500px;
  border:10px solid #e9e9e9;
  background: linear-gradient(-30deg, #dddde6, #ffffff);
  box-shadow: 4px 8px 15px -4px #555;
  transform: rotate(45deg);
}
.Figu-GlassBG01 {
  background: rgba( 245, 246, 255, 0.09 );
  box-shadow: 0 8px 20px 0 rgba( 186, 190, 225, 0.40 );
  backdrop-filter: blur( 1.5px );
  -webkit-backdrop-filter: blur( 1.5px );
  border-radius: 10px;
}
.Figu-GlassBG02 {
  background: rgba( 255, 255, 255, 1 );
  box-shadow: 0 8px 20px 0 rgba( 186, 190, 225, 0.40 );
  backdrop-filter: blur( 1.5px );
  -webkit-backdrop-filter: blur( 1.5px );
  border-radius: 10px;
}

.infographic-wrap02 {
  width:1200px;margin:0 auto;
}
.infographic-wrap03 {
  width:1500px;margin:0 auto;
}
.Infographic_Item-wrap {width:300px;height:300px;border-radius: 100%;}
.Infographic_Item-wrap02 {width:250px;height:250px;border-radius: 100%;}

.Infographic-BGC_child01 {
  background: rgb(172,215,98);
  background: linear-gradient(0deg, rgba(172,215,98,1) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC_child02 {
  background: rgb(100,238,242);
  background: linear-gradient(180deg, rgba(100,238,242,1) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC_child03 {
  background: rgb(43,149,246);
  background: linear-gradient(0deg, rgba(43,149,246,1) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC_child04 {
  background: rgb(0,63,156);
  background: linear-gradient(180deg, rgba(0,63,156,1) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC02_child01 {
  background: rgb(211,211,213);
  background: linear-gradient(0deg, rgba(211,211,213,1) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC02_child02 {
  background: rgb(172,215,98);
  background: linear-gradient(180deg, rgba(172,215,98,1) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC02_child03 {
  background: rgb(100,238,242);
  background: linear-gradient(0deg, rgba(100,238,242,1) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC02_child04 {
  background: rgb(43,149,246);
  background: linear-gradient(180deg, rgba(43,149,246,0.8) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC02_child05 {
  background: rgb(0,63,156);
  background: linear-gradient(0deg, rgba(0,63,156,0.5) 0%, rgba(255,255,255,0) 40%);
}
.Infographic-BGC02_child06 {
  background: rgb(0,63,156);
  background: linear-gradient(180deg, rgba(0,63,156,1) 0%, rgba(255,255,255,0) 40%);
}

.Infographic_Item00 {
  position: relative;
  width:250px;height:250px;
  border-radius: 100%;
  border:2px solid #fff;
  box-shadow: 4px 8px 20px -6px #aaa;
}
.Infographic_Item01 {
  position: relative;
  width:215px;height:215px;
  border-radius: 100%;
  border:2px solid #fff;
  box-shadow: 4px 8px 20px -6px #aaa;
}
.Infographic_Item01Arrow {position: absolute;right:05px;top:95px;}
.Infographic_Item-BGcolor {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(236,236,236,1) 100%);
}
.Infographic_Icon-Discount,
.Infographic_Icon-Convenience,
.Infographic_Icon-Fast,
.Infographic_Icon-Safety {
  display: block;
  margin: 30px auto 0;
  width:60px;height:38px;
  background-repeat:no-repeat;
	background-position: top center;
  background-size:100% auto;
}
.Infographic_Icon-Discount { background-image:url('../img/icon_Discount.png'); }
.Infographic_Icon-Convenience { background-image:url('../img/icon_Convenience.png'); }
.Infographic_Icon-Fast { background-image:url('../img/icon_Fast.png'); }
.Infographic_Icon-Safety { background-image:url('../img/icon_Safety.png'); }

/*  ----- button style -----  */
.Figu-Radius-btnOn,
.Figu-Radius-btnOff,
.Figu-Radius-btnWait {position: relative;padding: 0 20px;cursor: pointer;background-color: #f5f6ff;}
.Figu-Radius-IcBtnOn,
.Figu-Radius-IcBtnOff {position: relative;padding: 0 50px;background-color: #f5f6ff;}
.Figu-Radius-IcBtn02-On {position: relative;padding: 0 40px 0 15px;}
.Figu-Radius-IcBtn02-On.BG-White {background-color: #f5f6ff;}

.Figu-Radius-btnWait {cursor:default;opacity: 0.6;background-color: #f5f6ff;}
.Figu-Radius-btnOn,
.Figu-Radius-IcBtnOn,
.Figu-Radius-IcBtn02-On,
.Figu-Radius-btnWait {
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 20px;
  line-height: 22px;
  font-size:12px;
  box-shadow: 0 2px 3px -2px #001b4b;
}

.Figu-Radius-btnOn:hover,
.Figu-Radius-IcBtn02-On:hover,
.BoardMore-btn02:hover,
.Figu-Radius-IcBtnOn:hover {background-color: #fff;color: #418dfe;box-shadow: 0 2px 6px -3px #001b4b;}
.BoardMore-btn02:active,
.Figu-Radius-btnOn:active,
.Figu-Radius-IcBtn02-On:active,
.Figu-Radius-IcBtnOn:active { 
  background-color: #003586;
  color: #fff;
  box-shadow: inset 0 2px 6px -1px #092a64;
  line-height: 24px;
}
.Figu-Radius-btnOn i,
.Figu-Radius-IcBtn02-On i,
.Figu-Radius-IcBtnOn i {
  position: absolute;
  width:30px;
  height:30px;
  padding:2px;
  top:2px;
  right:2px;
  border-radius: 70%;
  background-color: #ddd;
  vertical-align: middle;
  box-shadow: inset 0 0 4px #bbb;
  filter: drop-shadow(0px 0px 1px #fff);
}
.Figu-Radius-btnOn .Delfile,
.Figu-Radius-IcBtn02-On .Delfile,
.Figu-Radius-IcBtnOn .Delfile {
  position: absolute;
  width:30px;
  height:30px;
  padding:2px;
  top:0px;
  right:0px;
  background-image:url('../img/Icon_figuDelfile.png');
  background-repeat:no-repeat;
	background-position: center center;
  background-size:55% auto;
}
.Figu-Radius-btnOn i.file-JPG,
.Figu-Radius-IcBtn02-On i.file-JPG,
.Figu-Radius-IcBtnOn i.file-JPG {
  background-image:url('../img/Icon_figuJpgfile.png');
  background-repeat:no-repeat;
	background-position: center center;
  background-size:55% auto;
}
.Figu-Radius-btnOn i.file-HWP,
.Figu-Radius-IcBtn02-On i.file-HWP,
.Figu-Radius-IcBtnOn i.file-HWP {
  background-image:url('../img/Icon_figuHWPfile.png');
  background-repeat:no-repeat;
	background-position: center center;
  background-size:55% auto;
}
.Figu-Radius-btnOn i.file-PDF,
.Figu-Radius-IcBtn02-On i.file-PDF,
.Figu-Radius-IcBtnOn i.file-PDF {
  background-image:url('../img/Icon_figuPDFfile.png');
  background-repeat:no-repeat;
	background-position: center center;
  background-size:55% auto;
}
.Figu-Radius-btnOn i.file-PPT,
.Figu-Radius-IcBtn02-On i.file-PPT,
.Figu-Radius-IcBtnOn i.file-PPT {
  background-image:url('../img/Icon_figuPPTfile.png');
  background-repeat:no-repeat;
	background-position: center center;
  background-size:55% auto;
}
.Figu-Radius-btnOn i.file-XLS,
.Figu-Radius-IcBtn02-On i.file-XLS,
.Figu-Radius-IcBtnOn i.file-XLS {
  background-image:url('../img/Icon_figuXLSfile.png');
  background-repeat:no-repeat;
	background-position: center center;
  background-size:55% auto;
}
.Figu-Radius-btnOn i.file-ECT,
.Figu-Radius-IcBtn02-On i.file-ECT,
.Figu-Radius-IcBtnOn i.file-ECT {
  background-image:url('../img/Icon_figufile.png');
  background-repeat:no-repeat;
	background-position: center center;
  background-size:55% auto;
}


.Figu-Radius-btnOn:hover > i,
.Figu-Radius-IcBtn02-On:hover > i,
.Figu-Radius-IcBtnOn:hover > i,
.Figu-Radius-btnOn:hover > a > i,
.Figu-Radius-IcBtn02-On:hover > a > i,
.Figu-Radius-IcBtnOn:hover > a > i {
  border: 1px solid #fff;
  background-color:#f5f6ff;
  transition: .3s ease;
  box-shadow:  2px 6px 10px -2px #555,
              -5px -8px 6px -2px #fff;
  z-index: 70;
}
.Figu-Radius-btnOn:hover > i,
.Figu-Radius-IcBtnOn:hover > i,
.Figu-Radius-btnOn:hover > a > i,
.Figu-Radius-IcBtnOn:hover > a > i {
  width:50px;height:50px;
}
.Figu-Radius-IcBtn02-On:hover > i,
.Figu-Radius-IcBtn02-On:hover > a > i {width:50px;height:50px;top:-8px;right:-14px;}
.Figu-Radius-btnOn:hover > i > .Delfile,
.Figu-Radius-IcBtn02-On:hover > i > .Delfile,
.Figu-Radius-IcBtnOn:hover > i > .Delfile,
.Figu-Radius-btnOn:hover > a > i > .Delfile,
.Figu-Radius-IcBtn02-On:hover > a > i > .Delfile,
.Figu-Radius-IcBtnOn:hover > a > i > .Delfile {
  width:50px;height:50px;
}

.Figu-Radius-IcBtn02-On:active > i.MOver,
.Figu-Radius-IcBtn02-On:active > a > i.MOver {
  -webkit-animation: Figu-slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: Figu-slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes Figu-slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
}
@keyframes Figu-slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
}


.Figu-Radius-btnOn:hover > i.MOver,
.Figu-Radius-IcBtnOn:hover > i.MOver,
.Figu-Radius-btnOn:hover > a > i.MOver,
.Figu-Radius-IcBtnOn:hover > a > i.MOver {
  -webkit-animation: FiguUp-2-Top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: FiguUp-2-Top 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes FiguUp-2-Top {
  0% {
    -webkit-transform: translateZ(0) translateX(0) translateY(0);
            transform: translateZ(0) translateX(0) translateY(0);
    
  }
  100% {
    -webkit-transform: translateZ(50px) translateX(6px) translateY(-20px);
            transform: translateZ(50px) translateX(6px) translateY(-20px);
    
  }
}
@keyframes FiguUp-2-Top {
  0% {
    -webkit-transform: translateZ(0) translateX(0) translateY(0);
            transform: translateZ(0) translateX(0) translateY(0);
    
  }
  100% {
    -webkit-transform:translateZ(50px) translateX(6px) translateY(-20px);
            transform:translateZ(50px) translateX(6px) translateY(-20px);
    
  }
}
.Figu-Radius-btnOff,
.Figu-Radius-IcBtnOff {
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 20px;
  line-height: 22px;
  text-align: center;
  font-size:12px;
  background-color: #418dfe;
  color: #fff;
  box-shadow: inset 0 2px 6px -1px #092a64;
  line-height: 24px;
  cursor: default;
}

.FiguInputSearchBtn {
  width:45px;
  height:45px;
  background-color: #003586;
  border: 1px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px #aaa;
  font-family:'Malgun Gothic';
  background-image:url('../img/Icon_inputSearchOff.png');
  background-repeat:no-repeat;
	background-position: center center;
}
.FiguInputSearchBtn:hover {
  background-color: #418def;
  border: 1px solid #418def;
  box-shadow: 0 4px 4px #aaa,
        inset 0 3px 3px #aed1ff;
  transition: .3s ease;
  -webkit-animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-fwd-top01 {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
  }
  100% {
    -webkit-transform: translateZ(160px) translateY(-2px);
            transform: translateZ(160px) translateY(-2px);
  }
}
@keyframes slide-fwd-top01 {
  0% {
    -webkit-transform: translateZ(0) translateY(0);
            transform: translateZ(0) translateY(0);
  }
  100% {
    -webkit-transform: translateZ(160px) translateY(-2px);
            transform: translateZ(160px) translateY(-2px);
  }
}
.FiguInputSearchBtn:active {
  background-color: #003586;
  border: 1px solid #000;
  box-shadow: inset 0 1px 3px #000;
  background-image:url('../img/Icon_inputSearchOn.png');
  transition: .2s ease;
}

.ICrorotate90 {
  margin-left:6px;
  margin-top:2px;
  transform: rotate(90deg);
}
.ICrorotate-90 {
  margin-right:6px;
  margin-top:3px;
  transform: rotate(-90deg);
}

.Figu-CboxStyle {
  position: relative;
  border-radius: 100px;
  border: 2px solid fff;
  box-shadow: 1px 2px 4px #888,
              inset 0 -8px 10px -5px #d7d7d7;
}
.Figu-CboxStyle{background-color: #f5f6ff;}

.DeductionItem-wrap {width:100%;position: relative;}
.Figu-nav-pills {width:100%;min-width:320px;}
.Figu-nav-pills .Figu-navStyle,
.Figu-nav-pills li {width:20%;height:70px;vertical-align: middle;padding: 0 5px;}
.Figu-nav-pills li.DeductiontypeItem {width:240px;}
.Figu-nav-pills li.DeductiontypeItem .ECT-Items {position: absolute;top:150px;}

.Figu-nav-pills .nav-link {
  width:100%;
  padding:14px 5px;
  font-weight: 700;
  border-radius: 100px;
  background: transparent;
  border: 1px solid;
  border-color: #ddd;
  line-height: 22px;
  font-size:0.96rem;
  color: #888;
  box-shadow: 0 2px 6px -2px #333,
              0px -8px 8px #fff;
  transition: all 0.5s;
}
.Figu-nav-pills .nav-link:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f6ff+47,f5f6ff+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,246,255,1) 47%, rgba(245,246,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 47%,rgba(245,246,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 47%,rgba(245,246,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6ff',GradientType=0 ); /* IE6-9 */
  box-shadow: 0 4px 8px -2px #333;
  color:#418def;
  border-color: #ccc;
}
.Figu-nav-pills .nav-link:focus {
  border-bottom: #418def;
}

.Figu-nav-pills .nav-link.active,
.Figu-nav-pills .show > .nav-link {
  background: #418dfe;
  color: #fff;
  box-shadow: inset 0 2px 6px -1px #092a64;
  line-height: 24px;
  
}

/*/////////*/
.Figu-nav-pills_row {width:100%;}
.Figu-nav-pills_row li {width:100%;vertical-align: middle;padding: 0 5px 20px 5px;}

.Figu-nav-pills_row .nav-link {
  width:100%;
  padding:20;
  border-radius: 14px;
  background: transparent;
  border: 1px solid;
  border-color: #ddd;
  line-height: 22px;
  font-size:0.96rem;
  color: #888;
  box-shadow: 0 2px 6px -2px #333,
              0px -8px 8px #fff;
  transition: all 0.5s;
}
.Figu-RadiusIC-box {width:30px;height:30px;background-color: #ccc;border-radius: 100%;padding:6px;}
.Figu-RadiusIC-box02 {width:60px;height:60px;background-color: #418def;border-radius: 100%;padding:10px;}
i.mapIC, i.CallIC, i.subwayIC, i.BusIC, i.CarIC {
  display: block;
  content: '';
  width:100%;
  height:100%;
  background-repeat:no-repeat;
	background-position: center center;
  background-size:100% auto;
}
i.CarIC {background-image:url('../img/Figu_CarIcon_off.png');}
i.BusIC {background-image:url('../img/Figu_BusIcon_off.png');}
i.subwayIC {background-image:url('../img/Figu_SubwayIcon_off.png');}
i.mapIC {background-image:url('../img/Figu_mapIcon_off.png');}
i.CallIC {background-image:url('../img/Figu_CallIcon_off.png');}
.Bus-ColorType01 {background-color: #16a316;}
.Bus-ColorType02 {background-color: #1659a3;}
.Bus-ColorType01, .Bus-ColorType02 {color:#fff;padding:2px 6px;font-size: 0.80rem;}


.Figu-nav-pills_row .nav-link:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f6ff+47,f5f6ff+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,246,255,1) 47%, rgba(245,246,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 47%,rgba(245,246,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 47%,rgba(245,246,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6ff',GradientType=0 ); /* IE6-9 */
  box-shadow: 0 4px 8px -2px #333;
  border-color: #ccc;
}
.Figu-nav-pills_row .nav-link:focus {
  border-bottom: #418def;
}
.Figu-nav-pills_row .nav-link.active > .pAll10 > .pb10 > strong.FiguTextC-Darkgray {color:#fff;}
.Figu-nav-pills_row .nav-link.active > .pAll10 > .pt15 >.Figu-RadiusIC-box {background-color: #fff;box-shadow: 0 2px 6px -2px #000;}
.Figu-nav-pills_row .nav-link.active > .pAll10 > .pt15 >.Figu-RadiusIC-box > i.mapIC {background-image:url('../img/Figu_mapIcon_on.png');}
.Figu-nav-pills_row .nav-link.active > .pAll10 > .pt15 >.Figu-RadiusIC-box > i.CallIC {background-image:url('../img/Figu_CallIcon_on.png');}
.Figu-nav-pills_row .nav-link.active,
.Figu-nav-pills_row .show > .nav-link {
  background: #418dfe;
  color: #fff;
  box-shadow: inset 0 2px 6px -1px #092a64;  
}

.box-IconMenu02 {  
  width:100%;
  margin-top:10px;
  min-width:150px;
  position: relative;
  border-radius: 8px;
  box-shadow:  0px 0px 9px -8px #ccc;
  transition: 0.2s ease;
}

.Figu-subTop-CbtnBorder {border-radius: 100%;padding:5px 5px 5px 5px;background: #aaa;box-shadow: inset 0 2px 2px #555;}
.Figu-subTop-CbtnBorder02 {border-radius: 100%;padding:8px;background: #ddd;box-shadow: inset 0 2px 8px #666;}

.Figu-subTop-Cbtn,
.Figu-subTop-Cbtn02 {
  border-radius: 100%;
  padding:8px;
  background: linear-gradient(0deg, #ffffff, #ddddef);
  border:1px solid #fff;
  box-shadow: 0 4px 8px -1px #333;
}
.Figu-subTop-Cbtn { background: linear-gradient(0deg, #ffffff, #ddddef);}
.Figu-subTop-Cbtn02 { background: linear-gradient(180deg, #ffffff, #ddddef);}

.box-IconMenu02:hover{
  margin-top:0px;
  background: linear-gradient(0deg, #ffffff, #f5f6ff);
  box-shadow:  0px 16px 9px -8px #aaa,
              -2px -16px 12px #fafbff;
}
.box-IconMenu02:hover > h3 {color:#418def;}
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder {
  background: #418def;
  padding:3px 5px 7px 5px;
}
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn {
  background: linear-gradient(180deg, #ffffff, #ddddef);
  box-shadow: 0 6px 8px 0px #333;
}
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-financeIC,
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-financeIC { background-image:url(../img/sub_finance_icon_on.png);}
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-GraphIC,
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-GraphIC { background-image:url(../img/sub_graph_icon_on.png);}
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-TexIC,
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-TexIC{ background-image:url(../img/sub_AcalculatorM_icon_on.png); }
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-LegalIC,
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-LegalIC{ background-image:url(../img/sub_legal_icon_on.png); }
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-MedicalIC,
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-MedicalIC{ background-image:url(../img/sub_medical_icon_on.png); }
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-LeisureIC,
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-LeisureIC{ background-image:url(../img/sub_leisure_icon_on.png); }
.box-IconMenu02:hover > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-ShoppingIC,
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn > .Figu-ShoppingIC{ background-image:url(../img/sub_shopping_icon_on.png); }

.box-IconMenu02:active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder {
  padding:5px 5px 5px 5px;
}

.box-IconMenu02:active {
  margin-top:10px;
  border:1px solid #fff;
  background: linear-gradient(0deg, #ffffff, #ddddef);
  box-shadow: inset  2px 6px 9px -4px #777,
              inset -2px -6px 12px #efefef;
}
.box-IconMenu02.active {
  margin-top:10px;
  border:1px solid #fff;
  background: linear-gradient(0deg, #418def, #418def);
  box-shadow: inset  0px 6px 16px -4px #333,
              inset -0px -6px 12px -4px #ddd;
}

.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder {
  background: #f2f2f2;
  padding:5px 5px 5px 5px;
  border:1px solid !important;
  box-shadow: inset 0 -4px 4px #999,
              0 4px 10px -2px #333;
}

.box-IconMenu02.active > h3 {color:#fff;}
.box-IconMenu02:active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder { padding:5px; background: #418def;box-shadow: inset 0 0px 0px #000; }
.box-IconMenu02.active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn {box-shadow: inset 0 2px 10px -1px #999;}

.box-IconMenu02:active > .Df-Ac-Jc > .Figu-subTop-CbtnBorder > .Figu-subTop-Cbtn {
  background: linear-gradient(0deg, #ffffff, #ddddef);
  box-shadow: 0 0px 0px #fff;
  border:1px solid #fff;
}
.Figu-BoardofDirectorsTitle-BGcWrap {
  box-shadow: inset 0 2px 4px #777;width:200px;margin: 0 auto;padding:10px;background-color: #ccc;border-radius: 100px;
}
.Figu-BoardofDirectors-BGcWrap,
.Figu-AuditOffice-BGcWrap {
  padding:4px;background-color: #f5f6ff;border-radius: 100px;box-shadow: inset 0 2px 4px #777;
}
.Figu-AuditOffice-BGcWrap {width:350px;}
.Figu-BoardofDirectors-cWrap {
  width:70px;height:70px;border-radius: 100px;position: absolute;left:4px;top:4px;
}


.btn-FIGU_Pink {
  color: #e8e8e8;
  background-color: #F23D7F;
  border-color: #F23D7F;
}
.btn-FIGU_Pink:hover {
  color: #fff;
  background-color: #ff43ad;
  border-color: #ff43ad;
}
.btn-check:focus + .btn-FIGU_Pink, .btn-FIGU_Pink:focus {
  color: #fff;
  background-color: #ff43ad;
  border-color: #d6278a;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}
.btn-check:checked + .btn-FIGU_Pink, .btn-check:active + .btn-FIGU_Pink, .btn-FIGU_Pink:active, .btn-FIGU_Pink.active, .show > .btn-FIGU_Pink.dropdown-toggle {
  color: #fff;
  background-color: #ff43ad;
  border-color: #d6278a;
}
.btn-check:checked + .btn-FIGU_Pink:focus, .btn-check:active + .btn-FIGU_Pink:focus, .btn-FIGU_Pink:active:focus, .btn-FIGU_Pink.active:focus, .show > .btn-FIGU_Pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}
.btn-FIGU_Pink:disabled, .btn-FIGU_Pink.disabled {
  color: #dddddd;
  background-color: #F23D7F;
  border-color: #F23D7F;
}


/*  ----- // button style -----  */


/*  ----- Figu data board layout -----  */

.data-wrap .Tableitem-wrap,
.data-wrap .Fouritem-wrap {width:100%;max-width:1500px;margin: 0 auto;display: table;}
.data-wrap .Tableitem-wrap .firstlayout {width:8%;display: table-cell;vertical-align: middle;}
.data-wrap .Tableitem-wrap .secondTlayout {width:85%;display: table-cell;vertical-align: middle;}
.data-wrap .Tableitem-wrap .secondlayout {width:22%;margin:0 auto;display: table-cell;}
.data-wrap .Tableitem-wrap .thirdlayout {width:70%;display: table-cell;position: relative;}
.data-wrap .Tableitem-wrap .thirdlayout .text-wrap { width:100%;position: absolute;left:0;top:0;padding:10px;}
.data-wrap .Tableitem-wrap .thirdlayout .text-wrap .Title-text {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.data-wrap .Tableitem-wrap .thirdlayout .text-wrap .cont-text {width:100%;height:130px;position: relative;text-overflow: ellipsis;overflow: hidden;padding:10px;}
.data-wrap .Tableitem-wrap .thirdlayout .date-wrap {width:100%;position: absolute;right: 10px;bottom:0;text-align: right;}
.data-wrap .Fouritem-wrap .Fourlayout { width:50%;max-width:375px;margin: 0 auto;padding:20px 1% 20px 1%;}
.data-wrap .Fouritem-wrap .Fourlayout .Division-wrap {width:100%;max-width: 350px;max-height: 310px;padding:15px;margin: 0 auto;}
.data-wrap .Fouritem-wrap .Fourlayout .Division-wrap .title-textbox{width:100%;padding:10px 0;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.data-wrap .Fouritem-wrap .Fourlayout .Division-wrap:hover {
  transition: .3s ease;
  color:#418def;
  font-weight: 700;
  -webkit-animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
#FiguPromotionalVideo video{
  position:absolute; left:0; top:0; width:100%; height:100%;display: block;cursor: pointer;
}
#FiguPromotionalVideo .hearf-layout, #contents .hearf-layout {width:50%;}

#FiguPromotionalVideo .Video-box {padding-top:56.25%; position:relative}

@media (max-width: 1350px) {
  .data-wrap .Tableitem-wrap .thirdlayout .text-wrap .cont-text {height:80px;}
  .FiguText13 {font-size:0.90rem}
}
@media (max-width: 900px) {
  .data-wrap .Tableitem-wrap .firstlayout {font-size:0.76rem;}
  .data-wrap .Tableitem-wrap .thirdlayout .text-wrap .cont-text {font-size:0.76rem;height:64px;}
  .data-wrap .Tableitem-wrap .thirdlayout .text-wrap .Title-text h4 {font-size:0.86rem;}
  .data-wrap .Tableitem-wrap .thirdlayout .date-wrap {font-size:0.76rem;}
}
@media (max-width: 800px) {
  .data-wrap .Tableitem-wrap .thirdlayout .text-wrap .cont-text {height:45px;}
}
@media (max-width: 720px) {
  .data-wrap .Tableitem-wrap .thirdlayout .text-wrap .cont-text {display: none;}
}
@media (max-width: 380px) {
  .data-wrap .Tableitem-wrap .thirdlayout .date-wrap {display: none;}
}


/*  ----- // Figu data board layout -----  */


/*  ----- Figu accordion style -----  */

.accordion-button:hover > span.FiguTextC-SkyBlue,
.accordion-button:not(.collapsed) > span.FiguTextC-SkyBlue,
.accordion-button:hover > span.FiguTextC-gray,
.accordion-button:not(.collapsed) > span.FiguTextC-gray {
  color:#fff;
  transition: 0.15s;
}


.accordion-body i.commentIC,
#contents i.commentIC {
  position: absolute;
  width:40px;
  height:40px;
  left:10px;
  top:10px;
  padding:6px 0 0 12px;
  background-image:url('../img/sub_comment_icon.png');
  background-repeat:no-repeat;
	background-position: left top;
  background-size:cover;
  font-size: 1.00rem;
  font-style: normal;
  font-weight: 700;
  vertical-align: middle;
  text-align: left;
  color:#418def;
}

.accordion-body p {
  padding: 34px 56px;
}

/*  ----- // Figu accordion style -----  */



/*  ----- Background style -----  */
.main-ConBoxBG-style01 {
  background-color: #fbfbff;
  border: 1px solid #d3d3d4;
  border-radius: 10px;
  box-shadow: 0 8px 8px -4px #e3e3e3;
  padding:20px;
}

.sub-ConBoxBG-style{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdfdfe+0,eff1f9+70,e6e7f5+100 */
  background: rgb(253,253,254); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(253,253,254,1) 0%, rgba(239,241,249,1) 70%, rgba(230,231,245,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(253,253,254,1) 0%,rgba(239,241,249,1) 70%,rgba(230,231,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(253,253,254,1) 0%,rgba(239,241,249,1) 70%,rgba(230,231,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#e6e7f5',GradientType=0 ); /* IE6-9 */
  border: 1px solid #b7b9ce;
  border-radius: 10px;
  box-shadow: 0 6px 13px -4px #aaa;
}

.sub-ConBoxBG-style01 {
  background-color: #f5f6ff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow:  6px 6px 8px #e4e5ed,
             -6px -6px 8px #ffffff;
}

.sub-ConBoxBG-style02 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f6ff+23,f5f6ff+100 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(245,246,255,1) 23%, rgba(245,246,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 23%,rgba(245,246,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(245,246,255,1) 23%,rgba(245,246,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f6ff',GradientType=0 ); /* IE6-9 */
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 6px 13px -8px #aaa;
}

.sub-ConBoxBG-style03 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#49d4ff+0,46b6f2+40,418def+100 */
  background: rgb(73,212,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(73,212,255,1) 0%, rgba(70,182,242,1) 40%, rgba(65,141,239,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(73,212,255,1) 0%,rgba(70,182,242,1) 40%,rgba(65,141,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(73,212,255,1) 0%,rgba(70,182,242,1) 40%,rgba(65,141,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49d4ff', endColorstr='#418def',GradientType=0 ); /* IE6-9 */

}
.sub-ConBoxBG-style04 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e7f5+0,f5f6ff+53 */
background: linear-gradient(to bottom,  rgba(230,231,245,1) 0%,rgba(245,246,255,1) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow:  6px 6px 8px #e4e5ed,
             -6px -6px 8px #ffffff;
}
.sub-ConBoxBG-style05 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e7f5+0,f5f6ff+53 */
  background: linear-gradient(to bottom,  rgba(230,231,245,1) 0%,rgba(245,246,255,1) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid #efefef;
  box-shadow:  4px 4px 8px  #bbb;
}

.sub-ItemConBoxBG-Style {
  border: 1px solid #b7b9ce;
  word-break: break-word;
  border-radius: 15px;
  box-shadow: 0 2px 9px #bfc0c7;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e7f5+70 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,231,245,1) 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,231,245,1) 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,231,245,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e7f5',GradientType=0 ); /* IE6-9 */
}
.sub-ItemConBoxBG-Style02 {
  border: 1px solid #b7b9ce;
  word-break: break-word;
  border-radius: 15px;
  box-shadow: inset 0 2px 9px #bfc0c7;
  background-color: #fff;
}

/*  ----- // Background style -----  */
.CyberInquirytime-Wrap {
  width:100%;max-width:1500px;position: relative;padding-bottom:150px;margin:0 auto;
}
.CyberInquirytime-Wrap .CyberInquirytime-BgBox {
  width:98%;height:146px;
  position: absolute;
  left:0;top:0;
  background: rgb(21,99,199);
  background: linear-gradient(90deg,rgba(0,53,134,1) 10%, rgba(0,53,134,1) 40%, rgba(65,141,239,1) 100%);
  border: 1px solid #b7b9ce;
  border-radius: 15px;
  box-shadow: inset 0 3px 13px #222;
}
.CyberInquirytime-Wrap .CyberInquirytime-textBox {
  width:98%;height:146px;
  position: absolute;
  right:0;
  top:30px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fdfdfe+0,eff1f9+70,e6e7f5+100 */
  background: rgb(253,253,254); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(253,253,254,1) 0%, rgba(239,241,249,1) 70%, rgba(230,231,245,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(253,253,254,1) 0%,rgba(239,241,249,1) 70%,rgba(230,231,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(253,253,254,1) 0%,rgba(239,241,249,1) 70%,rgba(230,231,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#e6e7f5',GradientType=0 ); /* IE6-9 */
  border: 1px solid #b7b9ce;
  border-radius: 15px;
  box-shadow: 0 6px 13px -4px #bfc0c7;
}

.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap {width:100%;}
.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .first {width:56.80%;}
.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .first .second {width:100%;height:146px;}
.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .first .second ul {margin-left:55%;}
.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .first .second ul li {font-size:0.96rem;}

.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .rightBox {height:146px;}
.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .rightBox .Btnbar {
  position: relative;
  width:300px;height:62px;
  background: rgb(21,99,199);
  background: linear-gradient(-45deg,rgba(0,53,134,1) 0%,rgba(65,141,239,1) 100%);
  border-radius: 80px;
  text-align: center;
  box-shadow: inset 0 3px 13px #222;
  border: 1px solid #b7b9ce;
}

/*.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .rightBox .Btnbar span {
  color:#fff;font-size: 1.05rem;line-height: 3.80rem;
}
.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .rightBox .Btnbar .Cbtn-style {
  position: absolute;
  width:52px;height:52px;
  top:4px;left:4px;
  border-radius: 70%;
  border:4px solid #fff;
}
.CyberInquirytime-Wrap .CyberInquirytime-textBox .wrap .rightBox .Btnbar .Cbtn-style span {
  font-size:1.20rem;color:#003586;margin-left:6px;
}*/
.sub-textC {font-size: 1.5rem;font-weight:700;color:#418dfe;}

/*  ----- icon IMG -----  */
.sub-CyberConIcon-guarantee {
  width:100%;height:100%;
  background-image:url(../img/main_4Wcon_icon03_off.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:140% auto;
  opacity: 0.7;
}
.sub-CyberConIcon-loan {
  width:100%;height:100%;
  background-image:url(../img/main_4Wcon_icon04_off.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:140% auto;
  opacity: 0.7;
}
.sub-CyberConIcon-deduction {
  width:100%;height:100%;
  margin-right:2px;
  background-image:url(../img/main_4Wcon_icon01_off.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:140% auto;
  opacity: 0.7;
}
.sub-CyberConIcon-agreement {
  width:100%;height:100%;
  background-image:url(../img/sub_agreement_icon_off.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:140% auto;
  opacity: 0.7;
}

.sub-CyberConIcon-graph {
  width:100%;height:100%;
  background-image:url(../img/sub_graph_icon_off.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:140% auto;
  opacity: 0.7;
}

.sub-CyberConIcon-certificate {
  width:100%;height:100%;
  background-image:url(../img/sub_certificate_icon_off.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:140% auto;
  opacity: 0.7;
}

.sub-BoardofDirectors01,
.sub-BoardofDirectors02,
.sub-BoardofDirectors03 {
  width:35px;height:35px;
  background-repeat:no-repeat;
  background-position: center center;
  background-size:contain;
  opacity: 0.5;
}
.sub-BoardofDirectors01 { background-image:url(../img/sub_BoardofDirectors_icon01.png);}
.sub-BoardofDirectors02 { background-image:url(../img/sub_BoardofDirectors_icon02.png);}
.sub-BoardofDirectors03 { background-image:url(../img/sub_BoardofDirectors_icon03.png);}
.sub-ConTime {
  position: absolute;
  top:0px;
  left:40px;
  width:100%;
  max-width:420px;height:164px;
  background-image:url(../img/sub_Middle_ConTime03.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:100% auto;
}
/*  ----- // icon IMG -----  */

/*  -----  TABLE -----  */
.table_Style table {
  border-collapse: collapse;
  width:100%;height:140px;border: 1px solid #ccc;
}
.table_Style table tr th {border: 1px solid #ccc;background-color: #e2e3eb;}
.table_Style table tr td {border: 1px solid #ccc;}
.Cbtm-color {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfc1d1+0,e5e7f5+50 */
background: rgb(191,193,209); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(191,193,209,1) 0%, rgba(229,231,245,1) 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(191,193,209,1) 0%,rgba(229,231,245,1) 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(191,193,209,1) 0%,rgba(229,231,245,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc1d1', endColorstr='#e5e7f5',GradientType=0 ); /* IE6-9 */
  
}

.FIGU-TableBox { width:100%;display: table;vertical-align: middle;}
.FIGU-TableBox .thead-TH,
.FIGU-TableBox .thead-TH02 {
  display: table-cell;vertical-align: middle;color:#418dfe;font-weight: 700;padding:10px 4px;
}
.FIGU-TableBox .thead-TH {width:120px;}
.FIGU-TableBox .thead-TH02 {width:220px;}
.FIGU-TableBox .tbody-TD {display: table-cell;vertical-align: middle;padding:20px}
.FIGU-TableBox .tbody-TDWrap {display: table-cell;vertical-align: middle;padding:0px}
.FIGU-TableBox .tbody-TD span {color:#418def;font-weight: 700;}
.FIGU-TableBox .tbody-TD span.fontC-red {font-size:0.80rem;color:#bb1111;font-weight: 700;}


#contents .Figu-BoardTopLefttLy
.modal .Figu-BoardTopLefttLy {width:30%;}
#contents .Figu-BoardTopRightLy,
.modal .Figu-BoardTopRightLy {width:70%;position: relative;}
#contents .Figu-BoardTopCenterLy,
.modal .Figu-BoardTopCenterLy {width:100%;margin: 0 auto;}
#contents .Figu-BoardTopRightFLy,
.modal .Figu-BoardTopRightFLy {width:auto;display: inline-block;vertical-align: middle;}
#contents .Figu-BoardTopSearchBoxLy,
.modal .Figu-BoardTopSearchBoxLy{width:45%;display: inline-block;}
#contents .Figu-BoardTopSelectBoxLy,
.modal .Figu-BoardTopSelectBoxLy {width:120px;display: inline-block;}

#contents .data-wrap,
#contents .board-wrap {
  width:100%;height:100%;
}
.board-wrap table {
  margin-left:40px;
  border-spacing: 0;
  border-collapse: collapse;
}
.board-wrap table tr td {
  border:1px solid #aaa;
  padding:0 8px;
}


/*
#contents .board-wrap p,
#contents .board-wrap a,
#contents .board-wrap p a {display: block;}
*/

#contents .board-wrap h2,
#contents .board-wrap h3 {display: inline-block;margin-left: 10px;}
#contents .board-wrap p {padding: 0 40px;line-height: 1.50rem;}
#contents .data-wrap table {
  width:100%;
  min-width: 445px;
  height:100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  box-shadow: 0 2px 6px #aaa;
  border-radius: 10px 10px 0 0 ; 
}
#contents .data-wrap table.itemdata {
  width:1480px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  box-shadow: 0 2px 6px #aaa;
  border-radius: 0; 
}
#contents .data-wrap table thead tr {position:relative;}
#contents .data-wrap table thead tr th {background-color: #418def;}
#contents .data-wrap table tbody tr th {background-color: #f0f1f9;}
#contents .data-wrap table thead tr th {
  color:#fff;font-size: 0.98rem;
  text-align: center;
  padding:10px;
  border-left:1px solid #276eda;
  border-right:1px solid #276eda;
  border-bottom:0px solid #276eda;
  box-shadow: inset 0px 2px 0 #276eda;     
}
#contents .data-wrap table tbody tr {background-color: #f5f6ff;}
#contents .data-wrap table tbody tr:hover {box-shadow: inset 2px 2px 0 #418dfe,inset -3px -3px 0 #418dfe;}
#contents .data-wrap table tbody tr.No-border,
#contents .data-wrap table.itemdata tr.No-border {box-shadow: inset 0 0 0;}
#contents .data-wrap table thead tr th:first-child {
  border-radius: 10px 0 0 0;border-left:0;
  box-shadow: inset 1px 2px 0 #276eda;
}
#contents .data-wrap table thead tr th.rowspan,
#contents .data-wrap table thead tr th.rowspan:last-child,
#contents .data-wrap table thead tr th.rowspan02,
#contents .data-wrap table thead tr th.rowspan02:last-child,
#contents .data-wrap table thead tr th.rowspan03,
#contents .data-wrap table thead tr th.rowspan03:last-child {
  color:#fff;font-size: 0.98rem;
  text-align: center;
  padding:10px;
  border-radius: 0;
}
#contents .data-wrap table thead tr th.rowspan,
#contents .data-wrap table thead tr th.rowspan:last-child,
#contents .data-wrap table thead tr th.rowspan02,
#contents .data-wrap table thead tr th.rowspan02:last-child {box-shadow: inset 0px 2px 0 #276eda;}
#contents .data-wrap table thead tr th.rowspan03,
#contents .data-wrap table thead tr th.rowspan03:last-child {border:0;box-shadow: inset 1px 1px 0 #bbb, inset -1px -1px 0 #bbb;}

#contents .data-wrap table thead tr th.rowspan,
#contents .data-wrap table thead tr th.rowspan:last-child { background-color: #75b1ff;}
#contents .data-wrap table thead tr th.rowspan02,
#contents .data-wrap table thead tr th.rowspan02:last-child { background-color: #418def;}
#contents .data-wrap table thead tr th.rowspan03,
#contents .data-wrap table thead tr th.rowspan03:last-child { background-color: #ececec;color: #555;}

#contents .data-wrap table thead tr th:last-child {
  border-radius: 0 10px 0 0;
  box-shadow: inset -1px 2px 0 #276eda;
  border-top:0;
  border-right:0px solid #276eda;
}
#contents .data-wrap table tbody tr th {
  color:#333;font-size: 0.96rem;
  text-align: center;
  padding:10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#contents .data-wrap table tbody tr td {
  font-size: 0.96rem;
  max-height:200px;
  height:58px;
  padding:0 10px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  word-break: break-all;
}
#contents .data-wrap table tbody tr td.total {
  background-color: #fff;font-weight:700;color:#418def;
}
#contents .data-wrap table tbody tr td.conTitle{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:700;
  padding:10px 10px 10px 10px;
  border:0;
  border-bottom:2px solid #ececec;
}
#contents .data-wrap table tbody tr td.conDetail {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height:130px;
  vertical-align: top;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  border:0;
}
@media (max-width: 1000px) {
  #contents .data-wrap table tbody tr td.conDetail {height:55px;}
}
@media (max-width: 700px) {
  #contents .data-wrap table tbody tr td.conDetail {height:0;padding:0 5px 0 5px;}
}
#contents .data-wrap table tbody tr td.thumbnail img.videoTable{
  width:100%;min-width:100px;max-width:325px;
}
#contents .data-wrap table tbody tr td.condate { padding:0 20px 0 0;font-size:0.90rem; }
#contents .data-wrap table tbody tr td.conDetail:hover,
#contents .data-wrap table tbody tr td.condate:hover{font-weight:400;}
#contents .data-wrap table tbody tr td.condate,
#contents .data-wrap table tbody tr td.thumbnail,
#contents .data-wrap table tbody tr td.videoTable-No,
#contents .data-wrap table.itemdata tr td.videoTable-No {border-bottom: 1px solid #cfd3de;border-left:0;border-right:0;border-top:0;}


#contents .data-wrap table tbody tr:hover > td.first {background-color: #418def;color:#fff;}
#contents .data-wrap table tbody tr td.first,
#contents .data-wrap table tbody tr th.first{font-weight:700;background-color: #f0f1f9;}
#contents .data-wrap table tbody tr td.text-L {text-align: left;}
#contents .data-wrap table tbody tr td.text-R {text-align: right;}
#contents .data-wrap table tbody tr td:hover{
  color: #1a1a1a;
  font-weight: 700;
  /*box-shadow: inset 0 0 8px -2px #111;*/
  transition: .3s ease;
}
#contents .data-wrap table tbody tr td.noneHover:hover{
  font-weight: 400;
  /*box-shadow: inset 0 0 8px -2px #111;*/
  transition: .3s ease;
}

#contents .data-wrap .nav-wrap {width:300px;margin:20px auto;}
#contents .data-wrap .nav-wrap span {padding:1.5%;display: inline-block;cursor: pointer;}
#contents .data-wrap .nav-wrap span:hover,
#contents .data-wrap .nav-wrap span:focus,
#contents .data-wrap .nav-wrap span:active {color:#418dfe;font-weight: 700;}
#contents .data-wrap table a:hover {color:#418def;font-weight:700;}

/*  ----- // TABLE -----  */

/* ----- popover ----- */

.custom-popover {
  --bs-popover-max-width: 200px;
  --bs-popover-border-color: var(--bd-violet-bg);
  --bs-popover-header-bg: var(--bd-violet-bg);
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}

#contents .dropdown-menu{border:0;}
#contents .popover_box {
  width:100%;
  min-width:200px;
  position: absolute;
  padding: 10px;
  left: -20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #003586;
  color: #fff;
  font-size: 0.80rem;
  z-index: 99999;
  box-shadow: 0 4px 8px #555 ;
}

#contents .popover_box:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #003586;
  border-width: 10px;
  pointer-events: none;
  content: ' ';
}


/* ----- // popover ----- */


/* ----- tree ------ */

.tree,
.tree02 {margin:0 auto;}
/*Now the CSS*/
.tree ul,
.tree02 ul {
  padding-top: 30px; position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
  font-size:1.05rem;
	padding: 30px 10px 0 10px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.tree02 li {
  float: left; text-align: center;
	list-style-type: none;
	position: relative;
  font-size:1.05rem;
	padding: 30px 5px 0 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after,
.tree02 li::before, .tree02 li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px dashed #aaa;
	width: 50%; height: 30px;
}
.tree li.Noline::before,.tree li.Noline::after,
.tree02 li.Noline::before,.tree02 li.Noline::after {
  content: '';
	position: absolute; top: 10px; right: 50%;
	border-top: 0;
	width: 50%; height: 30px;
}
.tree li::after,
.tree02 li::after{
	right: auto; left: 50%;
	border-left: 1px dashed #aaa;
}
.tree li.dotline::before,.tree li.dotline::after,
.tree02 li.dotline::before,.tree02 li.dotline::after {
  content: '';
	position: absolute; top: 10px; right: 50%;
	border-top: 1px dashed #aaa;
	width: 50%; height: 20px;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before,
.tree02 li:only-child::after, .tree02 li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child,
.tree02 li:only-child{ padding-top: 0;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after,
.tree02 li:first-child::before, .tree02 li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before,
.tree02 li:last-child::before {
	border-right: 1px dashed #aaa;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after,
.tree02 li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before,
.tree02 ul ul::before {
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px dashed #aaa;
	width: 0; height: 30px;
}

.tree li a,
.tree li button,
.tree02 li a,
.tree02 li button{
  width:100%;
  padding:4px;
	text-decoration: none;
  font-weight: 700;
  background-color: #d8d8d8;
	color: #666;
	display: inline-block;
	border-radius: 200px;
  border:0;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
  box-shadow: inset 0 2px 4px #777;
}
.tree li a,
.tree li button{ min-width:180px;max-width:200px; }
.tree02 li a,
.tree02 li button {
  min-width:160px;max-width:200px;
}
/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover,
.tree li a:hover+ul li a .Figu-CboxStyle,
.tree li a:hover+ul li button .Figu-CboxStyle,
.tree li button:hover+ul li button .Figu-CboxStyle,
.tree02 li a:hover,
.tree02 li a:hover+ul li a .Figu-CboxStyle,
.tree02 li a:hover+ul li button .Figu-CboxStyle,
.tree02 li button:hover+ul li button .Figu-CboxStyle {
	background-color: #fff; color: #000;
}
/*Connector styles on hover*/
.tree02 li a:hover+ul li::after, 
.tree02 li a:hover+ul li::before, 
.tree02 li a:hover+ul::before, 
.tree02 li a:hover+ul ul::before,
.tree02 li a:hover+ul.ETC-line01 {
	border-color:  #003586;
}
.tree li a:hover, 
.tree li button:hover,
.tree02 li a:hover, 
.tree02 li button:hover,
.tree li a:focus, 
.tree li button:focus,
.tree02 li a:focus, 
.tree02 li button:focus { background-color: #418def;color:#418def;}

.tree li a:hover > .Figu-CboxStyle,
.tree li button:hover > .Figu-CboxStyle,
.tree02 li a:hover > .Figu-CboxStyle,
.tree02 li button:hover > .Figu-CboxStyle,
.tree li a:focus > .Figu-CboxStyle,
.tree li button:focus > .Figu-CboxStyle,
.tree02 li a:focus > .Figu-CboxStyle,
.tree02 li button:focus > .Figu-CboxStyle {
  box-shadow: 1px 4px 4px #444;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1e1e8+0,ffffff+48,ffffff+100 */
  background: rgb(225,225,232); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(225,225,232,1) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(225,225,232,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(225,225,232,1) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  -webkit-animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.tree li a:active > .Figu-CboxStyle,
.tree li button:active > .Figu-CboxStyle,
.tree02 li a:active > .Figu-CboxStyle,
.tree02 li button:active > .Figu-CboxStyle {
  box-shadow: inset 0px 0px 6px #111;
  background: #003586;
  color:#fff;
}

.tree li a.General-Assembly:hover h2,
.tree li a:hover > h3,
.tree li button:hover > h3,
.tree02 li a.head-title:hover h2,
.tree02 li a:hover > h3,
.tree02 li button:hover > h3,
.tree li a.General-Assembly:focus h2,
.tree li a:focus > h3,
.tree li button:focus > h3,
.tree02 li a.head-title:focus h2,
.tree02 li a:focus > h3,
.tree02 li button:focus > h3 {
  color:#418def;
}
.tree li a.General-Assembly:active h2,
.tree li a:active > h3,
.tree li button:active > h3,
.tree02 li a.ead-title:active h2,
.tree02 li a:active > h3,
.tree02 li button:active > h3 {
  color:#fff;
}

.tree .ETC-line01,
.tree02 .ETC-line01 {
  position: absolute;
  width:1px;
  height:120px;
  top:152px;
  left:610px;
  border-left: 1px dashed #aaa;
}
.tree .ETC-line01-col,
.tree02 .ETC-line01-col {
  position: absolute;
  width:1px;top:148px;
  right:109px;height:178px;
  border-left: 1px dashed #aaa;
}
.tree .ETC-line02,
.tree02 .ETC-line02 {
  position: absolute;
  top:330px;
  left:420px;
  width:120px;
  height:1px;border-top:1px dashed #aaa;
}
.tree span.department,
.tree02 span.department {font-size: 0.96rem;}
.Figu-BOD-wrap {
  position: absolute;top:255px;left:230px;
}
.Figu-Auditor-wrap {
  position: absolute;top:0px;right:0px;
}
.Figu-Branch-wrap {
  position: absolute;width:100%;top:170px;left:200px;
}
/*.tree .ceo:hover .ETC-line01,
.tree .Auditor:hover .ETC-line01-col {
  border-left: 1px dashed #003586;
}*/




/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
footer {
  margin: 100px auto;
	position:relative;
	z-index:2;
	width:100%;
	color:#bac1cc;
	background-color:#162146;
  border-top: 1px solid #2d5498;
}
footer .wrap {width:1500px;margin:0px auto;padding-bottom:50px;background-color:#162146;}

.greay_Logo {
  width:211px;
  height:67px;
  background-image:url(../img/footer_L_logo.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  background-size:100% auto;   
}
.Wa_Logo {
  width:82px;
  height:58px;
  background-image:url(../img/footer_Right_Wa_logo.png);
  background-repeat:no-repeat;
  background-position: 0 0;
  background-size:100% auto;   
}
.sub-OrganizationChart-logo {
  margin: 0 auto;
  width:100px;
  height:100px;
  background-image:url(../img/logo_textcIC.png);
  background-repeat:no-repeat;
  background-position: center center;
  background-size:100% auto;  
}

footer .wrap button {
  width:156px;height:44px;
  background-color: #162146;
  font-size:1.050rem;color:#bac1cc;
  font-family:'Malgun Gothic';
  border-left: 2px solid #d0d3da;
  border-top: 2px solid #d0d3da;
  border-right: 2px solid #979797;
  border-bottom: 2px solid #979797;
  box-shadow: 2px 2px 0 #000;
  line-height: 0.rem; 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
footer .wrap button:active  {
  margin-top:1px;
  margin-left:1px;
  width:155px;
  border-left: 2px solid #979797;
  border-top: 2px solid #979797;
  border-right: 2px solid #d0d3da;
  border-bottom: 2px solid #d0d3da;
  background-color: #001b4b;
}
 
footer .wrap button:hover  {
  color: #fff;
  background-color: #418def;
  text-shadow: 2px 2px 2px -8px #000;
  -webkit-animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          box-shadow: 8px 8px 10px #000;
}
footer .wrap button:hover > .blogIC {
  background-image:url(../img/footer_labelimg01on.png);
}
footer .wrap button:disabled{
  opacity: 0.5;
} 
footer .wrap .blogIC {
  margin-top:-23px;
  padding-top:10px;
  display: inline-block;
  width: 22px;
  height:100%;
  background-image:url(../img/footer_labelimg01off.png);
  background-repeat:no-repeat;
	background-position: 0 22px;
	background-size:100% auto;   
}

.shadow-drop-2-br {
	-webkit-animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes shadow-drop-2-br {
  0% {
    -webkit-transform: translateZ(0) translateX(0) translateY(0);
            transform: translateZ(0) translateX(0) translateY(0);
  
  }
  100% {
    -webkit-transform: translateZ(50px) translateX(-4px) translateY(-4px);
            transform: translateZ(50px) translateX(-4px) translateY(-4px);
 
  }
}
@keyframes shadow-drop-2-br {
  0% {
    -webkit-transform: translateZ(0) translateX(0) translateY(0);
            transform: translateZ(0) translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateZ(50px) translateX(-4px) translateY(-4px);
            transform: translateZ(50px) translateX(-4px) translateY(-4px);
  }
}

.scale-up-ver-bottom {
	-webkit-animation: scale-up-ver-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-ver-bottom 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}
@keyframes scale-up-ver-bottom {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
  }
}

footer .wrap .border-bottomStyle { border-bottom: 2px solid #080e1a; }
footer .wrap .border-TopStyle { border-top: 1px solid #1b325a; }
footer span{ color:#bac1cc;}
footer span:hover {
  color:#418dfe;font-weight:700;
}

/*-----------------------------------------------------------------------------------*/
/*	POPUP
/*-----------------------------------------------------------------------------------*/
#popup-body {background-color: #f5f6ff;margin:0 auto;padding:0;}
#POPUP-wrap {
  width:100%;min-width:300px;max-width: 960px; margin:0 auto; padding:20px;position: relative;line-height: 1.49rem;
}
#POPUP-wrap .popupConBoxBG-Style .searchIcBG,
.modal .popupConBoxBG-Style .searchIcBG {
  position: relative;
  width:40px;
  height:40px;
  border-radius: 70%;
  border:1px solid #fff;
  box-shadow: 0 2px 5px -1px #777;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b3ebfc+0,418dfe+40,418dfe+100 */
background: rgb(179,235,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(179,235,252,1) 0%, rgba(65,141,254,1) 40%, rgba(65,141,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(179,235,252,1) 0%,rgba(65,141,254,1) 40%,rgba(65,141,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(179,235,252,1) 0%,rgba(65,141,254,1) 40%,rgba(65,141,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ebfc', endColorstr='#418dfe',GradientType=0 ); /* IE6-9 */

}

#POPUP-wrap .popupConBoxBG-Style .searchIC, 
.modal .popupConBoxBG-Style .searchIC {
  display: block;
  width:40px;
  height:40px;
  background-image:url(../img/sub_DocumentsIcon_on.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}
#POPUP-wrap .popupConBoxBG-Style .printIC, 
.modal .popupConBoxBG-Style .printIC {
  display: block;
  width:40px;
  height:40px;
  background-image:url(../img/sub_print_icon_W.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
}

#POPUP-wrap,
.modal h2 { font-size:1.05rem; }
#POPUP-wrap .popupConBoxBG-Style,
.modal .popupConBoxBG-Style {
  border: 1px solid #ddd;
  word-break: break-word;
  border-radius: 15px;
  box-shadow: 0 4px 8px -4px #999;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e7f5+70 */
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,231,245,1) 70%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,231,245,1) 70%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,231,245,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e7f5',GradientType=0 ); /* IE6-9 */
}
#POPUP-wrap .Popuptable-wrap,
.modal .Popuptable-wrap {
  width:100%;
  height: auto;
  padding: 10px 20px;
  margin:0 auto;
}
#POPUP-wrap .Popuptable-wrap .Iframe-wrap,
.modal .Popuptable-wrap .Iframe-wrap {
  width:100%;height:70vh;overflow:auto;
  border: 1px solid #ddd;
  border-radius: 10px;background-color: #fff;
  box-shadow: inset 0 0 6px -1px #999;
}
#POPUP-wrap .Popuptable-wrap .table-TR,
.modal .Popuptable-wrap .table-TR { width:100%;display: table;height:100%;}
#POPUP-wrap .Popuptable-wrap .table-TR .table-TH,
.modal .Popuptable-wrap .table-TR .table-TH {
  width:30%;
  display: table-cell;
  background-color: #ececec;
  padding:5px;
  color:#444;
  font-weight: 700;
  font-size:1.00rem;
  padding: 15px;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-left:1px solid #ccc;
}
#POPUP-wrap .Popuptable-wrap .table-TR .TH-firstRa,
.modal .Popuptable-wrap .table-TR .TH-firstRa {border-radius: 10px 0 0 0;}
#POPUP-wrap .Popuptable-wrap .table-TR .TD-firstRa, 
.modal .Popuptable-wrap .table-TR .TD-firstRa {border-radius: 0 10px 0 0;}
#POPUP-wrap .Popuptable-wrap .table-TR .TH-lastRa,
.modal .Popuptable-wrap .table-TR .TH-lastRa {border-radius: 0 0 0 10px;}
#POPUP-wrap .Popuptable-wrap .table-TR .TD-lastRa,
.modal .Popuptable-wrap .table-TR .TD-lastRa {border-radius: 0 0 10px 0;}
#POPUP-wrap .Popuptable-wrap .table-TR .table-TD,
.modal .Popuptable-wrap .table-TR .table-TD {
  width:70%;
  padding:5px;
  display: table-cell;
  background-color: #fff;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: 0.96rem;
  border-right:1px solid #ccc;
}
.table-head-border01 {
  border-top: 1px solid #ccc
}
.PopupBoardTable-wrap {
  width:100%;position:relative;color:#f5f6ff;font-size:2px;line-height: 0.9;
}
.PopupBoardTable-topBG {
  width:100%;height:34px;
  background-color: #f0f1f9;
  border-bottom: 1px solid #d3d3d4;
  border-top: 1px solid #d3d3d4;
  border-right: 1px solid #d3d3d4;
  border-radius: 0 10px;
}
.Popuptabmenu {width:100%;}
.Popuptabmenu ul{list-style:none;}
.PopuptabCon.Popupout-tabCon{
 height:100%;
}
.PopuptabCon.Popupout-tabCon .Datatable-wrap {
  position: relative;margin: 0 auto;
  width:100%;
  padding:10px;
  background-color: #fff;
  box-shadow: 0 4px 7px #d3d3d4,
              inset 1px 0 0 #d3d3d4,
              inset -1px -1px 0 #d3d3d4;
  border-radius:0px 0px 10px 10px;
}

.PopuptabCon.Popupout-tabCon .Datatable-wrap .Datatable {width:100%;margin:0;}
.PopuptabCon.Popupout-tabCon .Datatable-wrap .Datatable .Datatableitem {width:50%;max-width:700px;min-width: 240px;}
.PopuptabCon.Popupout-tabCon .Datatable-wrap .Datatable .tableitem-wrap {width:100%;display: table;}
.PopuptabCon.Popupout-tabCon .Datatable-wrap .Datatable .tableitem-wrap .tableitem-TH {
  display: table-cell;
  width:42%;
  padding:5px;
  background-color: #f5f6ff;
  line-height: 1.0rem;
  vertical-align: middle;
  font-weight:700;
}

.PopuptabCon.Popupout-tabCon .Datatable-wrap .Datatable .Datatableitem .tableitem-wrap .tableitem-TD {
  display: table-cell;width:auto;padding:7px;vertical-align: middle;
}
.Popuptabmenu{ 
  width:100%;  
  position: absolute;top:0;
}
.Popuptabmenu ul{
  position: relative;
  width:100%;
}
.Popuptabmenu ul li{
  display: inline;
  width:30%;
  min-width:130px;
  float: left;
  height:40px;
  text-align:center; 
  font-size:0.96rem;color:#555;font-weight:700;
  line-height: 40px;
  border-radius: 10px 10px 0 0;
  background-color: #f5f6ff;
  border-bottom:1px solid #dddff3;
}
.Popuptabmenu label{
  display:block;
  width:100%;
  border-top:1px solid #dddff3;
  border-left:1px solid #dddff3;
  border-right:1px solid #dddff3;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
}
.Popuptabmenu .tabRadio,
.Popuptabmenu .tabRadio02 {display:none;}
.PopuptabCon{
  display:none; 
  width: 100%;
  text-align:left; 
  padding: 0;
  position:absolute; 
  left:0; top:39px; 
  box-sizing: border-box;
  background-color: #fff;  
}

.Popuptabmenu input.tabRadio:checked ~ label,
.Popuptabmenu input.tabRadio02:checked ~ label{
  background:#fff;
  height:40px;
  border-radius: 10px 10px 0 0;
  color:#478ef7;
  box-shadow: 0 4px 7px #d9d9d9;
}
.Popuptabmenu input.tabRadio:checked ~ .PopuptabCon,
.Popuptabmenu input.tabRadio02:checked ~ .PopuptabCon {
  display:block;
  font-size:0.96rem;
  font-weight: 400;
}

select::-ms-expand { 
	display: none;
}
.select,
select {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select {text-align-last: left;}
select {
  background:url('../img/Icon_selectDownArrow.png') no-repeat right 5px center;
}
select:focus {background:url('../img/Icon_selectDownArrowON.png') no-repeat right 5px center;}

.selectBox {
  position: relative;
  width:180px;height:44px;
  background-color: #162146;
  font-size:1.050rem;color:#bac1cc;
  font-family:'Malgun Gothic';
  border-left: 2px solid #d0d3da;
  border-top: 2px solid #d0d3da;
  border-right: 2px solid #979797;
  border-bottom: 2px solid #979797;
  box-shadow: 2px 2px 0 #000;
  line-height: 0rem;
}

.selectBox:hover {
  background-color: #418def;
  -webkit-animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: shadow-drop-2-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          box-shadow: 8px 8px 10px #000;
}
.selectBox:hover > .select {color: #fff;text-shadow: 2px 2px 2px -8px #000;}

.selectBox .select {
  width: inherit;
  height: inherit;
  background: transparent;
  font-size:1.050rem;
  color: #bac1cc;
  font-family:'Malgun Gothic';
  margin-top:-2px;
  line-height: 1rem; 
  border: 0 none;
  outline: 0 none;
  padding: 0 10px;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.selectBox .select  option {
  background: #478ef7;
  color: #fff;
  height:100%;
  padding: 20px;
  font-size:0.80rem;
  line-height: 1rem;
}

.selectBox .icoArrow {
  position: absolute; 
  top: -2px; 
  right: 0; 
  z-index: 1; 
  width: 35px; 
  height: inherit;
  border-left: 2px solid #979797;
  display: flex;
  justify-content: center;
  align-items: center;
}

.selectBox .icoArrow img {
  width: 50%;
  transition: .3s;
}

.selectBox .select:focus + .icoArrow img {
  transform: rotate(180deg);
}


#POPUP-wrap select,
#LayerPopup select,
.modal-body select,
#contents select{
  width:100%;
  height:46px;
  padding:10px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #f0f1f9;
  box-shadow: inset 0 0 4px #aaa;
  color:#444;
  font-family:'Malgun Gothic';
  font-size:0.96rem;
  line-height: 1.4rem;
}
#POPUP-wrap input[type=text],
#LayerPopup input[type=text],
.modal-body input[type=text],
#contents input[type=text],
#POPUP-wrap input[type=password],
#LayerPopup input[type=password],
.modal-body input[type=password],
#contents input[type=password],
#POPUP-wrap input[type=date],
#LayerPopup input[type=date],
.modal-body input[type=date],
#contents input[type=date],
#POPUP-wrap input[type=search],
#LayerPopup input[type=search],
.modal-body input[type=search],
#contents input[type=search],
#POPUP-wrap input[type=number],
#LayerPopup input[type=number],
.modal-body input[type=number],
#contents input[type=number] {
  width:100%;
  height:46px;
  padding:10px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #f0f1f9;
  box-shadow: inset 0 0 4px #aaa;
  color:#444;
  font-family:'Malgun Gothic';
  font-size:0.96rem;
}
#contents textarea {
  width:100%;
  padding:10px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #f0f1f9;
  box-shadow: inset 0 0 4px #aaa;
  color:#444;
  font-family:'Malgun Gothic';
  font-size:0.96rem;
}

/*#POPUP-wrap input[type=date]::before,
#LayerPopup input[type=date]::before,
.modal-body input[type=date]::before,
#contents input[type=date]::before {
  content: attr(data-placeholder);
  width: 100%;
  font-size: 90%;color:#aaa;font-weight: 400;
}
.modal-body input[type=date]:focus::before,
.modal-body input[type=date]:valid::before {
  display: none;
}*/

#contents input.dataShowbox {
  width:auto;
  padding:0;
  border:none;
  border-radius: 0;
  color:#418def;
  font-weight:700;background-color: transparent;
  box-shadow: inset 0 0 0;
}
#contents input.dataShowbox:hover,
#contents input.dataShowbox:focus,
#contents input.dataShowbox:active {
 border:none;
}

.Figu-indataBoxStyle {
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #f0f1f9;
  box-shadow: inset 0 0 4px #aaa;
  color:#444;
  font-family:'Malgun Gothic';
  font-size:0.96rem;
}



.filebox label {
	width:30%;
  display: inline-block;
	padding: .8em 0em;
	color: #888;
	font-size: 14px;
  font-family:'Malgun Gothic';
  margin-top: -6px;
	line-height: normal;
  text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 70em;
  border:1px solid #ddd;
  box-shadow: 0 2px 5px -2px #555;
  background: linear-gradient(180deg, #ffffff, #dddde6);
}

.filebox input {
  width:60%;
  min-width:100px;
  height:46px;
  padding:10px;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #f0f1f9;
  box-shadow: inset 0 0 4px #aaa;
  color:#444;
  font-family:'Malgun Gothic';
  font-size:0.96rem;
}

.filebox label:hover,.filebox label:focus {
  background: linear-gradient(180deg, #4697ff, #3b7fd7);
  border:1px solid #888;
  color: #fff;
  box-shadow: 0 5px 5px #888;
  -webkit-animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-fwd-top01 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.filebox label:active {
  box-shadow: inset 0 0 4px #444,
              0 5px 5px #888;
  background: #003586;
  border: 1px solid #003586;
  color: #f9d900;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



/* 토글 스타일링 */

.toggle *:before,.toggle *:after {
  content: '';
  position: absolute;
}


input#check01,
input#check02,
input#check03,
input#check04,
input#check05,
input#check06 {
  height: 0px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 0px;
}

.toggle {
  position: relative;
  display: inline;
}

label.toggle-item {
  width: 2.5em;
  background-color: #2e394d;
  height: 1.30em;
  display: inline-block;
  border-radius: 50px;
  position: relative;
  transition: all .3s ease;
  transform-origin: 20% center;
  cursor: pointer;
}
label.toggle-item:before {
  display: block;
  transition: all .2s ease;
  width: 2.5em;
  height: 1em;
  top: 0.10em;
  left: 0.10em;
  border-radius: 2em;
  border: 2px solid #88cf8f;
  transition: .3s ease;
}

.normal label {
  background-color: #777;
  border: 0.5px solid rgba(117, 117, 117, 0.31);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.15);
}
.normal > label:before {
  border: none;
  width: 1em;
  height: 1em;
  box-shadow: inset 0.5px -1px 1px rgba(0, 0, 0, 0.35);
  background-color: #fff;
  transform: rotate(-25deg);
}
.normal label:after {
  background-color: transparent;
  height: calc(100% + 8px);
  border-radius: 30px;
  top: -5px;
  width: calc(100% + 8px);
  left: -4px;
  z-index: 0;
  box-shadow: inset 0px 2px 4px -2px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(151, 151, 151, 0.2);
}

#check01:checked + label,
#check02:checked + label,
#check03:checked + label,
#check04:checked + label,
#check05:checked + label,
#check06:checked + label {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#418def+0,49d4ff+100 */
background: rgb(65,141,239); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(65,141,239,1) 0%, rgba(73,212,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(65,141,239,1) 0%,rgba(73,212,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(65,141,239,1) 0%,rgba(73,212,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418def', endColorstr='#49d4ff',GradientType=1 ); /* IE6-9 */

}
#check01:checked + label:before,
#check02:checked + label:before,
#check03:checked + label:before,
#check04:checked + label:before,
#check05:checked + label:before,
#check06:checked + label:before {
  left: 1.30em;
}

/* // 토글 스타일링 */

div.Password{
  margin: 0 auto;
  position: relative;
}
div.Password i.PWiconOff{
  position: absolute;
  right:10px;
  display: block;
  width:20px;
  height:20px;
  background-image:url(../img/show-passwordOff.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
  cursor: pointer;
}
div.Password i.PWiconOn{
  position: absolute;
  right:10px;
  display: block;
  width:20px;
  height:20px;
  background-image:url(../img/show-passwordOn.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
  cursor: pointer;
}

#POPUP-wrap .CSnoneBox,
#LayerPopup .CSnoneBox {
  width:100%;
  height:46px;
  padding:0 4%;
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: #f5f6ff;
  box-shadow: inset 0 0 4px #ccc;
  color:#444;
  font-family:'Malgun Gothic';
  font-size:0.96rem;
}
/*#POPUP-wrap .FormMoneyBox,
#LayerPopup .FormMoneyBox {
  border: 2px solid #418dfe;
}*/
#POPUP-wrap input.moneynumber,
#LayerPopup input.moneynumber {
  border: 0px;
  border-radius:0;
  background-color: transparent;
  color:#444;
  box-shadow: inset 0 0 0 #ccc;
  font-family:'Malgun Gothic';
  font-size:0.96rem;
}
#POPUP-wrap input.moneynumber,
#LayerPopup input.moneynumber {outline:0;}

input::-webkit-input-placeholder,textarea::-webkit-textarea-placeholder
{ font-size: 90%;color:#aaa;font-weight: 400; }
input::-moz-placeholder,textarea::-moz-placeholder
{ font-size: 90%;color:#aaa;font-weight: 400; }
input:-ms-input-placeholder,textarea:-ms-textarea-placeholder
{ font-size: 90%;color:#aaa;font-weight: 400; }
input:-moz-placeholder,textarea:-moz-placeholder
{ font-size: 90%;color:#aaa;font-weight: 400; }
input::placeholder,textarea::placeholder { font-size: 90%;color:#aaa;font-weight: 400; }
input:focus,select:focus,textarea:focus {outline: 2px solid #418dfe;}
input::file-selector-button {
  display: none;
}
/*-----------------------------------------------------------------------------------*/
/*	layer POPUP
/*-----------------------------------------------------------------------------------*/


.pop-layer .pop-container { padding: 20px; }
.pop-layer p.ctxt {color: #444; line-height: 25px; }

.pop-layer .btn-r {
  width: 100%;
  position: absolute;
  top:15px;
  right:10px;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  max-width: 800px;
  height: auto;
  max-height: 900px;
  background-color: #fff;
  border: 1px solid #777;
  border-radius: 10px;
  z-index: 9999;
}
.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.dim-layer .pop-layer { display: block; }

a.btn-layerClose, .btn-layerClose { display:inline;border:0;background-color: transparent;line-height: 1.00rem;padding-right:10px;}
a.btn-layerClose:after, .btn-layerClose:after {display: inline-block;content: "\00d7"; font-size:2.00rem;}
a.btn-layerClose:hover, .btn-layerClose:hover { color: #418dfe; }
.modal-header .btn-layerClose { line-height: 0}
#LayerPopup .Document-wrap{
  width:100%;
  box-shadow: 0 4px 8px -4px #999;
  border-radius: 10px;
}
#LayerPopup .Document-SDatatable,
.Document-SDatatable {
  width:100%;display: table;
}
#LayerPopup .Document-SDatatable .Datatable-TH,
.Document-SDatatable .Datatable-TH {
  width:25%;display: table-cell;
  padding:10px;background-color: #f5f5f5;
  vertical-align: middle;font-weight: 700;
  border-left:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.Document-SDatatable .Datatable-TH02 {
  width:auto;display: table-cell;
  padding:10px;background-color: #f5f5f5;
  vertical-align: middle;font-weight: 700;
  border-top:2px solid #ddd;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  border-radius: 0 10px 0 0;
}
#LayerPopup .Document-SDatatable .Datatable-TH.first-child,
.Document-SDatatable .Datatable-TH.first-child {
  border-radius: 10px 0 0 0;border-top:2px solid #ddd;
}
#LayerPopup .Document-SDatatable .Datatable-TH.last-child,
.Document-SDatatable .Datatable-TH.last-child {
  border-radius: 0 0 0 10px;
}
#LayerPopup .Document-SDatatable .Datatable-TD,
.Document-SDatatable .Datatable-TD {
  width:auto;display: table-cell;padding:1%;vertical-align: middle;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.Document-SDatatable .Datatable-TD .Half-layout { width:47%; }
.Document-SDatatable .Datatable-TD .middle-layout {width:6%;}
#LayerPopup .Document-SDatatable .Datatable-TD.first-child,
.Document-SDatatable .Datatable-TD.first-child {
  border-radius: 0 10px 0 0;border-top:2px solid #ddd;
}
#LayerPopup .Document-SDatatable .Datatable-TD.last-child,
.Document-SDatatable .Datatable-TD.last-child {
  border-radius: 0 0 10px 0;
}
#LayerPopup table,
.FiguDocument-wrap table {width:100%;border-collapse: collapse;}
#LayerPopup table tbody tr th,
.FiguDocument-wraptable tbody tr th{
  padding:2%;
  background-color: #f5f6ff;
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-radius: 10px 0 0 0;
}

#LayerPopup table tbody tr td,
.FiguDocument-wraptable table tbody tr td{padding:2%; border:1px solid #ccc;}
/*-----------------------------------------------------------------------------------*/
/* Bootstrap Modal POPUP
/*-----------------------------------------------------------------------------------*/

.figu-DocumentSearch-modal-wrap01 {
  width:100%;max-width:900px;min-width: 280px;
}
.figu-DocumentSearch-modal-wrap02 {
  width:100%;max-width:600px;min-width: 280px;padding:2%;margin:0 auto;
}
.modal-body .figu-PopupDataBoxLayoyt {
  width:100%;
}
.modal .Popuptable-wrap .Data-wrap {width:100%;height:100%;max-height:300px;overflow: auto;box-shadow: inset 2px 2px 6px #000;border:1px solid #ccc;border-radius: 10px;}
.modal .Popuptable-wrap .nav-wrap {width:100%;position: relative;margin:10px auto;padding:0 1.5%;}
.modal .Popuptable-wrap .nav-wrap span {padding:1.5%;}
.modal .Popuptable-wrap .nav-wrap span:hover,
.modal .Popuptable-wrap .nav-wrap span:focus,
.modal .Popuptable-wrap .nav-wrap span:active {color:#418dfe;}
.modal .Popuptable-wrap .Data-wrap table,
.modal .Popuptable-wrap table {
  width:100%;
  min-width: 445px;
  height:100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.modal .Popuptable-wrap .Data-wrap table thead,
.modal .Popuptable-wrap table thead {position: relative;}
.modal .Popuptable-wrap .Data-wrap table thead tr,
.modal .Popuptable-wrap table thead tr {position:relative;}
.modal .Popuptable-wrap .Data-wrap table thead tr th,
.modal .Popuptable-wrap table thead tr th {
  color:#fff;font-size: 0.90rem;
  text-align: center;
  padding:10px 0;
  border-left:1px solid #276eda;
  border-right:1px solid #276eda;
  border-bottom:2px solid #276eda;
  box-shadow: inset 0px 2px 0 #276eda;
  background-color: #418dfe;     
}
.modal .Popuptable-wrap .Data-wrap table tbody tr {background-color: #f5f6ff;}
.modal .Popuptable-wrap .Data-wrap table tbody tr:hover {box-shadow: inset 4px 4px 0 #418dfe,inset -4px -4px 0 #418dfe;}
.modal .Popuptable-wrap .Data-wrap table thead tr th:first-child {
  border-radius: 10px 0 0 0;border-left:0;
  box-shadow: inset 1px 2px 0 #276eda;
}
.modal .Popuptable-wrap .Data-wrap table thead tr th:last-child {
  border-radius: 0 10px 0 0;
  box-shadow: inset -1px 2px 0 #276eda;
  border-top:0;
  border-right:0px solid #276eda;
}
.modal .Popuptable-wrap .Data-wrap table tbody tr td,
.modal .Popuptable-wrap table tbody tr td {
  font-size: 0.80rem;
  padding:10px 2px;
  border: 1px solid #ccc;
  text-align: center;
}
.modal .Popuptable-wrap .Data-wrap table tbody tr td:hover {background-color: transparent;}
.modal .Popuptable-wrap .Data-wrap table tbody tr td.first-child { border-radius: 0 0 0 10px;}
.modal .Popuptable-wrap .Data-wrap table tbody tr td.last-child { border-radius: 0 0 10px 0;}

.modal-footer .offDatatable-wrap { width:100%;display: none;}
.modal-footer .onDatatable-wrap {width:100%;display: block;}
.modal .modal-footer .popupConBoxBG-Style input[type=radio] { display: none; }
.modal .modal-footer .popupConBoxBG-Style input[type=radio]+label{
  display: inline-block;
  cursor: pointer;
  height: 24px;
  width: 80px;
  border: 1px solid #ccc;
  border-radius: 20px;
  line-height: 24px;
  text-align: center;
  font-weight:bold;
  font-size:13px;
}
.modal .modal-footer .popupConBoxBG-Style input[type=radio]+label{
  background-color: #f5f6ff;
  color: #444;
  box-shadow: 0 2px 3px -2px #001b4b;
}
.modal .modal-footer .popupConBoxBG-Style input[type=radio]+label:hover{
  background-color: #fff;
  color: #418dfe;
  box-shadow: 0 2px 6px -3px #001b4b;
}
.modal .modal-footer .popupConBoxBG-Style input[type=radio]:checked+label{
  background-color: #418dfe;
  color: #fff;
  box-shadow: inset 0 2px 6px -1px #092a64;
}

.modal .modal-footer .popupConBoxBG-Style button {
  height: 24px;
  width: 100%;
  padding:0 20px;
  border: 1px solid #ccc;
  border-radius: 20px;
  line-height: 22px;
  text-align: center;
  font-size:12px;
  background-color: #f5f6ff;
  color: #444;
  box-shadow: 0 2px 3px -2px #001b4b;
}
.modal .modal-footer .popupConBoxBG-Style button:hover {background-color: #fff;color: #418dfe;box-shadow: 0 2px 6px -3px #001b4b;}
.modal .modal-footer .popupConBoxBG-Style button:active { 
  background-color: #418dfe;
  color: #fff;
  box-shadow: inset 0 2px 6px -1px #092a64;
  line-height: 24px;
}

/*-----------------------------------------------------------------------------------*/
/* FIGU Multi Modal POPUP
/*-----------------------------------------------------------------------------------*/
.FIGU-Modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1040; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.FIGU-Modal-content01 {
  position: absolute;
  background-color: #fefefe;
  border: 1px solid #888;
  border-radius: 10px;
  width: 100%;
  max-width:600px;
  min-width:320px;
  left:50%;
  top:20%;
  margin-left:-300px;
  box-shadow: 0 4px 8px -3px #000;
}

.FIGU-Modal-Close {
display:inline;
border:0;
background-color: transparent;
line-height: 1.00rem;
padding-right:10px;
content: "\00d7";
}
.FIGU-Modal-Close:after {
display: inline-block;content: "\00d7"; font-size:2.00rem;
}
.FIGU-Modal-Close:hover,
.FIGU-Modal-Close:focus {
  color: #418dfe;
  text-decoration: none;
  cursor: pointer;
}

/*//////////////////////////////////////
//            게스트룸 스와이퍼           //
//////////////////////////////////////*/

.room-swiper {
  width: 100%;
  height: 800px;
}


.GR-wrap,
.HL_map-wrap {
  *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}

.GR-wrap {
  background-color: transparent;
}

.Gust_Room,
.HL_map {
  position: relative;
  width: calc(100rem, 90%);
  min-width:1500px;
  margin: 0 auto;
  min-height: 80vh;
  column-gap: 3rem;
  padding:0px 10%;
}
.sub-con-info {
  position: relative;
  width: calc(min(105rem, 90%));
  margin: 0 auto;
  column-gap: 3rem;
  padding-block: min(20vh, 3rem);
}

.sub-con-info h1 {
  text-transform: capitalize;
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 1.800rem;
}

.sub-conBG01 {
  display: inline-block;
  width: 100%;
  padding: 40px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  box-shadow: 0px 4px 16px -10px rgba(0,0,0,0.29),
              0px -4px 16px -10px #ffffff;
}

.Gswiper > div span,
.HL_map > div span {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 1.25em;
  font-weight: 600;
  color: #717171;
}

.Gust_Room > div h1,
.HL_map > div h1 {
  text-transform: capitalize;
  letter-spacing: 0.8px;
  font-weight: 900;
  font-size: clamp(3.4375rem, 3.25rem + 0.75vw, 4rem);
  background-color: #005baa;
  background-image: linear-gradient(45deg, #005baa, #000000);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}

.Gust_Room > div hr,
.HL_map > div hr {
  display: block;
  background: #005baa;
  height: 0.25rem;
  width: 6.25rem;
  border: none;
  margin: 1.125rem 0 1.875rem 0;
}

.Gust_Room > div p,
.HL_map > div p {
  line-height: 1.6;
}

.Gswiper a,
.HL_map a,
.boardbtn-wrap a {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #717171;
  font-weight: 500;
  background: #fff;
  border-radius: 3.125rem;
  transition: 0.3s ease-in-out;
}

.Gswiper > div > a,
.HL_map > div > a,
.boardbtn-wrap > a {
  border: 2px solid #c2c2c2;
  margin-top: 2.188rem;
  padding: 0.625rem 1.875rem;
}

.Gswiper > div > a:hover,
.HL_map > div > a:hover,
.boardbtn-wrap > a:hover {
  border: 0.125rem solid #418def;
  color: #418def;
}

.Gswiper {
  width: 100%;
  padding-top: 3.125rem;  
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  z-index: 1;
}

.Gswiper > .swiper-wrapper .swiper-pagination-bullet,
.Gswiper > .swiper-wrapper .swiper-pagination-bullet-active {
  background: #fff;
}

.Gswiper > .swiper-wrapper .swiper-pagination {
  bottom: 1.25rem !important;
}

.Gswiper > .swiper-wrapper .swiper-slide {
  /*width: 18.75rem;*/
  width: 38.125rem;
  height: 38.125rem;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;
}


.Gswiper > .swiper-wrapper .swiper-slide h2 {
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  line-height:0;
  margin-bottom: 0.625rem;
  padding: 1.563rem 0;
  text-transform: uppercase;
  background-color: rgba(0,176,255,0.50);
}

.Gswiper > .swiper-wrapper .swiper-slide p {
  color: #f0f0f0;
  font-weight: 300;
  padding: 0 1.563rem;
  line-height: 1.6;
  font-size: 0.80rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.Gswiper > .swiper-wrapper .swiper-slide a {
  margin: 1.25rem 1.563rem 3.438rem 1.563rem;
  padding: 0.438em 1.875rem;
  font-size: 0.9rem;
  
}

.Gswiper > .swiper-wrapper .swiper-slide a:hover {
  color: #005baa;
}

.Gswiper > .swiper-wrapper .swiper-slide div {
  display: none;
  opacity: 0;
  padding-bottom: 0.325rem;
}

.Gswiper > .swiper-wrapper .swiper-slide-active div {
  display: block;
  opacity: 1;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: rgba( 0, 0, 0, 0.03 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4.5px );
  -webkit-backdrop-filter: blur( 4.5px );
}

.Gswiper > .swiper-wrapper .swiper-slide--one {
  background: linear-gradient(to top, #00587c, #203a4300, #2c536400), url("../img/resort/room/img_room_SD_01.jpg") no-repeat 50% 50%/cover;
}
.Gswiper > .swiper-wrapper .swiper-slide--two {
  background: linear-gradient(to top, #00587c, #203a4300, #2c536400), url("../img/resort/room/img_room_DT_01.jpg") no-repeat 50% 50%/cover;
}
.Gswiper > .swiper-wrapper .swiper-slide--three {
  background: linear-gradient(to top, #00587c, #203a4300, #2c536400), url("../img/resort/room/img_room_DTwR_01.jpg") no-repeat 50% 50%/cover;
}
.Gswiper > .swiper-wrapper .swiper-slide--four {
  background: linear-gradient(to top, #00587c, #203a4300, #2c536400), url("../img/resort/room/img_room_DTh_01.jpg") no-repeat 50% 50%/cover;
}
.Gswiper > .swiper-wrapper .swiper-slide--five {
  background: linear-gradient(to top, #00587c, #203a4300, #2c536400), url("../img/resort/room/img_room_DThR_01.jpg") no-repeat 50% 50%/cover;
}
.Gswiper > .swiper-wrapper .swiper-slide--six {
  background: linear-gradient(to top, #00587c, #203a4300, #2c536400), url("../img/resort/room/img_room_FDTw_01.jpg") no-repeat 50% 50%/cover;
}
.Gswiper > .swiper-wrapper .swiper-slide--seven {
  background: linear-gradient(to top, #00587c, #203a4300, #2c536400), url("../img/resort/room/img_room_FS_01.jpg") no-repeat 50% 50%/cover;
}

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
  background-image: none;
}

@media screen and (min-width: 48rem) {
  .Gust_Room,
  .HL_map {
    display: flex;
    align-items: center;
  }

  
}
@media screen and (min-width: 93.75rem) {
  .Gswiper {
    width: 85%;
  }
}

.HR-address-wrap {
  margin: 20px auto;position: relative;width:100%;height:600px;background-color: #ffffff;padding:40px;
  box-shadow: 0px 4px 16px -10px rgba(0,0,0,0.29),
              0px -4px 16px -10px #ffffff;
}
.HR-address-box {
  width:100%;background-color: rgba(255,255,255,0.4);color:#333333;position: absolute;bottom: 0;left:0;padding:8px 0;
}

#HR-topBG {
  margin: 0px auto;
  position: relative;
  padding: 40px 0px 0px 0px;
  width:100%;
  box-shadow: inset 0 0 10px -8px #000;
  overflow: hidden;
  border-bottom: 1px solid #bdbdbd;
}
.HR_subTop {
  width:100%;
  height:75vh;
  
}
.HR_subTopboard {
  width:100%;
  height:30vh;
  
}

.hallim_map {
  width:100%;height:520px;
}
/*/////////////////////////////////////////////
//      2026.07.14 includeTopMenu button     //
/////////////////////////////////////////////*/

.figu_btn-style00,
.figu_btn-style01,
.figu_btn-style02 {
  border: 0;
  outline: 0;
  padding: 14px 16px;
  background: linear-gradient(0deg,rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);
  text-shadow: 1px 1px 0 #fff;
  color:#444444;
  font-weight: 700;
  box-shadow: -5px -5px 14px #ffffff,  5px 5px 14px -1px #BABECC;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-weight: 600;
  font-size:0.84rem;
  line-height: 0;
  display:inline-flex;
  justify-content: center;
  align-items:center;
  border: 1px solid #e0e0e0;
  border-radius:50px;
  margin-top: -2px;
  
  &:hover {
    box-shadow: -1px -1px 5px #ffffff, 1px 1px 5px -1px #BABECC;
    background: #418def;
    color : #ffffff;
    text-shadow: 1px 1px 0 #000;
    border: 1px solid #206ac9;

  }
  
  &:active {
    box-shadow: inset 1px 1px 2px #000000, inset -1px -1px 2px #000000;
    background: #003686;
    color : #ffffff;
    text-shadow: 1px 1px 0 #000;
    border: 1px solid #206ac9;
  }
}