@import url('base.css');


/* --------------------------------------------
 * layout
/* ------------------------------------------ */
.mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7; z-index:3;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}
html {overflow-x: visible !important;}
body {overflow-x: visible !important;}
#wrap{ position:relative; width:100%; min-width: 1650px; margin:0 auto; overflow-x: auto;}

header{ position: fixed; top:0; left: 0; width:100%; z-index:5; height: 90px; background-color: #fff; }
header.fixed{ border-bottom: 1px solid #ddd;}
header .inner{ position: relative; width: 1440px; margin: 0 auto; }
header h1.logo{ position: absolute; width: 305px; top: 16px;}
header h1.logo a{ display: block; text-indent: -9999px; width: 305px; height: 49px; background: url(../images/logo.png) 50% 50% no-repeat;}
header nav{ position: relative; padding: 0 0 0 380px; z-index: 3;}
header nav > ul > li{ position: relative; float: left; width: 160px; word-break: keep-all;}
header nav > ul > li > a{ display: block; padding: 0 20px; color: #111; font-size: 18px; width: 100%; font-weight: 600; line-height: 90px; height: 90px;}
header nav > ul > li:hover > a{ color: #2d53a7;}
header nav > ul > li:hover::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #2d53a7; display: block;}
header nav > ul > li > ul{ display: none; position: absolute; top: 90px; left: 0; width: 100%; border-left:#eee 1px solid; height: 340px; padding-top: 10px;}
header nav > ul > li:hover > ul{ background-color: #f7f9fd;}
header nav > ul > li > ul > li > a{ position: relative; display: block; padding: 10px 0 10px 20px; color: #666; font-size: 14px; letter-spacing: -.05em; }
header nav > ul > li > ul > li > a::before{ content: ''; position: absolute; top: 50%; left: 40px; margin-top: -4px; border-left: #2d53a7 4px solid; border-top: transparent 4px solid;  border-bottom: transparent 4px solid; opacity: 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
header nav > ul > li > ul > li > a:hover{ color: #2d53a7; padding-left: 35px;}
header nav > ul > li > ul > li > a:hover::before{ left: 20px; opacity: 1; }
header .utill{ position: absolute; top: 30px; right: 0;}
header .utill a{ display: inline-block; color: #666; font-size: 14px;}
header .utill a + a{ margin-left: 14px; padding-left: 14px; position: relative;}
header .utill a + a::before{ content: ''; display: block; width: 1px; height: 10px; position: absolute; top: 50%; left: 0; background-color: #eee; margin-top: -5px;}
header .utill a.sitemap span{ display: inline-block; width: 10px; margin-left: 8px; display: inline-block; vertical-align: 1px;}
header .utill a.sitemap span i{ display: block; width: 100%; height: 2px; background-color: #bbb;}
header .utill a.sitemap span i + i{ margin-top: 2px;}
header .subBg{ position: absolute; top: 90px; left: 0; width: 100%; height:340px; display: none; z-index: 2; background-color: #fff; box-shadow: 0 10px 10px rgba(0,0,0,.1); border-top: 1px solid #ddd;}


#wrap.index header{ background-color: transparent; border-bottom: rgba(255,255,255,.3) 1px solid;}
#wrap.index header h1.logo a{ background: url(../images/logo_off.png) 50% 50% no-repeat;}
#wrap.index header nav > ul > li > a{ color: #fff;}
#wrap.index header .utill a{ color: #fff;}
#wrap.index header .utill a.sitemap span i{ background-color: #fff;}
#wrap.index header.on{ background-color: #fff; border-bottom: none;}
#wrap.index header.on h1.logo a{ background: url(../images/logo.png) 50% 50% no-repeat;}
#wrap.index header.on nav > ul > li > a{ color: #111;}
#wrap.index header.on .utill a{ color: #666;}
#wrap.index header.on .utill a.sitemap span i{ background-color: #bbb;}

.subVisual{ position: relative; background-position: 50% 50%; background-repeat: no-repeat; margin-top: 90px;}
.subVisual.s00{ background-image: url(../images/sv00.jpg);}
.subVisual.s01{ background-image: url(../images/sv01.jpg);}
.subVisual.s02{ background-image: url(../images/sv02.jpg);}
.subVisual.s03{ background-image: url(../images/sv03.jpg);}
.subVisual.s04{ background-image: url(../images/sv04.jpg);}
.subVisual.s05{ background-image: url(../images/sv05.jpg);}
.subVisual.s06{ background-image: url(../images/sv06.jpg);}
.subVisual .inner{ width: 1440px; margin: 0 auto; padding-top: 50px; height: 168px;}
.subVisual .tit{ color: #fff; font-weight: 600; font-size: 36px;}
.subVisual .sub{ font-size: 14px; font-weight: 200; color: #fff; margin-top: 10px;}

#container{ position: relative; width: 1440px; margin: 0 auto; display: table; table-layout: fixed;}
#container #lm{ display: table-cell; border-left: #ddd 1px solid; border-right: #ddd 1px solid; width: 240px; vertical-align: top; padding: 50px 25px;}
#container #lm h2.h2-tit{ font-size: 26px; font-weight: 600; color: #111; padding-bottom: 15px; border-bottom: #2d53a7 1px solid;  line-height: 1;}
#container #contents{ display: table-cell; vertical-align: top; padding: 50px 0 180px 70px;}

#snb > li{ border-bottom: #eee 1px solid;}
#snb > li > a{ position: relative; font-size: 16px; color: #444; font-size: 16px; padding: 20px 0; display: block; }
#snb > li.has > a::after{ content: ''; width: 20px; height: 20px; background: #eee url(../images/ic_snbPlus.png) 50% 50% no-repeat; border-radius: 10px; position: absolute; display: block; top: 50%; right: 0; margin-top: -10px;}
#snb > li.has.active > a::after{ background: #eee url(../images/ic_snbMinus.png) 50% 50% no-repeat; }
#snb > li > a:hover{ background-color: #f8f8f8; color: #2d53a7;}
#snb > li > ul{ padding-bottom: 20px; display: none;}
#snb > li > ul > li > a{ position: relative; display: block; padding: 8px 0 8px 14px; font-size: 14px; color: #666;}
#snb > li > ul > li > a::before{ content: ''; display: block; width: 6px; height: 2px; background-color: #bbb; position: absolute; top: 50%; left: 0; margin-top: -1px;}
#snb > li.active > a{ color: #2d53a7; font-weight: 600;}
#snb > li.active > ul{ display: block;}
#snb > li > ul > li > a:hover,
#snb > li > ul > li.active > a{ color: #2d53a7;}
#snb > li > ul > li > a:hover::before,
#snb > li > ul > li.active > a::before{ background-color: transparent; border-left: #2d53a7 4px solid; border-top: transparent 4px solid; border-bottom: transparent 4px solid; margin-top: -3px;}

#contents .titArea{ position: relative; margin-bottom: 40px;}
#contents .titArea .title{ font-size: 40px; color: #111; line-height: 1;}
#contents .titArea .location{ position: absolute; bottom: 0; right: 0; font-size: 12px;}
#contents .titArea .location span{ position: relative; display: inline-block; color: #999; padding-left: 15px; margin-left: 12px;}
#contents .titArea .location strong{ position: relative; display: inline-block; color: #333; padding-left: 15px; margin-left: 12px;}
#contents .titArea .location span::before,
#contents .titArea .location strong::before{ content: ''; display: block; position: absolute; top: 50%; left: 0; border-top: #999 1px solid; border-left: #999 1px solid; transform: rotate(135deg); width: 5px; height: 5px; margin-top: -2px;}
#contents .titArea .location .h{ width: 12px; height: 16px; padding: 0; margin: 0; text-indent: -9999px; background: url(../images/ic_home.png) 0 50% no-repeat;}
#contents .titArea .location .h::before{ display: none;}

footer{ background-color: #333; padding: 40px 0;}
footer .inner{ position: relative; width: 1440px; margin: 0 auto; padding: 0 0 0 360px;}
footer .inner::before{ content: ''; position: absolute; top:0; left: 0; width: 316px; height: 51px; display: block; background: url(../images/footer_logo.png);}
footer .link li{ position: relative; display: inline-block;}
footer .link li + li{ margin-left: 20px; padding-left: 20px;}
footer .link li a{ display: block; font-size: 14px; color: #fff;}
footer .link li + li::before{ content: ''; background-color: #505050; position: absolute; top:50%; left: 0; margin-top: -5px; display: block; width: 1px; height: 10px;}
footer address{ color: #999; font-size: 13px; margin-top: 15px;}
footer .copy{ margin-top: 15px; color: #989898; font-size: 14px;}
footer .facebook{ position: absolute; top: 0; right: 0; width: 44px; height: 44px; text-indent: -9999px; background: url(../images/ic_facebook.png);}
footer .fLink{ position: absolute; top: 0; right: 58px; width: 168px;}
footer .fLink .bt{ position: relative; display: block; border: #888 1px solid; line-height: 44px; height: 44px; color: #999; font-size: 14px; padding: 0 18px;}
footer .fLink .bt::after{ content: ''; position: absolute; top:50%; right: 15px; margin-top: -2px; transform: rotate(45deg); display: block; width: 8px; height: 8px; border-left:#999 2px solid; border-top:#999 2px solid;}
footer .fLink > ul{ border: #888 1px solid; position: absolute; bottom: 43px; left: 0; width: 100%; background-color: #333; padding: 10px 0; display: none;}
footer .fLink > ul a{ padding: 6px 10px; display: block; color: #999; font-size: 14px;}
footer .fLink > ul a:hover{ color: #fff; text-decoration: underline;}

#floatBx{ position: fixed; left: 50%; width: 52px; margin-left: 760px; bottom: 180px;}
#floatBx.fixed{ position: absolute; bottom: 410px;}
#floatBx .top{ display: block; height: 53px; border: #bbb 1px solid; border-radius: 5px; margin-top: 12px; padding-top: 13px; text-align: center; color: #666; font-size: 12px; font-weight: 600; background-color: #fff;}
#floatBx .top::before{ content: ''; display: block; width: 11px; height: 7px; background: url(../images/ic_top.png); margin: 0 auto 8px; }
#floatBx .brn{ position: relative;}
#floatBx .brn .bt{ display: block; height: 57px; background: url(../images/ic_brn.png); text-indent: -9999px;}
#floatBx .brn .bt.on{ background: url(../images/ic_brnx.png);}
#floatBx .brn ul{ position: absolute; bottom: 63px; left: 50%; margin-left: -23px; width: 46px; display: none;}
#floatBx .brn ul li{ position: relative;}
#floatBx .brn ul li a{ display: block; width: 46px; height: 46px; border-radius: 50%; background-color: #b5bac5; }
#floatBx .brn ul li a::after{ content: ''; position: absolute; top:50%; left: 50%; margin: -10px 0 0 -10px; display: block; width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat;}
#floatBx .brn ul li.itm01 a::after{ background-image: url(../images/ic_brn01.png);}
#floatBx .brn ul li.itm02 a::after{ background-image: url(../images/ic_brn02.png);}
#floatBx .brn ul li.itm03 a::after{ background-image: url(../images/ic_brn03.png);}
#floatBx .brn ul li.itm04 a::after{ background-image: url(../images/ic_brn04.png);}
#floatBx .brn ul li a span{ display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 46px; width: 0; background-color: #2d53a7; color: #fff; line-height: 46px; font-size: 14px; padding-left: 60px; border-radius: 23px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
#floatBx .brn ul li a:hover span{ opacity: 1; width: 150px;}
#floatBx .brn ul li + li{ margin-top: 6px;}


/* --------------------------------------------
 * main
/* ------------------------------------------ */
#menu{ position: fixed; top:0; right: 0; z-index: 2;}
#menu::before{ content: ''; position: fixed; top: 0; right: 60px; width: 1px; background-color: rgba(255,255,255,.3); display: block; height: 100vh;}
#menu ul{ position: fixed; top: 0; right: 20px; transform: rotate(90deg); width: 100vh; margin: 50vh -50vh 0 0; text-align: center; padding-top: 23px;}
#menu ul > li{ position: relative; display: inline-block;}
#menu ul > li span{ display: inline-block; height: 28px; line-height: 26px; color: #fff; padding:0 15px; border: rgba(255,255,255,0) 1px solid; border-radius: 14px;}
#menu ul > li.active span{ border: #fff 1px solid; background-color: rgba(0,0,0,.2);}
#menu ul > li.active::after{ content: ''; display: block; width: 7px; height: 7px; background-color: #fff; border-radius: 50%; position: absolute; bottom: -18px; left: 50%; margin-left: -3px;}

.scrollBx{ position: absolute; bottom: 15px; left: 50%; margin-left: -55px; width: 110px; height: 60px; text-align: center; z-index: 9; color: #fff; font-size: 15px; opacity: .5;
    animation: verical-slow 1.2s linear 0s infinite normal none;
	-webkit-animation: verical-slow 1.2s linear 0s infinite normal none;
	-moz-animation: verical-slow 1.2s linear 0s infinite normal none;
	-o-animation: verical-slow 1.2s linear 0s infinite normal none;
	-ms-animation: verical-slow 1.2s linear 0s infinite normal none;
}
.scrollBx::before{ content: ''; display: block; width: 20px; height: 29px; margin: 0 auto 5px; background: url(../images/mouse.png) no-repeat;}
@-webkit-keyframes verical-slow {
  0%{-webkit-transform: translate3d(0, 0, 0);}
  40%{-webkit-transform: translate3d(0, 16px, 0);}
  100%{-webkit-transform: translate3d(0, 0, 0);}
}
@-moz-keyframes verical-slow {
  0%{-moz-transform: translate3d(0, 0, 0);}
  40%{-moz-transform: translate3d(0, 16px, 0);}
  100%{-moz-transform: translate3d(0, 0, 0);}
}
@-ms-keyframes verical-slow {
  0%{-ms-transform: translate3d(0, 0, 0);}
  40%{-ms-transform: translate3d(0, 16px, 0);}
  100%{-ms-transform: translate3d(0, 0, 0);}
}
@-o-keyframes verical-slow {
  0%{-o-transform: translate3d(0, 0, 0);}
  40%{-o-transform: translate3d(0, 16px, 0);}
  100%{-o-transform: translate3d(0, 0, 0);}
}
@keyframes verical-slow {
  0%{transform: translate3d(0, 0, 0);}
  40%{transform: translate3d(0, 16px, 0);}
  100%{transform: translate3d(0, 0, 0);}
}

.video-wrap video{
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}

.opacity{ opacity: 0;}

.section{ position: relative;}
.section .column  h2 { font-size:45px; font-weight:bold; color: #fff; text-align: center;}
.section .column  h3 { font-size:20px; font-weight: 400; color: #fff; text-align: center;}

.section00 .copy{ position: relative; z-index: 4; color: #fff; text-align: center; font-size: 22px;}
.section00 .copy strong{ display: block; font-size: 50px; margin-bottom: 15px;}
.section00 .copy span{ display: block;}

.index-slide .swiper-slide{ width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;}
.index-slide .pagBx{ position: absolute; top: 140px; left: 50%; width: 1440px; margin:0 0 0 -720px; z-index: 9; text-align: right;}
.index-slide .pagBx .stop{ width: 14px; height: 14px; position: relative; display: none;}
.index-slide .pagBx .stop::after{ content:''; width: 4px; height: 10px; display: block; position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -2px; border-left: #fff 1px solid; border-right: #fff 1px solid;}
.index-slide .pagBx .play{ width: 14px; height: 14px; position: relative; display: none;}
.index-slide .pagBx .play::after{ content:''; width: 8px; height: 8px; display: block; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; border-left: #fff 2px solid; border-top: #fff 2px solid; transform: rotate(135deg);}
.index-slide .pagBx .stop.on,
.index-slide .pagBx .play.on{ display: inline-block;}
.index-slide .pag{ display: inline-block;}
.index-slide .pag .swiper-pagination-bullet{ position: relative; width: 14px; height: 14px; background-color: transparent; opacity: 1; margin: 0 5px;}
.index-slide .pag .swiper-pagination-bullet::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; width: 8px; height: 8px; border: #fff 1px solid; border-radius: 50%; display: block;}
.index-slide .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #fff;}

.section01 .conBx{ position: absolute; top: 260px; left: 50%; width: 1440px; margin-left: -720px; z-index: 2;}
.section01 .conBx .copy{ text-align: center; color: #fff; margin-bottom: 170px;}
.section01 .conBx .copy span{ display: block; font-size: 45px; font-weight: 600;}
.section01 .conBx .copy strong{ display: block; font-size: 40px; font-weight: 400; margin-top: 10px;}
.section01 .cont::after{ content:''; display: block; clear: both;}
.section01 .cont li{ width: 345px; height: 277px; float: left; border-radius: 15px;}
.section01 .cont li + li{ margin-left: 20px;}
.section01 .cont li.item01{ display:flex; flex-wrap: wrap; justify-content: center; background-color: rgba(45,83,167,1); padding-top: 18px; text-align:center;}
/*.section01 .cont li.item01{ background-color: rgba(45,83,167,1); padding-top: 25px; text-align:center;} *220805수정*/
.section01 .cont li.item01 > div{padding:5px; text-align: center; color: #fff; font-size: 14px; margin-bottom: 0px; letter-spacing: -.05em;}
/*.section01 .cont li.item01 > div{ float: left; width: 50%;  text-align: center; color: #fff; font-size: 16px; margin-bottom: 12px; letter-spacing: -.05em;} *220805수정*/
.section01 .cont li.item01 > div::before{ content:''; display: block; width: 75px; height: 75px; border-radius: 50%; background-color: #fff; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 auto 2px;  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.section01 .cont li.item01 > div:hover::before{ transform:scale(1.1);}
.section01 .cont li.item01 > div.item0101::before{ background-image: url(../images/section_01_li_01_01.png);}
.section01 .cont li.item01 > div.item0102::before{ background-image: url(../images/section_01_li_01_02.png);}
.section01 .cont li.item01 > div.item0103::before{ background-image: url(../images/section_01_li_01_03.png);}
.section01 .cont li.item01 > div.item0104::before{ background-image: url(../images/section_01_li_01_04.png);}
.section01 .cont li.item01 > div.item0105::before{ background-image: url(../images/section_01_li_01_05.png);}
.section01 .cont li.item02,
.section01 .cont li.item03,
.section01 .cont li.item04{ background-color: rgba(255,255,255,1); padding-top: 16px; text-align: center;}
.section01 .cont li.item02 strong,
.section01 .cont li.item03 strong,
.section01 .cont li.item04 strong{ display: block; font-size: 32px; color: #111;}
.section01 .cont li.item02 span,
.section01 .cont li.item03 span,
.section01 .cont li.item04 span{ display: block; font-size: 14px; color: #888; margin-top: 5px;}
.section01 .cont li.item02 span::after{ content: ''; display: block; margin: 10px auto 15px; width: 100px; height: 86px; background: url(../images/section_01_li_02.png) 50% 50% no-repeat;}
.section01 .cont li.item03 span::after{ content: ''; display: block; margin: 10px auto 15px; width: 100px; height: 86px; background: url(../images/section_01_li_03.png) 50% 50% no-repeat;}
.section01 .cont li.item04 span::after{ content: ''; display: block; margin: 10px auto 15px; width: 100px; height: 86px; background: url(../images/section_01_li_04.png) 50% 50% no-repeat;}
.section01 .cont li .btGo{ position: relative; height: 40px; width: 200px; background-color: #7b8595; display: block; border-radius: 20px; margin: 0 auto; padding-left: 25px; text-align: left; color: #fff; line-height: 40px; font-size: 16px;}
.section01 .cont li .btGo:hover{ background-color: #2d53a7;}
.section01 .cont li .btGo::after{ content: ''; position: absolute; top: 50%; right: 10px; margin-top: -20px; display: inline-block; width: 40px; height: 40px; background: url(../images/ic_aw.png) 50% 50% no-repeat; vertical-align: middle;}

.section02{ background: url(../images/background_02.png) bottom no-repeat; background-size:cover;}
.section02 .column{ width: 1440px; margin: 0 auto;}
.section02 .column .container{ margin-top:56px;}
.section02 .column .container .board{ width: 710px; float: left;}

.section02 .column > DIV > .board #boardb{ height:260px; display:flex; position:relative; }
.section02 .column > DIV > .board #boardb > DIV > h3{ width:178px; height:52px; border-radius:15px 15px 0 0; background:#2d666f; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.section02 .column > DIV > .board #boardb > DIV > DIV{ padding-left:32px; padding-right:32px; position:absolute; display:none; left:0; margin-top:-1px; width:100%; height:208px; background:#FFFFFF; color:#666666;  border-radius:0 15px 15px 15px; justify-content:center; flex-direction:column; }
.section02 .column > DIV > .board #boardb > DIV > DIV > .item{ cursor:pointer; display:flex; justify-content:center; align-items:center; height:48px; }
.section02 .column > DIV > .board #boardb > DIV > DIV > .item:not(:last-child){ border-bottom: 1px solid #DDDDDD; }
.section02 .column > DIV > .board #boardb > DIV > DIV > .item > sPaN:nth-child(1){ flex:1; }
.section02 .column > DIV > .board #boardb > DIV > DIV > .item > sPaN:nth-child(2){ width:80px; }

.section02 .column > DIV > .board #boardb > DIV:nth-child(2){ margin-left:2px; }
.section02 .column > DIV > .board #boardb > DIV:nth-child(3){ margin-left:2px; }
.section02 .column > DIV > .board #boardb > DIV:last-child{ flex:1; display:flex; justify-content:flex-end; }
.section02 .column > DIV > .board #boardb > DIV:last-child > a{ height:52px; display:flex; justify-content:center; align-items:center; }
.section02 .column > DIV > .board #boardb > DIV.show > h3{ width:178px; height:52px; border-radius:15px 15px 0 0; background:#FFFFFF; color:#2d666f; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.section02 .column > DIV > .board #boardb > DIV.show > DIV{ display:flex; }

.section02 .column .container .banner{ float: right; width: 710px;}
.section02 .column > DIV > .banner > DIV { display:flex; justify-content:space-between; }
.section02 .column > DIV > .banner > DIV > .item_01 { width:344px; height:257px; background:#FFFFFF; border-radius:15px; color:#222222; display:flex; justify-content:left; align-items:left; flex-direction:column; padding: 40px 30px 0;}
.section02 .column > DIV > .banner > DIV > .item_01 > p:nth-child(1){ font-size:30px; font-weight:500; position: relative; display:flex; justify-content:left; align-items:flex-end;}
.section02 .column > DIV > .banner > DIV > .item_01 > p:nth-child(1)::after{ content: ''; display: block; position: absolute; top: 0; right: 0; width: 45px; height: 43px; background: url(../images/banner_bg_01.png) no-repeat;}
.section02 .column > DIV > .banner > DIV > .item_01 .btz{ margin-top: 30px; display: flex;}
.section02 .column > DIV > .banner > DIV > .item_01 .btz a{ flex: 1; height: 70px; border-radius: 5px; padding-top: 15px; background-color: #14a2b7; color: #fff; text-align: center;}
.section02 .column > DIV > .banner > DIV > .item_01 .btz a + a{ margin-left: 10px; background-color: #2a8e9d;}
.section02 .column > DIV > .banner > DIV > .item_01 .btz a::after{ content: ''; width: 18px; height: 6px; display: block; margin: 10px auto 0; background:url(../images/ic_aw.png) no-repeat; }
.section02 .column > DIV > .banner > DIV > .item_01 > a{ margin-top:30px; font-size:16px;  font-weight:500; width:196px; height:39px; background:#2a8e9d url(../images/arrowhalf.png) no-repeat; background-position:150px center; border-radius:20px; color:#FFFFFF; display:flex; align-items:center; padding-left:20px; }
.section02 .column > DIV > .banner > DIV > .item_01 > a:hover{ background-color: #015d6b;}
.section02 .column > DIV > .banner > DIV > .item_02 { width:344px; height:257px; overflow: hidden;}
.section02 .column > DIV > .banner > DIV > .item_02 .swiper-slide{ border-radius: 15px; overflow: hidden;}
.section02 .column > DIV > .banner > DIV > .item_02 .pag{ position: absolute; top: 10px; left: 0; bottom: auto; width: 100%; height: 4px; padding: 0 20px; text-align: right; z-index: 2;}
.section02 .column > DIV > .banner > DIV > .item_02 .pag .swiper-pagination-bullet{ width: 18px; height: 4px; margin: 0 2px; border-radius: 0; background-color: rgba(255,255,255,.5); opacity: 1;}
.section02 .column > DIV > .banner > DIV > .item_02 .pag .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #3b9aa5; opacity: 1;}

.section02 .column > DIV > .banner > DIV:nth-child(2) { margin-top:20px; }
.section02 .column > DIV > .banner > DIV > A { font-size:18px; font-weight:500; text-align:center; padding-top:175px; }
.section02 .column > DIV > .banner > DIV > .item_03 { width:162px; height:257px; background:#3eb5ae url(../images/item_03.png) no-repeat; background-position: center 70px; border-radius:15px; color: #fff; }
.section02 .column > DIV > .banner > DIV > .item_04 { width:162px; height:257px; background:#dcf1f5 url(../images/item_04.png) no-repeat; background-position: center 70px; border-radius:15px; color:#333333; }
.section02 .column > DIV > .banner > DIV > .item_05 { width:162px; height:257px; background:#3eb5ae url(../images/item_05.png) no-repeat; background-position: center 70px; border-radius:15px; color: #fff;}
.section02 .column > DIV > .banner > DIV > .item_06 { width:162px; height:257px; background:#dcf1f5 url(../images/item_06.png) no-repeat; background-position: center 70px; border-radius:15px; color:#333333; }
.section02 .column > DIV > .banner > DIV > .item_03:hover,
.section02 .column > DIV > .banner > DIV > .item_05:hover{ background-color:#1a918a;}
.section02 .column > DIV > .banner > DIV > .item_04:hover,
.section02 .column > DIV > .banner > DIV > .item_06:hover{ background-color:#a0ced7;}

.section02 .brdGrp .tab ul::after{ content: ''; display: block; clear: both;}
.section02 .brdGrp .tab li{ float: left; width: 180px;}
.section02 .brdGrp .tab li + li{ margin-left: 2px;}
.section02 .brdGrp .tab li a{ display: block; color: #fff; text-align: center; font-size: 18px; height: 50px; line-height: 50px; border-radius: 15px 15px 0 0; background-color: #2d666f;}
.section02 .brdGrp .tab li.active a{ background-color: #fff; color: #2d666f;}
.section02 .brdGrp .tc{ position: relative; background-color: #fff; padding: 10px 30px; border-radius: 0 15px 15px 15px;}
.section02 .brdGrp .tc li{ position: relative; padding: 13px 90px 12px 0;}
.section02 .brdGrp .tc li + li{ border-top: #ddd 1px solid;}
.section02 .brdGrp .tc li a{ display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.section02 .brdGrp .tc li a:hover{ text-decoration: underline;}
.section02 .brdGrp .tc li span{ position: absolute; display: inline-block; top: 50%; right: 0; margin-top: -10px;}
.section02 .brdGrp .btMore{ position: absolute; color: #fff; display: inline-block; top: -36px; right: 0;}
.section02 .brdGrp2{ margin-top: 20px;}
.section02 .brdGrp2 .tab ul::after{ content: ''; display: block; clear: both;}
.section02 .brdGrp2 .tab li{ float: left; width: 180px;}
.section02 .brdGrp2 .tab li + li{ margin-left: 2px;}
.section02 .brdGrp2 .tab li a{ display: block; color: #fff; text-align: center; font-size: 18px; height: 50px; line-height: 50px; border-radius: 15px 15px 0 0; background-color: #2d666f;}
.section02 .brdGrp2 .tab li.active a{ background-color: #fff; color: #2d666f;}
.section02 .brdGrp2 .tc{ position: relative; background-color: #fff; padding: 10px 30px; border-radius: 0 15px 15px 15px;}
.section02 .brdGrp2 .tc li{ position: relative; padding: 13px 90px 12px 0;}
.section02 .brdGrp2 .tc li + li{ border-top: #ddd 1px solid;}
.section02 .brdGrp2 .tc li a{ display: block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.section02 .brdGrp2 .tc li a:hover{ text-decoration: underline;}
.section02 .brdGrp2 .tc li span{ position: absolute; display: inline-block; top: 50%; right: 0; margin-top: -10px;}
.section02 .brdGrp2 .btMore{ position: absolute; color: #fff; display: inline-block; top: -36px; right: 0;}

.section03{ background: url(../images/background_03.png) bottom no-repeat; background-size:cover;}
.section03 .conBx{ width: 1440px; margin: 80px auto 0;}
.section03 .conBx::after{ content: ''; display: block; clear: both;}
.section03 .conBx .item{ position: relative; width: 345px; text-align: center; float: left; margin-left: 20px;}
.section03 .conBx .item:first-child{ margin-left: 0;}
.section03 .conBx .item .bx{ display: block; height: 450px; background-color: #fff; border-radius: 14px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.section03 .conBx .item .title{ height: 75px; line-height: 75px; text-align: center; color: #5f5440; font-size: 22px;}
.section03 .conBx .item .more{ position: absolute; top: 24px; right: 20px; width: 30px; height: 30px; border-radius: 50%; display: block; background-color: #bbb; }
.section03 .conBx .item .more em{ position: absolute; top: -9999px; left: -9999px; font-size: 12px; color: #d2c9a6;}
.section03 .conBx .item .more i{ display: inline-block; position: relative; width: 10px; height: 30px;  vertical-align: middle;}
.section03 .conBx .item .more i::before{ content:''; width: 9px; height: 1px; position: absolute; top: 50%; left: 50%; margin-left: -4px; background-color: #fff; display: block; transform: rotate(90deg);}
.section03 .conBx .item .more i::after{ content:''; width: 9px; height: 1px; position: absolute; top: 50%; left: 50%; margin-left: -4px; background-color: #fff; display: block;}
.section03 .conBx .item .hd{ display: block; padding: 30px 10px 0; color: #191919; font-size: 20px; letter-spacing: -.05em;}
.section03 .conBx .item .date{ display: block; font-size: 16px; color: #999; margin-top: 20px;}
.section03 .conBx .item .bd{ color: #eee; font-size: 16px; border-top: #7f7666 1px solid; padding-top: 15px; margin: 0 30px; display: none; letter-spacing: -.05em;}
.section03 .conBx .item .thumb{ height: 225px; display: block;}
.section03 .conBx .item .thumb,
.section03 .conBx .item .hd,
.section03 .conBx .item .more,
.section03 .conBx .item .bd{ -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.section03 .conBx .item .bx:hover{ background-color: #5f5440;}
.section03 .conBx .item .bx:hover .title{ color: #fff;}
.section03 .conBx .item .bx:hover .more{ background-color: #70654f; color: #d2c9a6; }
.section03 .conBx .item .bx:hover .thumb{ opacity: 0; height: 0;}
.section03 .conBx .item .bx:hover .hd{ position: relative; color: #eae0b7; font-size: 32px; padding: 0 30px; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.section03 .conBx .item .bx:hover .bd{ display: block; overflow: hidden; margin-top: 20px; line-height: 1.5; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.section03 .conBx .item .bx:hover .date{ color: #eae0b7;}
.section03 .conBx .item .bx:hover .more{ top: auto; bottom: 30px; left: 50%; margin-left: -40px; width: 80px; border-radius: 15px;}
.section03 .conBx .item .bx:hover .more em{ position: relative; top: auto; left: auto; line-height: 30px; vertical-align: middle; margin-right: 10px;}
.section03 .conBx .item .bx:hover .more i::before,
.section03 .conBx .item .bx:hover .more i::after{ background-color: #d2c9a6;}

.section04{ background: url(../images/background_04.png) bottom no-repeat; background-size:cover;}
.section04 .conBx{ width: 1440px; margin: 50px auto 0;}
.section04 .conBx::after{ content:''; display: block; clear: both;}
.section04 .item01{ width: 710px; height: 325px; border-radius: 14px; background-color: #fff; float: left; padding: 20px 30px 0;}
.section04 .item01 h4{ text-align: center; border-bottom: #ddd 1px solid; font-size: 30px; color: #533f62; height: 60px; line-height: 60px;}
.section04 .item01 ul{ padding-top: 4px;}
.section04 .item01 ul::after{ content:''; display: block; clear: both;}
.section04 .item01 ul li{ float: left; width: 50%; font-size: 18px; color: #666; line-height: 36px; margin-top: 15px;}
.section04 .item01 ul li::before{ content: ''; display: inline-block; margin-right: 15px; vertical-align: middle; width: 36px; height: 36px; border-radius: 50%; background-color: #6e597e; background-repeat: no-repeat; background-position: 50% 50%;}
.section04 .item01 ul li:nth-child(1)::before{ background-image: url(../images/section04_1_01.png);}
.section04 .item01 ul li:nth-child(2)::before{ background-image: url(../images/section04_1_02.png);}
.section04 .item01 ul li:nth-child(3)::before{ background-image: url(../images/section04_1_03.png);}
.section04 .item01 ul li:nth-child(4)::before{ background-image: url(../images/section04_1_04.png);}
.section04 .item01 ul li:nth-child(5)::before{ background-image: url(../images/section04_1_05.png);}
.section04 .item01 ul li:nth-child(6)::before{ background-image: url(../images/section04_1_06.png);}
.section04 .item01 ul li:nth-child(7)::before{ background-image: url(../images/section04_1_07.png);}
.section04 .item01 ul li:nth-child(8)::before{ background-image: url(../images/section04_1_08.png);}
.section04 .item01 ul li a:hover{ color: #6e597e;}
.section04 .item02{ float: right; background: url(../images/section04_01.png) 50% 50% no-repeat; width: 710px; height: 325px; border-radius: 14px; overflow: hidden; padding-top: 20px;}
.section04 .item02 h4{ color: #fff; text-align: center; font-size: 30px; height: 60px; line-height: 60px; margin-bottom: 27px;}
.section04 .item02 ul{ text-align: center;}
.section04 .item02 ul li{ text-align: center; display: inline-block; color: #fff; font-size: 18px;}
.section04 .item02 ul li::before{ content: ''; display: block; width: 112px; height: 112px; margin: 0 auto 15px; border-radius: 50%; background-position: 50% 50%; background-repeat: no-repeat;}
.section04 .item02 ul li:nth-child(1)::before{ background-color: #73b2c8; background-image: url(../images/section04_2_01.png); }
.section04 .item02 ul li:nth-child(2)::before{ background-color: #9398cb; background-image: url(../images/section04_2_02.png); }
.section04 .item02 ul li:nth-child(3)::before{ background-color: #c098da; background-image: url(../images/section04_2_03.png); }
.section04 .item02 ul li + li{ margin-left: 100px;}
.section04 .item03{ clear: both; padding-top: 20px;}
.section04 .item03 .item{ width: 345px; height: 186px; display: block; float: left; text-align: center; border-radius: 14px; overflow: hidden; padding-top: 30px;}
.section04 .item03 .item + .item{ margin-left: 20px;}
.section04 .item03 .item:first-child{ margin-left: 0;}
.section04 .item03 .item > strong{ color: #fff; font-size: 22px;  display: block;}
.section04 .item03 .item > span{ display: block; color: #fff; margin-top: 10px; letter-spacing: -.05em;}
.section04 .item03 .item.item0301{ background-color: #895b77; }
.section04 .item03 .item.item0302{ background-color: #845ea9; }
.section04 .item03 .item.item0303{ background-color: #94598d; }
.section04 .item03 .item.item0304{ background-color: #7a64ae; }
.section04 .item03 .item.item0301:hover{ background-color: #693153;}
.section04 .item03 .item.item0302:hover{ background-color: #442265;}
.section04 .item03 .item.item0303:hover{ background-color: #6c2764;}
.section04 .item03 .item.item0304:hover{ background-color: #442265;}
.section04 .item03 .item.item0301::after,
.section04 .item03 .item.item0302::after,
.section04 .item03 .item.item0303::after{ content: ''; position: absolute; bottom: 35px; left: 50%; margin-left: -47px; display: block; width: 96px; height: 11px; background: url(../images/section04_02.png);}
.section04 .item03 .item.item0304 .btz{ text-align: center; margin-top: 30px;}
.section04 .item03 .item.item0304 .btz span{ display: inline-block; width: 84px; height: 34px; border: #c2b6e0 1px solid; color: #eee; line-height: 32px; border-radius: 17px;}
.section04 .item03 .item.item0304 .btz span + span{ margin-left: 8px;}
.section04 .item03 .item.item0304 .btz span::after{ content:''; display: inline-block; background: url(../images/section04_03.png) 50% 50% no-repeat; width: 16px; height: 16px; margin-left: 10px; vertical-align: middle;}

.section05{ background: url(../images/background_05.png) bottom no-repeat; background-size:cover;}
.section05 .conBx{ width: 1440px; margin: 80px auto 0;}
.section05 .conBx::after{ content:''; display: block; clear: both;}
.section05 .item01{ float: left; width: 710px; height: 414px; border-radius: 14px; overflow: hidden; background: url(../images/section05_01.png); padding: 20px 30px 0;}
.section05 .item01 h4{ color: #fff; text-align: center; color: #fff; height: 60px; line-height: 60px; font-size: 30px; border-bottom: rgba(255,255,255,.3) 1px solid;}
.section05 .item01 ul{ margin-top: 14px;}
.section05 .item01 ul::after{ content:''; display: block; clear: both;}
.section05 .item01 ul li{ position: relative; float: left; width: calc(50% - 8px); color: #3a4a46; font-size: 16px; margin-left: 16px; margin-top: 20px; background-color: #fff; height: 50px; line-height: 50px; border-radius: 4px; padding: 0 40px 0 20px;}
.section05 .item01 ul li:nth-child(2n+1){ margin-left: 0; clear: both;}
.section05 .item01 ul li::after{ content: ''; position: absolute; top: 50%; right: 20px; margin-top: -5px; border-left: #3a4a46 5px solid; border-top: transparent 5px solid; border-bottom: transparent 5px solid;}
.section05 .item02{ width: 710px; height: 220px; float: right; display: table; table-layout: fixed; border-radius: 14px; overflow: hidden;}
.section05 .item02 > div{ display: table-cell; height: 220px; text-align: center; font-size: 18px; color: #fff; padding-top: 45px;}
.section05 .item02 .item0201{ width: 172px; background-color: #2f6262;}
.section05 .item02 .item0201 a::before{ content: ''; display: block; width: 90px; height: 90px; margin: 0 auto 25px; background-image: url(../images/section05_06.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.section05 .item02 .item0201 a:hover::before,
.section05 .item02 .item0202 a:hover::before{ transform:scale(1.1);}
.section05 .item02 .item0202{ width: 172px; background-color: #2f7a5f;}
.section05 .item02 .item0202 a::before{ content: ''; display: block; width: 90px; height: 90px; margin: 0 auto 25px; background-image: url(../images/section05_07.png); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.section05 .item02 .item0201 a,
.section05 .item02 .item0202 a{ display: block; color: #fff;}
.section05 .item02 .item0203{ background-color: #71a960;}
.section05 .item02 .item0203 ul::after{ content:''; display: block; clear: both;}
.section05 .item02 .item0203 ul li{ width: 50%; float: left; text-align: center; color: #fff;}
.section05 .item02 .item0203 ul li + li{ border-left: #b8d4b0 1px solid;}
.section05 .item02 .item0203 ul li span{ display: block; font-size: 18px;}
.section05 .item02 .item0203 ul li b{ font-size: 46px; display: block; font-weight: 400;}
.section05 .item02 .item0203 .bt{ width: 175px; display: block; margin: 25px auto 0; background-color: #fff; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; color: #71a960; font-size: 16px;}
.section05 .item02 .item0203 .bt:hover{ background-color: #c9e5c0;}
.section05 .item02 .item0203 .bt::after{ content: ''; display: inline-block; width: 16px; height: 40px; vertical-align: middle; margin-left: 35px; background: url(../images/section05_03.png) 50% 50% no-repeat;}
.section05 .item03{ width: 710px; height: 167px; float: right; padding: 35px 30px 0; margin-top: 20px; background-color: #fff; border-radius: 14px; overflow: hidden;}
.section05 .item03 h4{ color: #333; font-size: 26px; line-height: 1; margin-bottom: 25px;}
.section05 .item03 .tel{ position: absolute; top: 35px; right: 30px; color: #666; display: inline-block;}
.section05 .item03 .btz::after{ content: ''; display: block; clear: both;}
.section05 .item03 .btz a{ position: relative; display: block; width: 316px; border-radius: 4px; float: left; height: 50px; line-height: 50px; padding: 0 20px; color: #fff; font-size: 16px; background-color: #5e9191;}
.section05 .item03 .btz a.bt2{ float: right; background-color: #417373;}
.section05 .item03 .btz a::after{ content: ''; position: absolute; width: 20px; height: 50px; display: block; top: 50%; right: 20px; margin-top: -25px; background-position: 50% 50%; background-repeat: no-repeat;}
.section05 .item03 .btz a.bt1::after{ background-image: url(../images/section05_04.png);}
.section05 .item03 .btz a.bt2::after{ background-image: url(../images/section05_05.png);}
.section05 .item03 .btz a:hover{ background-color: #1a4e4e;}

.section.footer{ position: relative; background-color: #d7dde3;}
.section.footer .prev{ position: absolute; top:80px; left: 50%; margin-left:-770px;  width: 36px; height: 36px; background:url(../images/section06_1.png) 50% 50% no-repeat; }
.section.footer .next{ position: absolute; top:80px; right: 50%; margin-right:-770px;  width: 36px; height: 36px; background:url(../images/section06_2.png) 50% 50% no-repeat; }
.section.footer .footer-slide{ width: 1440px; margin: 0 auto; padding: 50px 0; overflow: hidden;}
.section.footer footer{ position: relative; z-index: 2;}

/* --------------------------------------------
 * common
/* ------------------------------------------ */
.divTab{ margin-bottom: 40px; }
.divTab ul{ display: table; width: 100%; table-layout: fixed;}
.divTab ul li{ position: relative; display: table-cell;}
.divTab ul li a{ display: block; height: 64px; line-height: 64px; text-align: center; font-size: 16px; color: #666; border: #ddd 1px solid; border-bottom: #2d53a7 2px solid;}
.divTab ul li:hover a{ color: #2d53a7;}
.divTab ul li + li a{ margin-left: -1px;}
.divTab ul li.active{ z-index: 2;}
.divTab ul li.active a{ color: #2d53a7;}
.divTab ul li.active a::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 64px; border:#2d53a7 2px solid; border-bottom: #fff 2px solid;}
.divTab.n3 ul li{ width: 33.3%;}

.hdSch{ background-color: #f8f8f8; padding: 30px; margin-bottom: 25px;}
.hdSch::after{ content: ''; display: block; clear: both;}
.hdSch .select{ width: 140px; float: left;}
.hdSch .keyword{ float: left; display: block; width: calc(100% - 204px); margin-left: 10px;}
.hdSch .btSch{ float: right; width: 54px; height: 54px; display: block; text-align: center; text-indent: -9999px; background:#2d53a7 url(../images/ic_search.png) 50% 50% no-repeat;}
.hdSch .btSch:hover{ background-color: #00267a;}
.hdSch .newsBx1 .select + .select{ margin-left: 10px; }
.hdSch .newsBx2{ width: 546px; float: right;}

.inpMail{ text-align: right; margin-bottom: 40px;}
.inpMail .input{ padding-left: 38px; width: 444px; border: none; border-bottom: #2a8e9d 1px solid; height: 48px; line-height: 48px; background: url(../images/ic_mail.png) 0 50% no-repeat; }
.inpMail input.input:-internal-autofill-selected{ background:transparent url(../images/ic_mail.png) 0 50% no-repeat !important;  }
.inpMail .btn{ margin-left: 5px;}

.tblHd{ color: #444; margin-bottom: 15px;}
.tblHd b{ color: #df1e36;}

table.list{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#333 1px solid;}
table.list thead th{ text-align: center; padding: 15px 0; color: #111; border-bottom: #a3b1ce 1px solid;}
table.list tbody td{ text-align: center; padding: 12px 0; border-bottom: #eee 1px solid;}
table.list tbody tr:hover{ background-color: #f5f5f5;}
table.list tbody tr.noti{ background-color: #f7f8fd;}
table.list tbody tr.noti td{ border-bottom: #a3b1ce 1px solid;}
table.list tbody tr.noti td b{ color: #2d53a7;}
table.list tbody tr.noti td b img{ vertical-align: 1px;}
table.list tbody tr:last-child td{ border-bottom: #bbb 1px solid;}

table.data{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#333 1px solid; font-size: 15px;}
table.data.type01{ border-top: #2d53a7 1px solid;}
table.data thead th{ background-color: #f8f8f8; padding: 15px 0; text-align: center; color: #333; font-weight: 600; border-bottom: #ddd 1px solid;  border-left: #ddd 1px solid; line-height: 1.2;}
table.data thead th.th01{ color: #2d53a7; font-size: 16px; background-color: #f6f8fd; padding: 20px 0; border-bottom: #bbb 1px solid;}
table.data tbody th{ padding: 15px 0; text-align: center; border-bottom: #ddd 1px solid;  border-left: #ddd 1px solid; background-color: #f7f9fd; color: #222;}
table.data tbody td{ padding: 15px 0; text-align: center; border-bottom: #ddd 1px solid;  border-left: #ddd 1px solid; }
table.data tbody td.l{ padding-left: 20px;}
table.data .duble{ padding: 10px 0;}
table.data .brdLn{ border-left: none;}
table.data.loc tbody th,
table.data.loc tbody td{ border-color:#d1d8e6;}
table.data.loc tbody tr:last-child th,
table.data.loc tbody tr:last-child td{ border-bottom: #b4bed2 1px solid;}
table.data .bgWhite{ background-color: #fff !important; border-bottom: #bbb 1px solid;}
table.data .bgGray{ background-color: #f8f8f8 !important;}
table.data .brdLbold{ border-left: #bbb 1px solid;}

table.write{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#bbb 1px solid;}
table.write tbody th{ padding: 15px; text-align: center; border-bottom: #ddd 1px solid;  border-left: #ddd 1px solid; color: #222; background-color: #f8f8f8;}
table.write tbody td{ padding: 15px; text-align: center; border-bottom: #ddd 1px solid;  border-left: #ddd 1px solid; }
table.write .brdLn{ border-left: none;}

.btMail{ width: 23px; height: 23px; text-indent: -9999px; background:url(../images/ic_letter.png) 50% 50% no-repeat; display: inline-block; vertical-align: middle;}

.noTxt{ text-align: center; padding: 10px;}

div.paging{ text-align:center; padding:0; margin:40px 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging strong{ display:inline-block; width:36px; height:42px; line-height:42px; color:#666; text-align:center; margin:0; vertical-align:middle; overflow: hidden; }
div.paging a:hover{ color: #2d53a7;}
div.paging .on,
div.paging .on:hover{ color:#2d53a7; font-weight:400; }
div.paging .direction{ position:relative; border:#e7e7e7 1px solid; width: 42px; }
div.paging .direction:hover{ background-color:#e4e4e4; }
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.first{ background: url(../images/ic_first.png) 50% 50% no-repeat;}
div.paging .direction.prev{ background: url(../images/ic_prev.png) 50% 50% no-repeat; margin-right: 30px;}
div.paging .direction.next{ background: url(../images/ic_next.png) 50% 50% no-repeat; margin-left: 30px;}
div.paging .direction.last{ background: url(../images/ic_last.png) 50% 50% no-repeat;}

.tblView .title{ font-size: 22px; color: #333; font-weight: 600;}
.tblView .hd{ padding: 20px 0; border-top:#333 1px solid; border-bottom: #ddd 1px solid; margin-top: 15px;}
.tblView .hd span{ position: relative; display: inline-block; color: #999;}
.tblView .hd span + span{ margin-left: 15px; padding-left: 15px;}
.tblView .hd span + span::before{ content: ''; display: block; width: 1px; height: 10px; background-color: #ddd; position: absolute; top: 50%; left: 0; margin-top: -5px;}
.tblView .fileBx{ padding: 14px 20px; background-color: #f8f8f8; border-bottom: #ddd 1px solid;}
.tblView .fileBx a{ display: block;}
.tblView .fileBx a + a{ margin-top: 8px;}
.tblView .fileBx a:hover{ text-decoration: underline;}
.tblView .fileBx a::before{ content:''; vertical-align: -8px; display: inline-block; border-radius: 14px; margin-right: 10px; width: 28px; height: 28px; background: #666 url(../images/ic_down.png) 50% 50% no-repeat; }
.tblView .bd{ padding: 20px 0 60px; border-bottom: #ddd 1px solid;}

.viewBottomList ul{ display:block; width:100%; border-bottom: #bbb 1px solid;}
.viewBottomList ul li:hover{ background-color: #f5f5f5;}
.viewBottomList .viewBottomPrev{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; border-bottom:#eee 1px solid;}
.viewBottomList .viewBottomNext{display:block; padding:0 10px 0 120px; height:56px; line-height:60px; position:relative; }
.viewBottomList .orderPrev{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderNext{ vertical-align:middle; position:absolute; top:0; left:0; width:120px; line-height:56px; padding-left: 55px; color:#333; font-weight: 600; }
.viewBottomList .orderPrev::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(45deg);}
.viewBottomList .orderNext::before{ content: ''; position: absolute; top: 50%; left: 22px; display: block; width: 8px; height: 8px; border-top:#787878 1px solid; border-left: #787878 1px solid; transform: rotate(-135deg); margin-top: -4px;}
.viewBottomList a{ color:#666; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; height:60px; line-height:60px; font-size: 14px;}
.viewBottomList .viewBottomPrev:hover a,
.viewBottomList .viewBottomNext:hover a{ text-decoration:underline;}

.imgList{ border-top: #bbb 1px solid; padding-top: 4px;}
.imgList::after{ content: ''; display: block; clear: both;}
.imgList .item{ float: left; width: 363px; margin: 26px 0 0 20px; border:#ddd 1px solid; border-bottom: #2d53a7 1px solid;}
.imgList .item:nth-child(3n+1){ clear: both; margin-left: 0;}
.imgList .item a{ display: block;}
.imgList .item .thumb{ position: relative; display: block;}
.imgList .item .thumb::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 200px;  bottom: 0; display: block; background-color: rgba(45,83,167,0); -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.imgList .item .thumb::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; display: block; background: url(../images/ic_plus.png); opacity: 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.imgList .item .thumb img{ height: 200px; object-fit: cover; object-position: center; }
.imgList .item .desc{ display: block; text-align: center; padding: 23px 20px 0; height: 132px;}
.imgList .item .desc .hd{ font-size: 16px; color: #333; display: block;}
.imgList .item .desc .bd{ display: block; margin-top: 20px; font-size: 13px;}
.imgList .item .desc .bd i{ position: relative; display: inline-block;}
.imgList .item .desc .bd i + i{ margin-left: 8px; padding-left: 8px;}
.imgList .item .desc .bd i + i::before{ content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 10px; background-color: #ddd; margin-top: -5px;}
.imgList .item a:hover .thumb::before{ background-color: rgba(45,83,167,.7);}
.imgList .item a:hover .thumb::after{ opacity: 1;}
.imgList.movie .item .thumb::before{ background-color: rgba(0,0,0,.4);}
.imgList.movie .item a:hover .thumb::before{ background-color: rgba(0,0,0,.4);}
.imgList.movie .item .thumb::after{ width: 56px; height: 56px; margin: -28px 0 0 -28px; background: url(../images/ic_play.png); opacity: 1; }
.imgList.movie .item a:hover .thumb::after{ background: url(../images/ic_playOn.png); opacity: 1;}

.h4-tit{ font-size: 18px; color: #111; font-weight: 600; line-height: 1; margin: 45px 0 20px;}
.h4-tit::before{ content: ''; display: inline-block; width: 12px; height: 12px; border: #2d53a7 4px solid; border-radius: 6px; vertical-align: 1px; margin-right: 10px;}
.h4-tit.none{ font-size: 20px; color: #222;}
.h4-tit.none::before{ display: none; }

.key-color {color:#2d53a7 !important}


.gudBx{ border: #ddd 1px solid; padding: 25px 20px; position: relative;}
.gudBx .btDown{ position: absolute; bottom: 30px; right: 20px; display: inline-block; height: 40px; line-height: 40px; color: #2d53a7; border: #2d53a7 1px solid; border-radius: 5px; padding: 0 66px 0 22px; }
.gudBx .btDown::after{ content: ''; position: absolute; display: block; top: -1px; right: -1px; width: 40px; height: 40px; border-radius: 0 5px 5px 0; background:#2d53a7 url(../images/ic_down.png) 50% 50% no-repeat; }
.gudBx .btDown:hover{ background-color: #d3dae9;}

.gudBx2{ position: relative; background-color: #f8f8f8; border: #ddd 1px solid; padding: 25px 30px;}
.gudBx2 .btDown{ position: absolute; background-color: #fff; bottom: 30px; right: 20px; display: inline-block; height: 40px; line-height: 40px; color: #666; border: #999 1px solid; border-radius: 5px; padding: 0 66px 0 22px; }
.gudBx2 .btDown::after{ content: ''; position: absolute; display: block; top: -1px; right: -1px; width: 40px; height: 40px; border-radius: 0 5px 5px 0; background:#999 url(../images/ic_down.png) 50% 50% no-repeat; }
.gudBx2 .btDown:hover{ background-color: #ddd;}

.gudBx.pr {border:none; padding:0px;}
.gudBx.pr .btDown {position:relative; bottom: auto; right: auto;}

.ul-list01 > li{ padding-left: 10px; text-indent: -10px;}
.ul-list01 > li + li{ margin-top: 10px;}
.ul-list01 > li::before{ content: ''; display: inline-block; width: 3px; height: 3px; background-color: #2d53a7; vertical-align: 4px; margin-right: 6px;}
.ul-list02 > li{ padding-left: 10px; text-indent: -10px;}
.ul-list02 > li + li{ margin-top: 5px;}

.rowsBx{ display: flex;}
.rowsBx .rows{ flex: 1;}
.rowsBx .rows + .rows{ margin-left: 20px;}

.roomBx li{ display: inline-block;}
.roomBx li .thumb{ display: block;}
.roomBx li .desc{ display: block; margin-top: 10px;}

.portalBx .item{ border: #ddd 1px solid; padding: 30px 0; display: table; table-layout: fixed; width: 100%;}
.portalBx .item + .item{ margin-top: 20px;}
.portalBx .item .thumb{ display: table-cell; vertical-align: middle; padding-left: 40px; width: 325px;}
.portalBx .item .desc{ display: table-cell; vertical-align: middle; padding: 20px 60px; border-left: #eee 1px solid;}
.portalBx .item .desc .hd{ font-size: 18px; color: #333; font-weight: 600; margin-bottom: 10px;}
.portalBx .item .desc .btGo{ position: relative; display: inline-block; margin-top: 35px; height: 40px; line-height: 40px; padding: 0 62px 0 22px; background-color: #7b8595; border-radius: 20px; color: #fff;}
.portalBx .item .desc .btGo::after{ content: ''; display: block; position: absolute; top: 0; right: 10px; width: 40px; height: 40px; background: url(../images/ic_aw.png) 50% 50% no-repeat;}
.portalBx .item .desc .btGo:hover{ background-color: #384c6c;}

.bookList::after{ content: ''; display: block; clear: both;}
.bookList .item{ border: #ddd 1px solid; float: left; width: 266px; margin: 20px 0 0 20px; padding-top: 34px; height: 330px;}
.bookList .item:nth-child(4n+1){ clear: both; margin-left: 0;}
.bookList .item a{ display: block;}
.bookList .item .thumb{ display: block; text-align: center;}
.bookList .item .desc{ display: block; margin-top: 15px; text-align: center; color: #333; font-size: 16px;}
.bookList .item .desc b{ color: #2a8e9e;}
.bookList .item .btn{ width: 126px; margin: 15px auto 0;}

.stateList{ margin-top: 10px;}
.stateList::after{ content: ''; display: block; clear: both;}
.stateList .item{ float: left; width: 266px; margin: 20px 0 0 20px;}
.stateList .item:nth-child(4n+1){ clear: both; margin-left: 0;}
.stateList .item a{ display: block; border: #ddd 1px solid;  padding-top: 25px; height: 150px; text-align: center; color: #333; font-size: 16px; font-weight: 600;}
.stateList .item a::before{ content: ''; display: block; width: 22px; height: 22px; background: url(../images/ic_ghp.jpg); margin: 0 auto 10px;}
.stateList .item a::after{ content: ''; display: block; width: 35px; height: 6px; background: url(../images/ic_aw2.png); margin: 10px auto 0;}
.stateList .item a strong{ display: block; color: #2d53a7;}
.stateList .item a:hover{ border-color: #2d53a7; background-color: #f7f8fd;}

.movBx{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.movBx iframe,
.movBx object,
.movBx embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.lay-pop{ display: none; width: 780px; background-color: #fff; padding: 20px 40px 45px;}
.lay-pop .pop-tit{ border-bottom: #222 1px solid; margin-bottom: 10px;}
.lay-pop .pop-tit .tit{ font-size: 30px; color: #222; font-weight: 400; padding: 15px 0;}
.lay-pop .btClose{ position: absolute; top: -48px; right: 0; width: 34px; height: 34px; display: block; text-indent: -9999px; background: url(../images/ic_x2.png);}

/* --------------------------------------------
 * 협회소개
/* ------------------------------------------ */
.messageBx{ margin-top: 70px; display: table; width: 100%; table-layout: fixed;}
.messageBx > div{ display: table-cell; vertical-align: top;}
.messageBx .thumb{ width: 360px; }
.messageBx .desc{ font-size: 15px; color: #333; border-left: #d1d9e6 1px solid; padding-left: 25px; letter-spacing: -.05em;}
.messageBx .desc strong{ font-size: 16px; color: #222;}

.messageWr {background:url(../images/intro_img01.jpg) no-repeat right top;}
.message_tit {color:#333333; font-size:30px; line-height:1.4em; font-weight:600;}
.message_tit:after {display:block; content:""; width:65px; height:2px; margin:45px 0px 40px 0px; background:#ee3839}
.message_txt {font-size:17px; color: #333; line-height:1.6em; font-weight:400;}
.message_txt .sign {font-size:18px;}

.intro01Bx{ text-align: center; padding-bottom: 50px; border-bottom: #bbb 1px solid;}
.intro01Bx .desc{ margin-top: 20px;}
.intro01Bx .desc strong{ font-size: 20px; color: #222; display: block;}
.intro01Bx .desc span{ display: block; margin-top: 20px; font-size: 16px; color: #666;}
.intro01Bx2 li{ font-size: 15px; padding: 10px 0;}
.intro01Bx2 li + li{ border-top: #eee 1px dashed;}

.hisWr .item + .item{  margin-top: 60px;}
.hisWr .item::after{ content: ''; display: block; clear: both;}
.hisWr .item .hd{ width: 375px; float: left; border-top: #2d53a7 1px solid; padding: 20px 0; font-size: 30px; color: #2d53a7; background: url(../images/ic_dot.png) 0 50% repeat-x;}
.hisWr .item .hd strong{ display: inline-block; font-weight: 500;  background-color: #fff; padding-right: 20px;}
.hisWr .item .bd{ width: 715px; float: right; border-top: #bbb 1px solid; padding-top: 18px;}
.hisWr .item .bd > li{ position: relative; border-bottom: #eee 1px solid; padding: 15px 15px 15px 145px; font-size: 16px;}
.hisWr .item .bd > li:last-child{ border-bottom: #ddd 1px solid;}
.hisWr .item .bd > li .date{ position: absolute; top: 15px; left: 0;}
.hisWr .item .bd > li .date span{ display: inline-block; position: absolute; top: 0; color: #333; white-space: nowrap;}
.hisWr .item .bd > li .date .y{ left: 0; color: #2d53a7;}
.hisWr .item .bd > li .date .m{ left: 60px; color: #2d53a7;}
.hisWr .item .bd > li .date .d{ left: 98px;}
.hisWr .item .bd > li .date .y::after,
.hisWr .item .bd > li .date .m::after{ content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; margin-left:8px; background-color: #333; vertical-align: middle;}

.incor_cont_box{ margin-top: -80px; padding-top: 80px; font-size: 15px;}
.incor_cont_box .icor_jo{ margin-top: 20px;}
.incor_cont_box .icor_jo span{ color: #2d53a7; font-weight: 600;}
.incor_cont_box p + p{ margin-top: 10px;}
.incor_cont_box .icor_last01{ color: #333; font-weight: 600; margin-top: 20px;}

.ciWr .tx01{ position: relative;}
.ciWr .tx01 .right{ position: absolute; top: 50%; right: 0; margin-top: -20px;}
.ciWr .tx01 .btn{ padding: 0 20px;  }
.ciWr .tx01 .btn::after{ content: ''; display: inline-block; margin-left: 20px; width: 15px; height: 15px; background: url(../images/ic_down2_blue.png) 50% 50% no-repeat;}
.ciWr .tx01 .btn:hover::after{ background-image:url(../images/ic_down2.png);}
.ciWr .tx02{ margin-top: 20px; border-top: #bbb 1px solid; padding-top: 20px;}
.ciWr .tx02::after{ content: ''; display: block; clear: both;}
.ciWr .tx02 li{ float: left;}
.ciWr .tx02 li + li{ float: right;}
.ciWr .tx03{ color: #999; margin-top: 20px;}

.peopleWr .tx01{ font-size: 26px; text-align: center; padding-top: 20px; position: relative; margin-bottom: 35px;}
.peopleWr .tx01::before{ content: ''; display: block; background-color: #2d53a7; width: 20px; height: 2px; position: absolute; top: 0; left: 50%; margin-left: -10px;}
.peopleWr .tx01 strong{ color: #2d53a7;}

.orgSch{ position: relative;  background-color: #f7f9fd; padding: 30px; border: #d1d8e6 1px solid; margin-bottom: 30px;}
.orgSch::after{ content: ''; display: block; clear: both;}
.orgSch .rows{ position: relative; padding-left: 45px; width: 490px; float: left;}
.orgSch .rows span{ line-height: 54px; position: absolute; top: 0; left: 0;}
.orgSch .rows + .rows{ margin-left: 34px;}
.orgSch .btSch{ position: absolute; top: 30px; right: 30px; width: 54px; height: 54px; display: block; text-align: center; text-indent: -9999px; background:#2d53a7 url(../images/ic_search.png) 50% 50% no-repeat;}
.orgSch .btSch:hover{ background-color: #00267a;}

.mailWr .tx01{ margin-bottom: 15px; }

.orgBx{ position: relative; height: 685px; background: url(../images/org01_bg.jpg) 0 0 no-repeat;}
.orgBx .hd{ position: absolute; top: 0; left: 422px; display: inline-block;}
.orgBx > *{ display: inline-block;}
.orgBx .type01{ position: absolute; width: 204px; height: 48px; line-height: 46px; text-align: center; color: #2d53a7; font-size: 16px;  border: #2d53a7 1px solid; border-radius: 24px; background-color: #fff; }
.orgBx .type02{ position: absolute; width: 204px; height: 48px; line-height: 46px; text-align: center; color: #596f9d; font-size: 16px;  border: #8299c7 1px solid; border-radius: 24px; background-color: #f7f9fd; }
.orgBx .type03{ position: absolute; width: 204px; height: 48px; line-height: 46px; text-align: center; color: #2a8e9e; font-size: 16px;  border: #2a8e9e 1px solid; border-radius: 24px; background-color: #f4f9f7; }
.orgBx .type04{ position: absolute; width: 128px; height: 128px; text-align: center; color: #444; font-size: 16px;  border: #dfdfdf 1px solid; border-radius: 50%; background-color: #f8f8f8; padding-top: 40px;}
.orgBx .type04::before{ content: ''; width: 7px; height: 7px; display: block; position: absolute; top: -4px; left: 50%; margin-left: -3px; background-color: #bbb; border-radius: 50%;}
.orgBx .org0101{ top: 242px; left: 400px;}
.orgBx .org0102{ top: 242px; left: 655px;}
.orgBx .org0201{ top: 327px; left: 400px;}
.orgBx .org0202{ top: 327px; left: 655px;}
.orgBx .org0202::before{ content: ''; display: block; width: 52px; height: 1px; border-bottom: #8299c7 1px dashed; position: absolute; left: -52px; top: 50%;}
.orgBx .org0301{ top: 420px; left: 655px;}
.orgBx .org0401{ top: 552px; left: 22px;}
.orgBx .org0402{ top: 552px; left: 229px;}
.orgBx .org0403{ top: 552px; left: 439px;}
.orgBx .org0404{ top: 552px; left: 646px;}
.orgBx .org0405{ top: 552px; left: 853px;}

.orgBx .org10{ top: 80px; left: 506px;}
.orgBx .org20{ top: 80px; left: 506px;}
.orgBx .org30{ top: 80px; left: 506px;}
.orgBx .org40{ top: 80px; left: 506px;}
.orgBx .org50{ top: 80px; left: 506px;}
.orgBx .org60{ top: 80px; left: 506px;}
.orgBx .org70{ top: 80px; left: 506px;}
.orgBx .org80{ top: 80px; left: 506px;}
.orgBx .org90{ top: 80px; left: 506px;}
.orgBx .org100{ top: 80px; left: 506px;}
.orgBx .org110{ top: 80px; left: 506px;}
.orgBx .org120{ top: 80px; left: 506px;}
.orgBx .org130{ top: 80px; left: 506px;}
.orgBx .org140{ top: 80px; left: 506px;}
.orgBx .org150{ top: 80px; left: 506px;}
.orgBx .org160{ top: 80px; left: 506px;}
.orgBx .org170{ top: 80px; left: 506px;}
.orgBx .org180{ top: 80px; left: 506px;}
.orgBx .org190{ top: 80px; left: 506px;}
.orgBx .org200{ top: 80px; left: 506px;}


/* --------------------------------------------
 * 회원사
/* ------------------------------------------ */
.tit-tx{  font-size: 26px; text-align: center; padding-top: 20px; position: relative; margin-bottom: 35px; color: #222;}
.tit-tx::before{ content: ''; display: block; background-color: #2d53a7; width: 20px; height: 2px; position: absolute; top: 0; left: 50%; margin-left: -10px;}
.tit-tx strong{ color: #2d53a7; font-weight: 400;}

.benefitBx{ margin-top: -20px;}
.benefitBx::after{ content: ''; display: block; clear: both;}
.benefitBx .item{ position: relative; float: left; width: 363px; margin: 64px 0 0 20px; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; padding: 50px 0 50px 96px; color: #444; font-size: 15px;}
.benefitBx .item:nth-child(3n+1){ clear: both; margin-left: 0;}
.benefitBx .item .ic{ display: block; position: absolute; top: 50%; left: 0; width: 78px; margin-top: -39px;}
.benefitBx .item .blt{ display: block; position: absolute; top: -12px; left: 0; width: 68px; height: 24px; color: #fff; background-color: #8298c7; border-radius: 12px; text-align: center; line-height: 24px; }

.memberBx{ border-top: #bbb 1px solid; padding-top: 4px;}
.memberBx::after{ content: ''; display: block; clear: both;}
.memberBx .item{ float: left; width: 363px; margin: 26px 0 0 20px; border: #ddd 1px solid; border-top: #2d53a7 1px solid;}
.memberBx .item:nth-child(3n+1){ margin-left: 0;}
.memberBx .item .thumb{ display: table; width: 100%; height: 120px; text-align: center; border-bottom: #ddd 1px solid;}
.memberBx .item .thumb > p{ display: table-cell; vertical-align: middle;}
.memberBx .item .desc{ border-bottom: #ddd 1px solid; height: 120px; padding: 25px 15px 0;}
.memberBx .item .desc strong{ font-size: 16px; color: #333; display: block; margin-bottom: 10px;}
.memberBx .item .btz::after{ content: ''; display: block; clear: both;}
.memberBx .item .btz > a{ display: block; width: 50%; height: 44px; line-height: 44px; text-align: center; background-color: #f8f8f8; float: left;}
.memberBx .item .btz > a.detail{ background-color:#eff2f9; color: #2d53a7; border-right:#ddd 1px solid;}
.memberBx .item .btz > a:hover{ background-color: #d1cfcf;}
.memberBx .item .btz > a.detail:hover{ background-color: #a3b5de;}

.memCorpVew > .name{ font-size: 26px; color: #111; font-weight: 600; border-top: #2d53a7 1px solid; border-bottom: #d1d9e6 1px solid; text-align: center; padding: 28px; background-color: #f7f8fd; margin-bottom: 20px;}
.memCorpVew > .hd{ display: table; width: 100%;}
.memCorpVew > .hd .thumb{ width: 363px; display: table-cell; vertical-align: middle; text-align: center; border: #ddd 1px solid;}
.memCorpVew > .hd .tbx{ display: table-cell; padding-left: 20px; vertical-align: top;}
.memCorpVew > .hd .tbx table.data{ border-top: #ddd 1px solid;}
.memCorpVew > .desc{ padding-left: 25px;}

.thumbLst::after{ content: ''; clear: both; display: block;}
.thumbLst .item{ width: 267px; float: left; margin: 0 0 20px 20px;}
.thumbLst .item:nth-child(4n+1){ margin-left: 0;}
.thumbLst .item .thunb{ border: #ddd 1px solid;}
.thumbLst .item .hd{ color: #333; padding: 20px; text-align: center;  border-right: #ddd 1px solid; border-left: #ddd 1px solid;}
.thumbLst .item .btVew{ display: block; background-color: #7b8595; height: 36px; line-height: 36px; text-align: center; color: #fff;}
.thumbLst .item .btVew:hover{ background-color: #364254;}


/* --------------------------------------------
 * 사업안내
/* ------------------------------------------ */
.business0303{ border-bottom: #dfdfdf 1px solid;}
.business0303 > li{ padding: 16px 0; font-size: 15px;}
.business0303 > li + li{ border-top: #eee 1px dashed;}
.business0303 > li .txBx{ position: relative; background-color: #f8f8f8; border:#ddd 1px solid; padding: 20px 30px; margin: 15px 0 -17px;}
.business0303 > li .txBx strong{ display: block; width: 140px; height: 26px; line-height: 26px; text-align: center; background-color: #8298c7; color: #fff; border-radius: 15px; margin-bottom: 15px;}
.business0303 > li .txBx .ul-list02 li{ font-size: 14px;}

.thumbBx{ background-color: #f8f9fd; padding: 30px; border: #ddd 1px solid; text-align: center;}
.thumbBx img + img{ margin-left: 20px;}
.thumbBx.flex {display:flex;}
.thumbBx.flex img {flex:1; width:10%}

.thumb2n{ background-color: #f8f9fd; padding: 30px; border: #ddd 1px solid;}
.thumb2n::after{ content: ''; display: block; clear: both;}
.thumb2n li{ float: left;}
.thumb2n li + li{ float: right;}

.thumb3n{ background-color: #f8f9fd; padding: 30px 30px 12px 30px; border: #ddd 1px solid;}
.thumb3n::after{ content: ''; display: block; clear: both;}
.thumb3n li{ float: left; margin-left: 15px; margin-bottom: 18px;}
.thumb3n li:nth-child(3n+1){ clear: both; margin-left: 0;}

.busoness0602Bx > dt{ font-size: 15px; color: #2d53a7;  }
.busoness0602Bx > dt::before{ content: ''; display: inline-block; border-left:#2d53a7 6px solid; border-top:transparent 6px solid; border-bottom:transparent 6px solid; vertical-align: middle; margin-right: 10px;}
.busoness0602Bx > dd{ margin-top: 10px;}
.busoness0602Bx > dd + dt{ margin-top: 20px;}

.busoness0602Bx2 > li{ float: left;}
.busoness0602Bx2 > li + li{ margin-left: 18px;}
.busoness0602Bx2 > li img{ display: block; border: #ddd 1px solid;}

.businessBt{ display: inline-block; float: right; margin-top: -50px; background-color: /*#7b8595*/var(--key-color); height: 40px; border-radius: 4px; line-height: 40px; color: #fff; padding:0 20px; }
.businessBt::after{ content: ''; display: inline-block; width: 40px; height: 40px; background: url(../images/arrowhalf.png) 50% 50% no-repeat; vertical-align: -13px;}
.businessBt:hover{ background-color: #4c586d;}

.busiDesc01 dt{ font-size: 15px; color: #222;}
.busiDesc01 dd{ margin-top: 15px; }
.busiDesc01 dd + dt{ margin-top: 20px; padding-top: 20px; border-top: #ddd 1px dashed;}

.business020601Bx{ background: url(../images/business020601_img01.png) 50% 0 no-repeat; padding: 100px 40px 0; height: 407px; color: #fff;}
.business020601Bx_02{ background: url(../images/business020601_img02main_1.png) 50% 0 no-repeat; padding: 100px 40px 0; height: 407px; color: #fff;}
.business020601Bx span, .business020601Bx_02 span{ display: block; font-size: 16px;}
.business020601Bx strong, .business020601Bx_02 strong{ display: block; font-size: 30px;}
.business020601Bx a, .business020601Bx_02 a{ display: inline-block; margin-top: 55px; height: 42px; line-height: 42px; padding: 0 20px; border-radius: 22px; background-color: #fff; color: #596f9e; font-size: 15px;}
.business020601Bx a::after, .business020601Bx_02 a::after{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: -3px; background: url(../images/ic_aw1.png) 50% 50% no-repeat; margin-left: 10px;}

.business020601Bx2 dl{ display: table; table-layout: fixed; width: 100%;}
.business020601Bx2 dl dt{ position: relative; display: table-cell; width: 365px; border-top: #bbb 1px solid; padding: 30px; vertical-align: middle; text-align: center; background-color: #f8f8f8; font-size: 15px; color: #222; font-weight: 500; vertical-align: middle;}
.business020601Bx2 dl dd{ vertical-align: middle; position: relative; display: table-cell; margin-left: 20px; padding: 70px 20px; }
.business020601Bx2 dl:first-child dd,
.business020601Bx2 dl:last-child dd{ padding: 40px 20px;}
.business020601Bx2 dl dd::before{ content:''; position: absolute; top: 0; left: 20px; display: block; width: calc(100% - 20px); height: 1px; background-color: #bbb;}
.business020601Bx2 dl dd b{ color: #222;}
.business020601Bx2 dl dd .img{ position: absolute; top: 50%; right:0; margin-top: -65px;}
.business020601Bx2 dl:last-child dt{ border-bottom: #bbb 1px solid; }
.business020601Bx2 dl:last-child dd::after{ content: ''; position: absolute; bottom: 0; left: 20px; display: block; width: calc(100% - 20px); height: 1px; background-color: #bbb;}
.business020601Bx2 dl + dl dt{ border-top:#eee 1px solid; }
.business020601Bx2 dl + dl dd::before{ background-color:#eee;}

.business020601Bx3{ position: relative; border-top:#bbb 1px solid; border-bottom:#bbb 1px solid; padding: 90px 0;}
.business020601Bx3 .img{ position: absolute; top: 50%; right: 0; margin-top: -90px;}

.business020601Bx4::after{ content: ''; display: block; clear: both;}
.business020601Bx4 .item{ width: 266px; float: left; text-align: center; border: #ddd 1px solid; padding: 40px 20px 0; height: 270px; border-top: #6a81aa 1px solid;}
.business020601Bx4 .item + .item{ margin-left: 20px;}
.business020601Bx4 .item strong{ display: block; font-size: 15px; color: #6a81aa; margin-top: 10px;}
.business020601Bx4 .item span{ display: block; border-top: #ddd 1px solid; margin-top: 10px; padding-top: 20px;}
.business020601Bx4 .item span b{ color: #222;}

.business020602Bx{ display: flex;}
.business020602Bx > li{ flex: 1;}
.business020602Bx > li + li{ margin-left: 20px;}
.business020602Bx h5{ border-top: #333 1px solid; border-bottom: #333 1px solid; font-size: 15px; color: #333; text-align: center; height: 42px; line-height: 42px;}
.business020602Bx table{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-right: #ddd 1px solid;}
.business020602Bx table td{ font-size: 14px; padding: 20px 0; text-align: center; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid;}
.business020602Bx > li + li table td{ padding: 12px 0;}

.business0402Bx{ display: table; width: 100%; table-layout: fixed;}
.business0402Bx .thumb{ display: table-cell; width: 315px;}
.business0402Bx .desc{ display: table-cell; vertical-align: middle; border-top: #2d53a7 1px solid; border-bottom: #bbb 1px solid; padding: 15px;}

.business0404Bx{ display: table; width: 100%; table-layout: fixed;}
.business0404Bx + .business0404Bx{ margin-top: 30px;}
.business0404Bx .thumb{ width: 360px; display: table-cell; text-align: left; vertical-align: middle;}
.business0404Bx .thumb p{ display: inline-block; background-color: #f8f9fd; padding: 10px; border: #eee 1px solid;}
.business0404Bx .desc{ padding-left:20px; vertical-align: middle;}
.business0404Bx .desc h5{ font-size: 30px; color: #222;}
.business0404Bx .desc h5 span{ color: #7c8596; font-size: 13px; display: inline-block; margin-left: 10px;}
.business0404Bx .desc table{ margin-top: 15px; width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#333 1px solid;}
.business0404Bx .desc table tbody th{ padding: 10px 20px; border-bottom: #b4bed2 1px solid; background-color: #f8f8f8;}
.business0404Bx .desc table tbody th.blue{ background-color:#f7f9fd;}
.business0404Bx .desc table tbody td{ padding: 10px 20px; border-bottom: #b4bed2 1px solid; border-left: #b4bed2 1px solid; font-size: 15px;}
.business0404Bx .desc table tbody td ul.ul-list01 > li + li{ margin-top: 2px;}

.hdTxt{ position: relative; padding: 10px 30px; font-size: 20px; color: #111; text-align: center;}
.hdTxt::before{ content: ''; display: block; position: absolute; top:0; left: 0; height: 100%; width: 19px; border: #2d53a7 2px solid; border-right: none;}
.hdTxt::after{ content: ''; display: block; position: absolute; top:0; right: 0; height: 100%; width: 19px; border: #2d53a7 2px solid; border-left: none;}

.business0405Bx{ border: #ddd 1px solid; margin-top: 20px; padding: 40px;}
.business0405Bx::after{ content: ''; display: block; clear: both;}
.business0405Bx dt{ color: #2d53a7; font-size: 18px; margin-bottom: 15px;}
.business0405Bx dd{ float: left; width: 320px;}
.business0405Bx dd + dd{ width: 720px; float: right;}
.business0405Bx dd + dd table{ margin-top: 10px;}

.business0503Bx{ border-top: #8298c7 1px solid; border-bottom: #bbb 1px solid;}
.business0503Bx::after{ content: ''; display: block; clear: both;}
.business0503Bx li{ position: relative; float: left; width: 25%; padding: 20px 10px 0; height: 150px;}
.business0503Bx li + li{ border-left: #ddd 1px solid; padding-left: 30px;}
.business0503Bx li + li::before{ content: ''; display: block; width: 20px; height: 20px; background-color: #bbb; border-radius: 50%; position: absolute; top: 50%; left: -10px; margin-top: -10px;}
.business0503Bx li + li::after{ content: ''; position: absolute; top: 50%; left: -2px; margin-top: -5px; border-left:#fff 6px solid; border-top: transparent 5px solid; border-bottom: transparent 5px solid;}
.business0503Bx li i{ display: block; font-size: 18px; font-weight: 600; color: #8298c7;}
.business0503Bx li strong{ font-size: 20px; color: #333;}
.business0503Bx li a{ color: #287de8;}
.business0503Bx li div{ margin-top: 10px;}
.business0503Bx li div span{ font-size: 13px; }

.business0503Bx2::after{ content: ''; display: block; clear: both;}
.business0503Bx2 > li{ position: relative; float: left; width: 552px; border: #ddd 1px solid; border-top: #7b8595 1px solid; height: 130px; padding: 25px 60px 0 68px; font-size: 15px; margin-bottom: 20px;}
.business0503Bx2 > li::before{ content: ''; display: block; width: 34px; height: 34px; position: absolute; top: 25px; left: 25px; background: url(../images/ic_video.png) 50% 50% no-repeat;}
.business0503Bx2 > li:nth-child(2n){ float: right;}
.business0503Bx2 > li a{ display: inline-block; position: absolute; right: 25px; bottom: 30px; background-color: #7b8595; color: #fff; height: 36px; line-height: 36px; padding: 0 20px; border-radius: 5px;}
.business0503Bx2 > li a::after{ content:''; display: inline-block; background: url(../images/ic_aw.png) 50% 50% no-repeat; width: 18px; height: 18px; vertical-align: -2px; margin-left: 10px;}
.business0503Bx2 > li a:hover{ background-color: #495973;}

.business040301Bx{ background: url(../images/business040301_img01.png) 50% 0 no-repeat; padding: 100px 40px 0; height: 407px; color: #fff; position:relative;}
.business040301Bx span{ display: block; font-size: 16px;}
.business040301Bx strong{ display: block; font-size: 30px;}
.business040301Bx a{ display: inline-block; margin-top: 55px; height: 42px; line-height: 42px; padding: 0 20px; border-radius: 22px; background-color: #fff; color: #596f9e; font-size: 15px;}
.business040301Bx a::after{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: -3px; background: url(../images/ic_aw1.png) 50% 50% no-repeat; margin-left: 10px;}
.business040301Bx .Bx_qr{display: inline-block; width: 120px; position: absolute; left: auto; top: 42%; margin-left: 20px;}

.businessBook{ margin-left: -20px;}
.businessBook::after{ content: ''; display: block; clear: both;}
.businessBook dl{ width: 266px; float: left; margin: 0 0 30px 20px;}
.businessBook dl.n21{ width: 412px;}
.businessBook dl.n44{ width: 100%;}
.businessBook dl dt{ height: 38px; line-height: 38px; color:#fff; text-align: center; font-size: 15px; padding: 0 20px; background-color: #2d53a7;}
.businessBook dl dt .right{ float: right;}
.businessBook dl dt.violet{ background-color: #8a7db5; text-align: left;}
.businessBook dl dt.green{ background-color: #4795a2; }
.businessBook dl dd{ border:#ddd 1px solid; border-top: none; height: 300px; text-align: center; padding-top: 30px;}
.businessBook dl dd .thumb{ text-align: center;}
.businessBook dl dd .cost{ display: block; text-align: center; font-size: 15px; margin-top: 10px;}
.businessBook dl dd .btVew{ height: 36px; line-height: 36px; color: #fff; width: 224px; text-align: center;  border-radius: 18px; background-color: #7b8595; display: block; margin: 20px auto 0;}
.businessBook dl dd .btVew:hover{ background-color: #4c596d;}
.businessBook dl.n44 dd::after{ content: ''; display: block; clear: both;}
.businessBook dl.n44 dd{ padding-top: 0; height: auto;}
.businessBook dl.n44 dd .item{ width: 25%; float: left; padding-top: 30px; height: 300px;}
.businessBook dl.n44 dd .item + .item{ border-left: #ddd 1px solid;}

.business01Th{ position: relative; margin: -15px 0; overflow: hidden; height: 50px;}
.business01Th::before{ content: ''; display: block; height: 1px; width: 400px; position: absolute; top: 28px; left: 0; background-color: #ddd; transform: rotate(8deg);}
.business01Th span{ position: absolute; top: 20px; left: 20px;}
.business01Th span:last-child{ top: 10px; left: auto; right: 20px;}

.business01Bx{ position: relative; padding: 50px 40px;}
.business01Bx img{ position: absolute; top: 50%; right: 40px; margin-top: -74px;}
.business01Bx strong{ display: block; color: #2d53a7; font-size: 20px;}
.business01Bx span{ display: block; font-size: 18px; color: #222; margin-top:10px;}
.business01Bx::before{ content: ''; border: #2d53a7 2px solid; position: absolute; top: 0; left: 0; bottom: 0; width: 20px; border-right: none;}
.business01Bx::after{ content: ''; border: #2d53a7 2px solid; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; border-left: none;}

.corp0103Bx{ border: #ddd 1px solid; padding: 30px; font-size: 15px;}
.corp0103Bx a{ display: inline-block; height: 40px; line-height: 40px; color: #fff; padding: 0 50px; background-color: #7b8595; border-radius: 20px; margin-top: 15px;}
.corp0103Bx a:hover{ background-color: #374865;}

.privacyBx > dl > dt{ color: #2d53a7; font-weight: 500; }
.privacyBx > dl > dd{ margin-top: 10px;}
.privacyBx > dl > dd + dt{ margin-top: 30px;}

.errorWr{ display: table; width: 100%; height: 100vh;}
.errorWr .errorBx{ display: table-cell; vertical-align: middle; padding-left: 100px;}
.errorWr .tx01{ position: relative; padding-left: 140px; font-size: 28px;}
.errorWr .tx01::before{ content: ''; position: absolute; top: 50%; left: 0; margin-top: -60px; display: block; width: 133px; height: 120px; background: url(../images/ic_error.png) 50% 50% no-repeat;}
.errorWr .tx01 strong{ font-size: 38px; display: block; color: #222; font-weight: 500;}
.errorWr .tx01 em{ position: relative; display: inline-block; color: #092a6f; font-weight: 600;}
.errorWr .tx01 em::before{ content: ''; height: 10px; width: 100%; background-color: #d4ddf0; position: absolute; bottom: 0; left: 0; z-index: -1;}
.errorWr .tx02{ margin-top: 70px; font-size: 18px; font-weight: 200; color: #222;}
.errorWr .tx02 a{ display: inline-block; margin-top: 35px; color: #fff; height: 46px; line-height: 46px; border-radius: 30px; padding: 0 35px; background-color: #0b7ce1;}
.errorWr .tx02 a:hover{ background-color: #004e94;}

.sitemapWr{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: -1; opacity: 0; -webkit-transition:all 0.3s  0.5s;-moz-transition:all 0.3s  0.5s;-o-transition:all 0.3s  0.5s;-ms-transition:all 0.3s  0.5s; transition:all 0.3s  0.5s;}
.sitemapWr.on{ opacity: 1; z-index: 99;}
.sitemapWr > ul{display: flex; padding-right:90px}
.sitemapWr > ul > li{flex:1; overflow: hidden; height: 100vh; padding-top: 100px; border-right: #eee 1px solid;}
.sitemapWr > ul > li:nth-child(odd){ background-color: #f8f8f8;}

.sitemapWr > ul > li > a{ display: block; font-size: 24px; font-weight: 600; margin: 0 40px; color: #111; padding: 0 0 28px 0; border-bottom: #111 1px solid;}
.sitemapWr > ul > li:hover > a{ color: #2d53a7; border-bottom: #2d53a7 1px solid;}
.sitemapWr > ul > li > ul{ margin-top: 30px;}
.sitemapWr > ul > li > ul > li > a{ display: block; padding: 20px 0 40px 40px; font-size: 16px; letter-spacing: -.05em;}
.sitemapWr > ul > li > ul > li > a::before{ content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #333; vertical-align: 4px; margin-right: 6px; -webkit-transition:all 0.2s  0.2s;-moz-transition:all 0.5s  0.5s;-o-transition:all 0.5s  0.5s;-ms-transition:all 0.5s  0.5s; transition:all 0.2s  0.2s;}
.sitemapWr > ul > li > ul > li > a:hover{ color: #fff; background-color: #2d53a7;}
.sitemapWr > ul > li > ul > li > a:hover::before{ width: 25px; height: 1px; border-radius: 0; background-color: #fff; margin-right: 18px;}
.sitemapWr .btClose{ position: absolute; top: 50px; right: 50px; width: 30px; height: 30px;}
.sitemapWr .btClose span{ position: absolute; top: -9999px; left: -9999px;}
.sitemapWr .btClose::before{ content: ''; position: absolute; top: 50%; left: 2vw; margin: -1px 0 0 -12px; display: block; width: 24px; height: 2px; background-color: #666; transform: rotate(45deg);}
.sitemapWr .btClose::after{ content: ''; position: absolute; top: 50%; left: 2vw; margin: -1px 0 0 -12px; display: block; width: 24px; height: 2px; background-color: #666; transform: rotate(-45deg);}

.sitemapWr > ul > li::before{ content: ''; position: absolute; top: 0; left: 0; background-color: #666; width: 100%; height: 100vh; display: block; -webkit-transition:all 0.5s  0.5s;-moz-transition:all 0.5s  0.5s;-o-transition:all 0.5s  0.5s;-ms-transition:all 0.5s  0.5s; transition:all 0.5s  0.5s;}
.sitemapWr > ul > li > a,
.sitemapWr > ul > li > ul{
	display:block; opacity:0;filter:Alpha(opacity=50);
	-webkit-transform:translateX(-5%);
	transform:translateX(-50%);
	transition: transform 1.2s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s;
}

.sitemapWr.on > ul > li::before{ left: 100%; }
.sitemapWr.on > ul > li > a,
.sitemapWr.on > ul > li > ul{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transition: transform 1.2s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);
}

.link_box{min-height: 150px; display:flex; align-items: center; border:1px solid #ccc; margin-bottom:30px; }
.link_box .box_img{width:20%; height: 150px; line-height: 150px; box-sizing:border-box; text-align:center; background:#f5f5f5; }
.link_box .box_img > img{vertical-align: middle;}
.link_box .box_txt{width:80%; box-sizing:border-box; padding:0px 30px;}
.link_box .box_txt > p{line-height:150%; margin-bottom:20px;}
.link_box .box_txt > a{border: 1px solid #d2d2d2; border-radius: 30px; padding: 5px 38px 5px 15px; }
.link_box .box_txt > a.link01{background: url(../images/ico_link.png) no-repeat 94% 9px;}

.table_ofhi{overflow:hidden; margin:0px -10px;}
.table_ofhi .table_w{float:left; width:50%; box-sizing:border-box; padding:0px 10px;}
.table_ofhi .table_w .imgW{padding:0px 15px;}

.thumb_imgh > img{height:146px;}


.customer_list {display: flex; flex-wrap: wrap; gap:30px 17px}
.customer_list > li {width:calc(25% - 13px); border:1px solid #ddd; border-radius:4px;}
.customer_list .img {display: flex; widtdh:270px; height:117px; align-items: center; justify-content:center; border-bottom:1px solid #ddd;}
.customer_list .img img {width:100%; max-width:90%; max-height:70px}
.customer_list .info {padding:20px 24px;}
.customer_list .info .name {color:#111111; font-weight:500;}
.customer_list .info .ul-list01 {margin-top:15px; font-size:15px; line-height:1.4em}
.customer_list .info .subj {color:#333; font-weight:500; padding-right:5px}
.customer_list .info .ul-list01 > li + li {margin-top:5px}
.customer_list .btn-group {display: flex;}
.customer_list .btn-group > a {display: flex; height: 40px; align-items: center; justify-content: center; flex:1; font-size:13px; font-weight:500}
.customer_list .btn-group .bt1 {color:#fff; background: #2e54a7;}
.customer_list .btn-group .bt2 {color:#333; background: #cccccc;}

.faq_list {width:100%; }
.faq_list > li {border:1px solid #cccccc; border-radius:4px; overflow:hidden}
.faq_list > li + li {margin-top:10px;}
.faq_list > li .title {display:flex; align-items:center; min-height:60px; font-weight:500; box-sizing:border-box; padding:20px;  cursor:pointer; }
.faq_list > li .title .txt {flex:1;}
.faq_list > li .title:after {content:'+'; color:#333; font-weight:100; font-size:18px; background: #eeeeee; min-width:20px; width:20px; height:20px; border-radius:100%; display:flex; justify-content: center; align-items: center;}
.faq_list > li .title.on:after {content: "-";}
.faq_list > li .title .q {font-size:18px; min-width:24px; line-height:1.4em; color:#111111; font-weight:600;}
.faq_list > li .title.on .q {color:#2d53a7;}
.faq_list > li .title.on .txt {color:#2d53a7; }
.faq_list > li .answer_wrap {display:none;  padding:0px 20px 20px 20px}
.faq_list > li .answer {display:flex; align-items:center; font-weight:300; padding:20px 30px; background:#f6f8fd}
.faq_list > li .answer .a {font-size:18px; min-width:24px; align-self: flex-start;  line-height:1.4em; color:#111111; font-weight:600;}
.faq_list > li:has(.title.on) {border-color:#2d53a7}

.email_box {display: flex; justify-content: center; align-items: center; padding:20px; border:1px solid #ccc; background: #f7f9fd; gap:10px; font-size:16px; line-height:1.4em;}
.email_box strong {color:#333; font-weight:500}
.email_box img {margin-right:10px;}

.customer_center {display: flex; align-items: center; border-top:1px solid #8298c7; border-bottom:1px solid #8298c7; position: relative;}
.customer_center .box {padding:30px 40px; flex:1}
.customer_center:after {content: ""; width:1px; height: 100%; background: #dddddd; position: absolute; left: 50%; top: 0px;}
.customer_center .list1 > li {display: flex; align-items: center;}
.customer_center .list1 > li + li {margin-top:10px;}
.customer_center .list1 > li > strong {display: flex; align-items: center; gap:15px; min-width: 137px; font-weight:500; color:#333}

.customer_center .list2 > li + li {margin-top:15px;}
.customer_center .list2 > li > strong {font-weight:500; color:#333}


.fs13pt {font-size:13pt !important;}
.fs12_5pt {font-size:12.5pt !important;}
.fs12_5pt table.data {font-size:12.5pt !important;}

.half_box {display: flex; gap:20px; word-break: keep-all;}
.half_box .box {flex:1}

.complain_step {border:1px solid #dddddd; padding:30px; padding-top:60px;}
.complain_step > ul {display: flex; gap:20px}
.complain_step > ul > li {flex:1; position: relative; border:1px solid #e8eff3; border-radius:6px; padding:20px 13px;}
.complain_step > ul > li:not(:first-child)::before {content:""; border-top:2px solid #2f54a7; border-right:2px solid #2f54a7; transform: rotate(45deg); position: absolute; left:-17px; top: 50%; width: 10px; height: 10px;}
.complain_step > ul > li > h5 {color: #fff; border-radius:30px; display: flex; width:90%; margin: 0 auto; height:40px; font-size:17px; line-height: 1.4em; margin-top: -45px; align-items: center; justify-content: center; font-weight: 400;}
.complain_step > ul > li:nth-child(1) > h5 {background: #4795a2;}
.complain_step > ul > li:nth-child(2) > h5 {background: #68b3db;}
.complain_step > ul > li:nth-child(3) > h5 {background: #8a7db5;}
.complain_step > ul > li:nth-child(4) > h5 {background: #2d53a6;}
.complain_step > ul > li .ico {display:block; margin:20px 0px; text-align: center;}
.complain_step > ul > li dl {word-break: keep-all;}
.complain_step > ul > li dl dt {font-weight:500; padding-left: 13px; font-size:18px; margin-bottom:5px; position: relative;}
.complain_step > ul > li dl dt::before {content:""; width:5px; height: 12px; border-radius:4px; position: absolute; left: 0px; top:6px;}
.complain_step > ul > li dl dd {padding-left:13px;}
.complain_step > ul > li dl dd + dt {margin-top:20px;}
.complain_step > ul > li dl dd ul li+li {margin-top:10px;}
.complain_step > ul > li dl dd ul li {position: relative; padding-left:7px;}
.complain_step > ul > li dl dd ul li:before {content:""; width:3px; height: 3px; border-radius:4px; position: absolute; left: 0px; top:9px;}
.complain_step > ul > li:nth-child(1) dl dt {color: #4795a2;}
.complain_step > ul > li:nth-child(2) dl dt {color: #68b3db;}
.complain_step > ul > li:nth-child(3) dl dt {color: #8a7db5;}
.complain_step > ul > li:nth-child(4) dl dt {color: #2d53a6;}
.complain_step > ul > li:nth-child(1) dl dt::before {background: #4795a2;}
.complain_step > ul > li:nth-child(2) dl dt::before {background: #68b3db;}
.complain_step > ul > li:nth-child(3) dl dt::before {background: #8a7db5;}
.complain_step > ul > li:nth-child(4) dl dt::before {background: #2d53a6;}
.complain_step > ul > li:nth-child(1) dl dd ul li:before {background: #4795a2;}
.complain_step > ul > li:nth-child(2) dl dd ul li:before {background: #68b3db;}
.complain_step > ul > li:nth-child(3) dl dd ul li:before {background: #8a7db5;}
.complain_step > ul > li:nth-child(4) dl dd ul li:before {background: #2d53a6;}

.file_down_list > li {display: flex; align-items: center;}
.file_down_list > li .subj {min-width:12em;}
.file_down_list > li + li {margin-top:10px}

.product_fee {border:1px solid #dddddd; padding:30px;  word-break: keep-all;}
.product_fee .head {display:flex; gap: 10px;}
.product_fee .head > h4 {display:flex; flex: 1; align-items: center; justify-content: center; color:#fff; border-radius:25px; height: 50px; background: #2d53a6; font-size:1.1em; line-height:1.4em; font-weight: 400;}
.product_fee .head > h4:nth-child(1) {max-width:245px;}
.product_fee .head > h4:nth-child(2) {margin-left:20px;}
.product_fee .head > h4:nth-child(3) {max-width:184px;}
.product_fee .body {margin-top:10px;}
.product_fee .body > li {margin-top:5px; display:flex; gap:30px;}

.product_fee .body .subj {width:245px; color: #333; text-align: center; padding: 5px; border:1px solid #e8e8e8; border-radius:4px; background: #eceef6; display: flex; justify-content: center; align-items: center; position:relative; font-weight:500;}
.product_fee .body .subj::after {content:""; width:7px; height: 7px; background: #2d53a6; border:5px solid #eaeef6; outline: 1px solid #bfceec; position: absolute; right:-8px; top: 50%; transform: translateY(-50%); box-sizing: unset; border-radius:100%;}
.product_fee .body .subj::before {content:""; width:30px; height:1px; border-bottom: 1px dashed #2d53a6; position: absolute; left:100%; top: 50%;}
.product_fee .body .subs {flex:1; border:1px solid #e8e8e8; border-radius:4px; display: flex; align-items: center; gap:20px; padding:15px 15px; min-height: 50px; box-sizing: border-box; position:relative;}
.product_fee .body .subs > p {flex:1; position: relative;}
.product_fee .body .subs > p:last-child {max-width:162px; text-align: center;}
.product_fee .body .subs > p:last-child::before {content:""; width: 1px; height:100%; position: absolute; left:-10px; top: 50%; transform: translateY(-50%); background: #e8e8e8;}

.bul_arrow {padding-left:1.3em; text-indent: -1.3em; display: block; margin-top:8px}

.declaration {border:5px solid #2d53a6; padding:30px; border-radius:30px; padding: 50px 40px;  color: #333;}
.declaration > h4 {text-align: center;}
.declaration .txt_a {font-size:1.05em; line-height: 1.6em; text-align: center; padding:30px 0px 45px 0px;}
.declaration .body {padding:40px; border-radius: 30px; background:#fafafa;}
.declaration .body> ol > li {padding-left: 20px; text-indent: -20px;}
.declaration .body> ol > li + li {margin-top: 20px;}
.declaration .sign {text-align: center; padding-top: 40px;}
.declaration .sign > p + p {padding-top:20px;}
.declaration .sign > p > strong {font-size:1.4em; line-height: 1.4em;}

.pr_procedure {display: flex; position: relative;}
.pr_procedure::before {content:""; width: calc(100% - 130px); height: 1px; border-top:1px dashed #2d53a6; position: absolute; left: 50%; top: 160px; transform: translateX(-50%);}
.pr_procedure > li {flex: 1; text-align: center; display: flex; flex-direction: column; position: relative;}
.pr_procedure > li:not(:first-child)::before {content: ""; border-top: 2px solid #2f54a7; border-right: 2px solid #2f54a7; transform: rotate(45deg); position: absolute; left: -6px; top: 83px; width: 10px; height: 10px;}
.pr_procedure .num {width: 4em; font-size:15px; margin:0 auto; height:1.9em; margin-bottom: 10px; background: #2d53a6; border-radius:20px; display: flex; justify-content: center; align-items: center; color: #fff;}
.pr_procedure .txt {margin-top:20px; text-align: center; font-size:16px; position: relative; padding-top:25px;}
.pr_procedure .txt::before {content:""; width:13px; height: 13px; box-sizing: border-box ; border:1px solid #2d53a6; background: #fff; position: absolute; left: 50%; top: 0px; margin-left:-6.5px; border-radius:100%;}
.pr_procedure > li:first-child .txt::before {background: #2d53a6;}
.pr_procedure > li:last-child .txt::before {background: #2d53a6;}