@charset "UTF-8";

/*reset*/
html, h1, /*h2, h3, */h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
body { height:100%; margin:0;padding:0;font-family: KBFGDisplayM, -apple-system, Roboto, sans-serif; font-size:13px; word-break:break-all;line-height:inherit; }
h1, h2, h3, h4, h5, h6 {font-family: KBFGDisplayM, -apple-system, Roboto, sans-serif; font-weight:500 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;font-family: KBFGDisplayM, -apple-system, Roboto, sans-serif;overflow: visible;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer; margin:0; padding:0; border:0; -webkit-tap-highlight-color:transparent}
button:focus, input:focus, textarea:focus { outline:none }


table { padding:0; border-spacing:0px; border:0; border-collapse:collapse }
table th { font-weight:normal }
textarea { resize:none; border:0; overflow-y:auto; overflow-x:hidden }
textarea:focus { outline:none; resize:none; }
textarea, select {font-family: KBFGDisplayM, -apple-system, Roboto, sans-serif;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a { text-decoration:none }

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input::placeholder {
  color:#42526e !important;
  letter-spacing:-0.1px;
  opacity: 1;
}


input::-webkit-input-placeholder {
  color:#42526e;
  letter-spacing:-0.1px;
}
input::-ms-input-placeholder {
  color:#42526e;
  letter-spacing:-0.1px;
}
input:placeholder {
  color:#42526e !important;
  letter-spacing:-0.1px;
  opacity: 1;
}
input:-webkit-input-placeholder {
  color:#42526e;
  letter-spacing:-0.1px;
}
input:-ms-input-placeholder {
  color:#42526e;
  letter-spacing:-0.1px;
}
input[type=text]::-ms-clear{display:none;}

/*reset*/

/* 공통 */
#wrap {width:100%; margin:0 auto; position:relative; }
#header {width:100%; margin:0 auto; position:relative; }
#container {width:100%; margin:0 auto; position:relative; }
#footer {width:100%; margin:0 auto; position:relative; }

/*.pt3 {padding-top:3px;}*/
.sr-only { position:absolute; z-index: -1; overflow: hidden; width: 1px; height: 1px; margin: 0 !important; font-size: 1px; line-height: 2; opacity: 0; }
.inside { width:960px; margin:0 auto;  }
.inside:after { display: block; clear: both; content: ""; }
.txt-keyword{color:#ff3d3d;}
.hidden {display:block; position:absolute; top:0; left:0; width:0; height:0; font-size:0; /*opacity:0;*/ overflow:hidden;}
.location {width: 100%;border-top: 1px solid #eeeeee;/*border-bottom: 3px solid #ffde33;*/}
.home-only {padding-bottom: 10px !important;}

/****** 헤더 ******/
.header { position:relative; height:125px;border-bottom:none !important;}

.header .logo { float:left; margin:77px 0 0 0 !important; }
.header .logo a { display: block; width: 144px; height:24px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svzt_ybtb.cat') no-repeat 0 0; }
.header .utile { position: absolute; top:25px; right:50%; margin-right: -480px; letter-spacing:-0.5px }
.header .utile:after { display:block; clear:both; content:""; }
.header .utile li { color:#666; position:relative; float:left; font-size:14px; }
.header .utile li span { color:#222 }
.header .utile li a { padding:0 12px; color:#666;font-size:14px !important;font-family: KBFGDisplayM;}
.header .utile li:first-child a{padding-right:0px;}
.header .utile li:after { position: absolute; top:3px; right: 0; width: 1px; height: 12px; background:#666; content: ''; }
.header .utile li:first-child{padding-right:12px;}
.header .utile li:last-child a { padding-right: 0; }
.header .utile li:last-child { padding-right: 0; }
.header .utile li:last-child::after { display:none; }
.header .utile a.active { font-weight:bold; color:#222; }
.header .utile li a.smart-alarm{display:inline-block;width:11px;height:12px;margin-top:-1px;vertical-align:middle;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Sfznegabgv_ba.tvs') no-repeat left top;}
.header .utile li a.smart-alarm + a{padding-left:0;}
.header .nav-gnb { float:right; margin:75px 0 0 0; }
/*type-01-메인gnb*/
.header .nav-gnb .list.type-01 .item:nth-child(n+2){margin-left:50px;}
.header .nav-gnb .list.type-01 .item:last-child { margin-left:0;padding:0;}
.header .nav-gnb .list.type-01 .item {display: inline-block; vertical-align:top; }
.header .nav-gnb .list.type-01 .item a.depth-1 {font-size:18px;padding:0 0 20px 0;color:#222;font-family: KBFGDisplayM; }
.header .nav-gnb .list.type-01 .item a.depth-1:hover { border-bottom:3px solid #ffde33; }
.header .nav-gnb .list.type-01 .item a.depth-1.active { border-bottom:3px solid #ffde33; }
/*type-02-소비자포털gnb*/
.header .nav-gnb .list.type-02 .item:nth-child(n+2){margin-left:15px;}
.header .nav-gnb .list.type-02 .item:last-child { margin-left:0;padding:0;}
.header .nav-gnb .list.type-02 .item {display: inline-block; vertical-align:top; }
.header .nav-gnb .list.type-02 .item a.depth-1 {font-size:13px;padding:4px 0 22px 0;color:#222 }
.header .nav-gnb .list.type-02 .item a.depth-1:hover { border-bottom:3px solid #ffde33 }
.header .nav-gnb .list.type-02 .item a.depth-1.active { border-bottom:3px solid #ffde33 }
/*type-03-상품공시실,회사소개,인증센터gnb*/
.header .nav-gnb .list.type-03 .item:nth-child(n+2){margin-left:23px;}
.header .nav-gnb .list.type-03 .item:last-child { margin-left:0;padding:0;}
.header .nav-gnb .list.type-03 .item {display: inline-block; vertical-align:top; }
.header .nav-gnb .list.type-03 .item a.depth-1 {font-size:16px;padding:0 0 22px 0;color:#222 }
.header .nav-gnb .list.type-03 .item a.depth-1:hover { border-bottom:3px solid #ffde33 }
.header .nav-gnb .list.type-03 .item a.depth-1.active { border-bottom:3px solid #ffde33 }

.header .nav-gnb .btn-sch { width:28px; height:28px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu.cat') 0 0 no-repeat;background-size: 27px;margin-right:10px;}
.header .nav-gnb .btn-sch:focus{outline:1px solid black;}
.header .nav-gnb .btn-total { width:28px; height:28px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-gbgny.cat') 0 0 no-repeat;background-size: 27px; }
.header .nav-gnb .btn-total:focus{outline:1px solid black;}

.header .gnb-close {
  position:absolute !important;
  top: 20px;
  right: 50%;
  margin-right: -485px;
  position: relative;
  width: 40px;
  height: 40px;
  background:none;
}

.header .gnb-close:before, .header .gnb-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  background-color: #60584C;
  box-sizing: content-box;
}

.header .gnb-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.header .gnb-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.header .nav-gnb .panel { display:none; position:absolute; top:124px; padding:25px 0 0; z-index:1000; left:0; width:100%; border-top:1px solid #ffde33; background:#fff; border-bottom:1px solid #e0e0e0 }
.header .nav-gnb #upperMenu_300000 .panel {z-index:1000;}
.header .nav-gnb .panel .inside { display:flex; flex-flow:wrap }
.header .nav-gnb .panel .inside .panel-col { width:25%; border-left:1px solid #eee; padding: 0 15px; margin:0 0 50px  }
.header .nav-gnb .panel .inside .panel-col:last-child {padding: 0 40px 0 15px;}/*[cyb][접근성][수정]*/
.header .nav-gnb .panel a.depth-2 { display:block; font-size:18px; color:#666; margin:0 0 10px }
.header .nav-gnb .panel a.depth-2.margin { margin:40px 0 0 }
.header .nav-gnb .panel a.depth-2:hover { color:#9e8c6e; }
.header .nav-gnb .panel p { font-size:18px; color:#666; margin:0 0 10px }
.header .nav-gnb .panel a.depth-3 { display:block; font-size:15px; color:#666; padding:0 0 7px }
.header .nav-gnb .panel a.depth-3:hover { font-size:15px; color:#9e8c6e }
.header .nav-gnb .panel .margin-top { margin-top:40px}
.header .nav-gnb .panel .margin-top1 { margin-top:47px }
.header .nav-gnb .panel .margin-top2 { margin-top:106px }
.header .nav-gnb .panel .margin-top3 { margin-top:67px }
.header .nav-gnb .panel .margin-top4 { margin-top:27px }
.header .nav-gnb .panel .margin-top5 { margin-top:51px }
.header .nav-gnb .panel .margin-top6 { margin-top:146px }




/****** 메인 ******/
#container section.main-visual { height:700px;  }
#container section.main-visual:after { clear:both; display:block; content:"" }
#container section.main-visual .inside { position:relative; left:45px; width:1050px }
#container section.main-visual .sch-area { z-index:2; position:absolute; top:30px; left:0;  width:410px; height:55px; padding-left: 27px; line-height:60px; border-bottom:2px solid #222 }/* [cyb][접근성] */
#container section.main-visual .sch-area label { display:inline-block; vertical-align:middle; width:27px; height:27px; background: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc.cat') no-repeat 0 0;cursor:pointer}
#container section.main-visual .sch-area input{ font-family: KBFGDisplayM;background:none; width:83%; margin-left:5px; border:0; height:30px; padding:0; display:inline-block; vertical-align:middle; font-size:18px; }
#container section.main-visual .sch-area .ico-voice-sch{position:absolute;top:15px;right:5px;width:27px;height:27px;padding:0 24px 0 0;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-ibvpr-ox.cat') no-repeat;cursor:pointer;}/* [cyb][접근성] */
#container section.main-visual .sch-area .ico-voice-sch span{position:absolute;top:0;left:50%;display:block;}

/*.input-sch{width:100%;padding:0 53px 0 26px;border:4px solid #ffc600;box-shadow:rgba(255,198,0,0.5) 1px 1px 19px 0px; border-radius:100px;font-size:15px;color:#666;line-height:60px; height:60px;}*/

/* 스와이프 */
#container .carousel {
  position: relative;
  overflow:hidden;
  height:650px;
}

#container .carousel .carousel-list {
  display: flex;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function:ease-out;
  -ms-transition-timing-function:ease-out;
}

#container .carousel .carousel-item {
  flex-shrink: 0;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  position:relative;
  height:650px;
  overflow:hidden;
  background:#fff;
}

#container .carousel .paging {
  display: none;
}

#container .carousel .carousel-item > a {
  font-size: 0;
}

/* 이전&다음 */
#container .main-visual .prev {
  display:none
}

#container .main-visual .next {
  display:none
}

/* 페이징 wrap */
#container .carousel .carousel-util {
  position:absolute;
  left:0;
  bottom:65px;
  font-size: 0;
  z-index:4;
}

/* 페이징 */
#container .carousel .indicator {
  position:relative;
  display: inline-block;
  vertical-align: middle;
}

#container .carousel .indicator a,
#container .carousel .indicator span,
#container .carousel .indicator .swiper-pagination-bullet{
  display: inline-block;
  width: 33px;
  height: 33px;
  background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sfjvcre-cntvat-bss.cat') no-repeat 0 0;
}
#container .carousel .indicator .swiper-pagination-bullet:focus {outline:none;}

#container .carousel .indicator a:nth-child(n+2),
#container .carousel .indicator span:nth-child(n+2) {
  margin-left: 10px;
}

#container .carousel .indicator a.on,
#container .carousel .indicator span.on,
#container .carousel .indicator .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sfjvcre-cntvat-ba.cat') no-repeat 0 0;
}

/* 재생&정지 */
#container .carousel .controller {
  display: inline-block;
  vertical-align: middle;
  margin-right:10px;
}

#container .carousel .controller button {
  position: relative;
  display: block;
  width: 33px;
  height: 33px;
  background:none;
}

#container .carousel .controller button.stop {
  width: 33px;
  height: 33px;
  background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sfjvcre-cntvat-cnhfr.cat') no-repeat 0 0;
}

#container .carousel .controller button.play {
  width: 33px;
  height: 33px;
  background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sfjvcre-cntvat-cynl.cat') no-repeat 0 0;
}

#container .main-visual .con-wrap:after { clear:both; display:block; content:"" }
#container .main-visual .con-wrap strong {display:inline-block;font-size:50px;color:#222;margin-bottom:30px;line-height:1.3;max-height:190px;letter-spacing:-2px;font-family: KBFGDisplayB;}
#container .main-visual .con-wrap p {font-size:20px;color:#666;line-height:30px;font-family: KBFGDisplayM;}
#container .main-visual .con-wrap a.link { font-family: KBFGDisplayM;display:inline-block; margin-top:30px;border-radius:20px; min-width:118px; height:40px; padding: 0 20px; line-height:40px; background:#ffde33; color:#ffffff; font-size:16px; text-align:center;  }
#container .main-visual .con-wrap .txt { float:left; margin:158px 0 0; }
#container .main-visual .con-wrap .img { position:absolute; bottom:0; right:0; z-index:-1;width: 1050px; }
.con-wrap img {float:right;}

/* 메인 - 상품 */
#container section.main-product { height:870px; -webkit-transform: skewY(3deg); -moz-transform: skewY(3deg); -ms-transform: skewY(3deg); -o-transform: skewY(3deg); transform: skewY(3deg); }
#container section.main-product .conTain { padding:55px 0; -webkit-transform: skewY(-3deg); -moz-transform: skewY(-3deg); -ms-transform: skewY(-3deg); -o-transform: skewY(-3deg); transform: skewY(-3deg); }
#container section.main-product .tit-area { margin:0 0 80px }
#container section.main-product .tit-area h2 { font-size:28px; color:#222; margin:0 0 30px;font-family: KBFGDisplayB; }
#container section.main-product .tit-area li { position: relative;font-weight:100;cursor:pointer; display:inline-block; vertical-align:top; margin-right:36px; letter-spacing:-1px; font-size:18px; padding:0 0 5px; color:#4d4d4f }
#container section.main-product .tit-area li:hover { color:#000; }
#container section.main-product .tit-area li a{color:#000;font-family: KBFGDisplayL;}
#container section.main-product .tit-area li a:after {content: '';display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #4d4d4f;}
#container section.main-product .tit-area li.active {font-weight:400;/*border-bottom:2px solid #4d4d4f*/ }
#container section.main-product .tit-area li.active a {font-family: KBFGDisplayM;}
#container section.main-product .tit-area li a:hover:after {content: '';display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #4d4d4f;}
#container section.main-product .tit-area li.active a:after, #container section.main-product .tit-area li:hover a:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #222222;display: inline-block;border-radius: 30px;}
#container section.main-product .con-area { display:none; position:relative }
#container section.main-product .con-area.active { display:block }
#container section.main-product .con-area:after { clear:both; display:block; content:"" }
#container section.main-product .con-area .img {position:absolute; top:0; left:-85px; width:568px; height:545px;background-repeat: no-repeat; background-position: 0 0;}
#container section.main-product .con-area .img img{width:100%;}
#container section.main-product .con-area .txt { float:right; text-align:left; margin:40px 0 0; width: 390px; }
#container section.main-product .con-area .txt .ico-ticker { width:119px; line-height:35px;text-align:center; background:#fff4ad;font-family: KBFGDisplayM;border-radius:30px; font-size:20px; color:#555555; }
#container section.main-product .con-area .txt h3 {font-size:44px;line-height:1.25;color: #222;margin:15px 0 25px;font-family: KBFGDisplayB;}
#container section.main-product .con-area .txt strong { display:block; margin:0 0 15px; font-size:24px; color:#555555;line-height: 1.4; }
#container section.main-product .con-area .txt p { margin:0 0 30px; font-size:20px; line-height: 1.4; color:#555555; }
#container section.main-product .con-area .txt a.more {display:inline-block;margin-right:10px;width: 118px;line-height:40px;background:#555555;border-radius: 21px;font-size:16px;text-align:center;color:#ffe157;background: #555555;border: 1px solid #555555;}
#container section.main-product .con-area .txt a.all-more {display:inline-block;width: 154px;line-height:40px;border: 1px solid #555555;border-radius: 21px;font-size:16px;text-align:center;color:#4d4d4f;box-sizing: border-box;}

/* 메인 - KB라이프 */
#container section.main-life { height:870px;  background-repeat: no-repeat; background-position: 50% 50%; background-size:cover; -webkit-transform: skewY(3deg); -moz-transform: skewY(3deg); -ms-transform: skewY(3deg); -o-transform: skewY(3deg); transform: skewY(3deg); }
#container section.main-life .conTain { padding:55px 0; -webkit-transform: skewY(-3deg); -moz-transform: skewY(-3deg); -ms-transform: skewY(-3deg); -o-transform: skewY(-3deg); transform: skewY(-3deg); }
#container section.main-life .tit-area { margin:0 0 55px; }
#container section.main-life .tit-area h2 { font-size:28px; color:#fff; margin:0 0 30px;font-family: KBFGDisplayB;}
#container section.main-life .tit-area li { position: relative;font-weight:100;cursor:pointer; display:inline-block; vertical-align:top; margin-right:36px; letter-spacing:-1px; font-size:18px; padding:0 0 5px; color:#fff }
#container section.main-life .tit-area li:hover { color:#fff; }
#container section.main-life .tit-area a{color:#fff;letter-spacing: -0.5px;}
#container section.main-life .tit-area li.active { font-weight:400;}
#container section.main-life .tit-area li a:hover:after {content: '';display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #4d4d4f;}
#container section.main-life .tit-area li.active a:after, #container section.main-life .tit-area li:hover a:after {content: '';position: absolute;bottom: 0;left: 0;width: 102%;height: 2px;background: #ffffff;display: inline-block;border-radius: 30px;}
#container section.main-life .con-area { display:none; position:relative }
#container section.main-life .con-area.active { display:block }
#container section.main-life .con-area:after { clear:both; display:block; content:"" }
#container section.main-life .con-area .img { position:absolute; top:0; right:-40px; width:568px; height:560px; background-repeat: no-repeat; background-position: 0 0; z-index: -1;}
#container section.main-life .con-area .txt { float:left; text-align:left; margin:40px 0 0;  }
#container section.main-life .con-area .txt .ico-ticker { width:100px; line-height:35px; text-align:center; background:#fff0ab; border-radius:5px; font-size:20px; color:#4d4d4f }
#container section.main-life .con-area .txt h3 { font-family: KBFGDisplayB; font-size:44px; line-height:1.25; color:#fff; margin:10px 0 25px;}
#container section.main-life .con-area .txt strong { display:block; margin:0 0 15px; font-size:24px; color:#fff; }
#container section.main-life .con-area .txt p { margin:0 0 30px; font-size:20px; line-height: 1.4; color:#fff; }
#container section.main-life .con-area .txt a.more {display:inline-block;margin-right:10px;line-height:40px;width: 118px;background:#fff;border: 1px solid #fff;border-radius: 21px;font-size:16px;text-align:center;color:#00a0cd;}
#container section.main-life .con-area .txt a.all-more {display:inline-block;line-height:40px;border:1px solid #fff;border-radius: 21px;font-size:16px;text-align:center;color:#fff;width: 118px;}

/* 메인 - KB스토리 */
#container section.main-story { height:870px; -webkit-transform: skewY(3deg); -moz-transform: skewY(3deg); -ms-transform: skewY(3deg); -o-transform: skewY(3deg); transform: skewY(3deg); }
#container section.main-story .conTain {padding:25px 0;-webkit-transform: skewY(-3deg);-moz-transform: skewY(-3deg);-ms-transform: skewY(-3deg);-o-transform: skewY(-3deg);transform: skewY(-3deg);}
#container section.main-story .tit-area {margin: 0 0 30px;}
#container section.main-story .tit-area h2 {font-family: KBFGDisplayB;font-size:28px;color:#222;text-align:left;margin: 20px 0 30px;}
#container section.main-story .con-area:after { clear:both; display:block; content:"" }
#container section.main-story .con-area .con:first-child { float:left; width:445px; text-align:center }
#container section.main-story .con-area .con:last-child { float:right; width:445px; text-align:center }
#container section.main-story .con-area .con h3 { font-size:18px; color:#222222; }
#container section.main-story .con-area .con .bg1 {margin: 23px 0 30px 0;width:568px;height:405px;background-repeat: no-repeat;background-position: 50% 50%;}
#container section.main-story .con-area .con .bg2 {margin: 23px 0 30px 0;width:568px;height:405px;background-repeat: no-repeat;background-position: 50% 50%;}
#container section.main-story .con-area .con strong {display:block;margin:0 auto 15px;font-size:20px;color:#222222;width:300px;height:57px;line-height: 1.3;}
#container section.main-story .con-area .con p {margin: 0 auto 25px;font-size:16px;color:#555;width:300px;height:46px;line-height: 1.4;}
#container section.main-story .con-area .con a.more {display:inline-block;margin-right:10px;width: 118px;line-height:40px;background:#4d4d4f;border-radius: 21px;font-size:16px;text-align:center;height: 40px;color:#e4e4e4;}
#container section.main-story .con-area .con a.all-more {display:inline-block;width: 118px;line-height:40px;border:1px solid #555555;border-radius: 21px;font-size:16px;height: 40px;text-align:center;color:#555555;}
.con-area img { width: 100%;}

/* 메인 - KB스타클럽 & 나의 KB생명 & 고객센터*/
#container section.main-bottom {background-repeat: no-repeat;  background-position:50% 0; background-size:100%; }
#container section.main-bottom .conTain { padding:65px 0 0; }
#container section.main-bottom .tit-area { margin:0 0 60px }
#container section.main-bottom .tit-area h2 { font-family: KBFGDisplayB;font-size:28px; color:#222; margin:0 0 15px }
#container section.main-bottom .tit-area p { font-size:18px; color:#666666; }
#container section.main-bottom .con-area { padding:0 0 70px; }
#container section.main-bottom .con-area ul.club:after { clear:both; display:block; content:"" }
#container section.main-bottom .con-area ul.club li {float:left; width:25%; text-align:center; cursor:pointer }
#container section.main-bottom .con-area ul.club li .ico { display:block }
#container section.main-bottom .con-area ul.club li:nth-child(1) .ico { margin:0 auto 25px; width:105px; height:105px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sznva-pyho-vpb1.cat') no-repeat 50% 50%; }
#container section.main-bottom .con-area ul.club li:nth-child(2) .ico { margin:0 auto 25px; width:105px; height:105px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sznva-pyho-vpb2.cat') no-repeat 50% 50%; }
#container section.main-bottom .con-area ul.club li:nth-child(3) .ico { margin:0 auto 25px; width:105px; height:105px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sznva-pyho-vpb3.cat') no-repeat 50% 50%; }
#container section.main-bottom .con-area ul.club li:nth-child(4) .ico { margin:0 auto 25px; width:105px; height:105px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sznva-pyho-vpb4.cat') no-repeat 50% 50%; }
#container section.main-bottom .con-area ul.club li strong {font-size:18px;color:#222222;line-height: 1.4;}
#container section.main-bottom .con-area ul.club li p {font-size:16px;color:#666666;margin:10px 0 0;line-height: 1.4;}
#container section.main-bottom .con-area.line { padding:0 }
#container section.main-bottom .con-area.line:after { clear:both; display:block; content:"" }
#container section.main-bottom .con-area.line h2 { font-family: KBFGDisplayB;font-size:28px; color:#222; margin:0 0 50px; }
#container section.main-bottom .con-area.line div { float:left; width:50%; height:345px; overflow:hidden; padding:60px 60px 70px; border-top:1px solid #eee; border-bottom:1px solid #eee;  }
#container section.main-bottom .con-area.line div:first-child { border-right:1px solid #f2f2f5; padding-left:0; padding-right:0 }
#container section.main-bottom .con-area ul.life:after { clear:both; display:block; content:"" }
#container section.main-bottom .con-area ul.life li { float:left; margin-right:40px; text-align:center; cursor:pointer }
#container section.main-bottom .con-area ul.life li:last-child { margin:0 }
#container section.main-bottom .con-area ul.life li .ico { display:block }
#container section.main-bottom .con-area ul.life li:nth-child(1) .ico { margin:0 auto 15px; width:72px; height:72px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_1.cat') no-repeat; }
#container section.main-bottom .con-area ul.life li:nth-child(2) .ico { margin:0 auto 15px; width:72px; height:72px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_2.cat') no-repeat; }
#container section.main-bottom .con-area ul.life li:nth-child(3) .ico { margin:0 auto 15px; width:72px; height:72px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_3.cat') no-repeat; }
#container section.main-bottom .con-area ul.life li:nth-child(4) .ico { margin:0 auto 15px; width:72px; height:72px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Scp_zlxo_vpba_5.cat') no-repeat; }
#container section.main-bottom .con-area ul.life li p { font-size:14px; color:#222222; }
#container section.main-bottom .con-area ul.cs:after { clear:both; display:block; content:"" }
#container section.main-bottom .con-area ul.cs li { float:left; width:50%; margin:0 0 18px; padding-left:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sznva-qbg.cat') no-repeat 0 50%;  }
#container section.main-bottom .con-area ul.cs li a { font-size:16px; color:#222 }

.club .ico {background-size: 100% !important;}
.life .ico {background-size: 100% !important;}

/*이벤트 - 배너*/
#container section.main-bottom .con-area:after{clear:both; display:block; content:"" }
#container section.main-bottom .con-area .banner-box-01 { float:left; width:460px;height:150px; }
#container section.main-bottom .con-area .banner-box-01 img {width: 100%;}
#container section.main-bottom .con-area .banner-box-01:first-child{margin-right:37px;}
#container section.main-bottom .con-area .banner-box-01:after { clear:both; display:block; content:"" }
#container section.main-bottom .con-area .banner-box-02 { float:left; width:460px;height:150px; }
#container section.main-bottom .con-area .banner-box-02 img {width: 100%;}
#container section.main-bottom .con-area .banner-box-02:after { clear:both; display:block; content:"" }




/* 메인 - 공지사항 */
#container section.main-notice { height:100px; }
#container section.main-notice .contain { padding:40px 0 0; position:relative}
#container section.main-notice .contain h2 { float:left; width:10%; vertical-align:middle; height:30px; line-height:30px; font-size:18px; color:#222; margin:0; padding:0 }
#container section.main-notice .contain .notice-area { float:left; width:80%; height:30px; line-height:30px; overflow:hidden; vertical-align:middle; margin-left:30px; }
#container section.main-notice .contain .notice-area ul.rolling li a { font-size:16px; color:#222 }
#container section.main-notice .contain .notice-btn { float:right; top:-8px; position:relative; width:20px; height:40px; }
#container section.main-notice .contain .notice-btn button { border:0; position:absolute;  }
#container section.main-notice .contain .notice-btn button.n-btn.up { top:0; left:0; width:20px; height:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sabgvpr-oga-hc.cat') no-repeat 0 0; background-size:contain }
#container section.main-notice .contain .notice-btn button.n-btn.down { top:20px; left:0; width:20px; height:20px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sabgvpr-oga-qbja.cat') no-repeat 0 0; background-size:contain }


/****** 푸터 ******/
#footer {/* height:auto;*/ position:relative }
#footer .inside { position:relative }
#footer .link-contain { height:65px; line-height:65px; border-top:1px solid #f2f2f5; border-bottom:1px solid #ebebed; }
#footer .link-contain ul.f-menu:after { clear:both; display:block; content:"" }
#footer .link-contain ul.f-menu { display:flex; border-left:1px solid #f2f2f5; border-right:1px solid #f2f2f5; }
#footer .link-contain ul.f-menu li { cursor:pointer; flex:1; font-size:14px; border-right:1px solid #f2f2f5; padding:0 12px;  }
#footer .link-contain ul.f-menu li:last-child { border:0 }
#footer .link-contain ul.f-menu li span { color:#666; }
#footer .link-contain ul.f-menu li span:after { padding-left:5px; color:#666; content:"+"; }
#footer .copy-contain { background:#f6f6f6; padding:40px 0 100px }
#footer .copy-contain ul.tel { margin:0 0 5px; }
#footer .copy-contain ul.tel li {font-weight:500;display:inline-block;vertical-align:middle;font-size:13px;color:#666;margin-right:14px;line-height: 24px;}
#footer .copy-contain ul.tel li:last-child {margin-right:0;}
#footer .copy-contain ul.tel li a {font-weight:300;margin-left:2px;vertical-align: middle;display:inline-block;font-size:12px;color:#666;text-align:center;background:none;width:50px;border:1px solid #ddd;height: 23px;line-height: 22px;}
#footer .copy-contain ul.tel li a.p-color{color:#f46600 !important;font-family:KBFGDisplayB; display:inline-block; vertical-align:middle; font-size:14px;border:none;width:100%;margin-left:0; text-align:left;}
#footer .copy-contain ul.tell { margin:30px 0 30px; }
#footer .copy-contain ul.tell li { position:relative;font-family:KBFGDisplayB; display:inline-block;}
#footer .copy-contain ul.tell li:first-child a{padding-left:0px;}
#footer .copy-contain ul.tell li:last-child::after{display:none;}
#footer .copy-contain ul.tell li:after{position:absolute; top:3px; width:1px; height:12px;background-color:#555; content:'';}
#footer .copy-contain ul.tell li a{font-size:14px;color:#222; text-align:left; padding:0 10px;}

#footer .copy-contain .copyright {margin: 0px 0 37px;}
#footer .copy-contain .copyright p {font-size:14px;color:#666;line-height:20px;margin:0;font-weight:300;}
#footer .copy-contain .copyright p.notice a{margin-bottom: 12px;color: #666;}
#footer .copy-contain .copyright p.addr { margin:0 0 12px;}
#footer .copy-contain ul.sns-link { font-size:0; }
#footer .copy-contain ul.sns-link li { display:inline-block; vertical-align:middle; margin-left:-2px; margin-right:20px }
#footer .copy-contain ul.f-banner {margin: 40px 0 0;padding:20px 0 0;border-top:1px solid #ebebed;font-size:0;}
#footer .copy-contain ul.f-banner li { display:inline-block; vertical-align:bottom; margin-left:-2px; margin-right:20px }
#footer .copy-contain .qrcode { position:absolute; top:130px; right:0; }
#footer .copy-contain .qrcode span { display:inline-block; vertical-align:bottom; margin-right:5px; font-size:12px; color:#666; line-height:15px }
#footer .copy-contain .qrcode img { display:inline-block; vertical-align:bottom;  }
#footer .tot-menu { display:none; position:absolute; left:0; bottom:65px; width:100%; padding:25px 0; border:1px solid #ebebed; background:#fff; z-index:22 }
#footer .tot-menu.active{display:block;}
#footer .tot-menu ul.f-menu2 { width:100%; display:flex; align-items:flex-end }
#footer .tot-menu ul.f-menu2:after { clear:both; display:block; content:"" }
#footer .tot-menu ul.f-menu2 li { flex:1; cursor:pointer;  line-height:120% }
#footer .tot-menu ul.f-menu2 li a { display:block; padding:8px 12px; font-size:13px; color:#666; letter-spacing:-1px }
#footer .tot-menu ul.f-menu2 li a:hover { color:#ffde33 }


/***** 팝업 *****/

/* 검색결과 */
.pop-sch {display:none;position:absolute; top:124px; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:999 }
.pop-sch .contain { position:relative; border-top:1px solid #e9ecef;height:90%; background:#fff; overflow-y: auto;}
.pop-sch .contain .search-wrap{margin-top:0 ;border:none !important}
.pop-sch .contain .inside { padding:20px 0;}
.pop-sch .contain .inside-1 { padding:0px 0 20px 0; }
.inside-1 { width:960px; margin:0 auto;  }
.inside-1:after { display: block; clear: both; content: ""; }
.pop-sch .contain .tit-area { position:relative;  }
.pop-sch .contain .tit-area:after { clear:both;display:block; content:"" }
.pop-sch .contain .tit-area h1 { margin:0; padding:0; float:left; line-height:50px; font-size:28px; color:#fcaf17 }
.pop-sch .contain .tit-area .sch { margin-top:50px; position:relative; display:inline-block;width:960px; height:55px; line-height:55px; }
.pop-sch .contain .tit-area .sch input.sch-str { font-size:18px; width:960px; height:50px; padding:3px 15px 0 50px; border:1px solid #222; }
.pop-sch .contain .tit-area .sch input.sch-str:focus { outline-offset: .2rem;border:1px solid #222 !important;}/*[cyb][접근성]*/
.pop-sch .contain .tit-area .sch input.sch-str.active { border:1px solid #222; }/*[cyb][접근성]*/
.pop-sch .contain .tit-area .sch .ico-voice-sch{position:absolute;top:15px;right:15px;width:27px;height:27px;padding:0 24px 0 0;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-ibvpr-ox.cat') no-repeat;cursor:pointer;}/* [cyb][접근성] */
.pop-sch .contain .tit-area .sch .ico-voice-sch span{position:absolute;top:0;left:50%;display:block;}

.pop-sch .contain .tit-area .sch button.pop-sch-btn { position:absolute; top:15px; right:0; left:15px; width:27px; height:27px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc-ox.cat') 0 0 no-repeat }/* [cyb][접근성] */
.pop-sch .contain .close { cursor:pointer; position:absolute; top:10px; right:0px; width:30px; height:30px }
.pop-sch .contain .pop-close:before,
.pop-sch .contain .pop-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  background-color: #666;
  box-sizing: content-box;
}
.pop-sch .contain .pop-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.pop-sch .contain .pop-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.pop-sch .contain .result { border-bottom:1px solid #e9ecef }
.pop-sch .contain .result h2 { padding:0; margin:0; font-size:20px; color:#222;float:left; }
.pop-sch .contain .result-tbl { margin:20px; height:620px; overflow-y:auto }
.pop-sch .contain .result-tbl li { font-size:18px; color:#666; margin:0 0 22px }
.pop-sch .contain .result-tbl li a { color:#222; }
.pop-sch .contain .result-tbl li a:hover { color:#ffde33 }

.pop-sch .container .result { border-bottom:1px solid #e9ecef }
.pop-sch .container .result h2 { padding:0; margin:0; font-size:20px; color:#222;float:left; }
.pop-sch .container .result-tbl { margin:20px; height:620px; overflow-y:auto }
.pop-sch .container .result-tbl li { font-size:18px; color:#666; margin:0 0 22px }
.pop-sch .container .result-tbl li a { color:#222; }
.pop-sch .container .result-tbl li a:hover { color:#ffde33 }

.pop-sch .contain .result .sort-box{float:right;text-align:left;}
.pop-sch .contain .result .sort-box li{display:inline-block;font-size:18px;}
.pop-sch .contain .result .sort-box li:before{display:inline-block;width:1px;height:12px;margin:-3px 7px 0 6px;background-color:#ddd;vertical-align:middle;content:'';}
.pop-sch .contain .result .sort-box li:first-child:before{display:none;}
.pop-sch .contain .result .sort-box .active a{color:#222;font-weight:500;}
.pop-sch .contain .result .sort-box li a{color:#666;}

.search-wrap {margin-top:0;border:0;}
.search-wrap .rs-list-area{position: relative;float:left;margin:19px 0 60px 0;}
.search-wrap .rs-list-area .rs-list{width:960px;padding:40px 20px 40px 26px;border-top:1px solid #e9ecef;}
.search-wrap .rs-list-area .rs-list:first-child {border-top:none;}
.search-wrap .rs-list-area .rs-list h3{position:relative;margin:20px 0 0 0;padding:0 65px 0 0;font-size:20px;color:#222;}
.search-wrap .rs-list-area .rs-list h3 .total{margin:0 0 0 3px;}
.search-wrap .rs-list-area .rs-list h3 .total:before{display:inline-block;content:'(';}
.search-wrap .rs-list-area .rs-list h3 .total:after{display:inline-block;content:')';}
.search-wrap .rs-list-area .rs-list h3 .link-more{position:absolute;top:2px;right:0;padding:0 18px 0 0;font-size:12px;color:#666;}
.search-wrap .rs-list-area .rs-list h3 .link-more:after{content:'';display:block;position:absolute;top:60%;right:0;width:7px;height:7px;margin:-2px 0 0 0;border:solid #666;border-width:1px 1px 0 0;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transform-origin:center;transform-origin:center;}
.search-wrap .rs-list-area .list-menu dl{margin:19px 0 0 0;}
.search-wrap .rs-list-area .list-menu dl > dt{font-size:18px;color:#666666;}
.search-wrap .rs-list-area .list-menu dl > dd{margin:12px 0 0 0;font-size:17px;color:#666;font-weight:100;}
.search-wrap .rs-list-area .list-menu dl > dd > span{display:inline-block;}
.search-wrap .rs-list-area .list-menu dl > dd > span:before{content:'';margin:0 4px 0 3px;display:inline-block;color:#666;content:'>';}
.search-wrap .rs-list-area .list-menu dl > dd > span:first-child:before{display:none;}

.search-wrap .rs-list-area .list-product .list > dl{padding:8px 0 16px;border-bottom:0px solid #f2f2f2;}
.search-wrap .rs-list-area .list-product .list > dl > dt{padding:10px 0 0 0;font-size:18px;color:#666666;}
.search-wrap .rs-list-area .list-product .list > dl > dd{width:100%;overflow:hidden;padding:10px 0 0 0;font-size:17px;font-weight:100;color:#666;letter-spacing:-0.02em;height:3.5em;overflow:hidden;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;text-overflow:ellipsis;}

.search-wrap .rs-list-area .list-contents{/*padding-bottom:15px;*/}
.search-wrap .rs-list-area .list-contents h4{margin:17px 0 6px 0;font-size:18px;color:#222;}
.search-wrap .rs-list-area .list-contents > ul > li{position:relative;padding:11px 0 20px;}
.search-wrap .list-area .list-contents > ul > li:after{clear:both;display:block;content:'';}
.search-wrap .rs-list-area .list-contents > ul > li .img-thumb{float:left;display:block;width:144px;height:105px;margin:0 20px 0 0;border-radius:4px;}
.search-wrap .rs-list-area .list-contents > ul > li .img-thumb img{width:100%;height:100%;border-radius:9px;border:1px solid #c4c4c4;}
.search-wrap .rs-list-area .list-contents > ul > li .subject{display:block;height:85px;}
.search-wrap .rs-list-area .list-contents > ul > li .subject > span{padding:3px 0 5px 0;font-size:18px;color:#666666;}
.search-wrap .rs-list-area .list-contents > ul > li .subject > span.txt{display:block;height:2.7em;line-height:1.3;font-size:17px;color:#666;font-weight:100;letter-spacing:-0.03em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left;letter-spacing:-0.04em;}
.search-wrap .rs-list-area .list-contents > ul > li .subject-detail{display:block;height:55px;padding-top:22px;}
.search-wrap .rs-list-area .list-contents > ul > li .subject-detail > span{display:-webkit-box;padding:3px 0 5px 0;font-size:18px;color:#666666;}
.search-wrap .rs-list-area .list-contents > ul > li .subject-detail > span.txt{display:block;font-size:17px;color:#666;font-weight:100;letter-spacing:-0.03em;height:2.5em;overflow:hidden;line-height:1.3;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;text-overflow:ellipsis;}
.search-wrap .rs-list-area .list-contents > ul > li .date{font-size:14px;color:#666;display:block;}
.search-wrap .rs-list-area .list-faq{/*padding-bottom:13px;*/}
.search-wrap .rs-list-area .list-faq .list > dl > dt{padding:18px 0 17px;}
.search-wrap .rs-list-area .list-faq .list > dl > dt .tg-btn{font-size:18px;color:#666;width:920px;}
.search-wrap .rs-list-area .list-faq .list > dl > dd{/*margin:0 -20px 10px;*/}
.search-wrap .rs-list-area .list-faq .list .edit-area{padding:20px 20px;border:1px solid #eee;background-color:#fcfcfc;color:#666;line-height:22px;font-size:17px;font-weight:100;}
.search-wrap .rs-list-area .list-web .list > dl{margin:9px 0 0 0;}
.search-wrap .rs-list-area .list-web .list > dl:first-child{margin-top:0;}
.search-wrap .rs-list-area .list-web .list > dl > dt{padding:19px 0 6px;font-size:18px;color:#666;}
.search-wrap .rs-list-area .list-web .list > dl > dd .desc{margin:7px 0 7px 0;color:#666;font-size:17px;font-weight:100;height:2.5em;overflow:hidden;line-height:1.3;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;text-overflow:ellipsis;}
.search-wrap .rs-list-area .list-web .list > dl > dd .date{font-size:14px;color:#666;}

.search-Result1{display:block;clear:both;margin:19px 0 0 0;width:100%;padding:20px;text-align:center;font-size:18px;color:#666666;}
.search-Result2{display:block;clear:both;margin:19px 0 0 0;width:100%;padding:20px;border-top: 1px solid #666666;border-bottom:1px solid #eeeeee;text-align:center;font-size:18px;color:#666666;}

.search-wrap .search_ban {display:block;position: relative;float:left;clear:both;width:960px;height:140px;}
.search-wrap .search_ban a {text-decoration: none;color: #fff;}
.search-wrap .search_ban h4 {margin: 0;padding-top: 20px;font-size: 24px;font-weight: bold;color: #ffffff; letter-spacing:-1px;}
.search-wrap .search_ban p {line-height: 8px;margin-top: 11px;color: #ffffff; font-size: 16px;}
.search-wrap .search_ban img {position: absolute;bottom: 0;right: 0;top:0;}
/*pagination*/
.pagination {clear:both;/*margin-bottom:60px;*/text-align: center;}
.pagination .prev {position: relative;}
.pagination .prev:before {content:''; position:absolute; box-sizing:content-box;top:50%;left:50%; width:6px; height:6px;transform:translate(-50%, -50%) rotate(45deg);margin-left:2px;border-left:1px solid #666666; border-bottom:1px solid #666666;}
.pagination .prev, .pagination .next{display:inline-block;width:32px;height:32px; border:1px solid #d8d8d8;vertical-align: top;}
.pagination span {display:inline-block;margin:0 9px;}
.pagination span a, .pagination span strong{display:inline-block; width:32px;height:32px; color:#666; text-align: center; font-size:13px; line-height:32px;}
.pagination span strong {color:#222222;}
.pagination .next {position: relative;}
.pagination .next:before {content:''; position:absolute; box-sizing:content-box;top:50%;left:50%; width:6px; height:6px;transform:translate(-50%, -50%) rotate(45deg);margin-left:-2px;border-right:1px solid #666666; border-top:1px solid #666666;}
.sr-only {position: absolute;z-index:-1; overflow: hidden; width:1px; height:1px;margin:0 !important;font-size:1px; line-height:2; opacity:0;}

/* toggle */
.bx-toggle .tg-btn{position:relative;font-size:16px;color:#666;background-color:#fff;text-align:left;}
.bx-toggle .tg-btn:after{position:absolute;top:50%;right:0;content:'';display:inline-block;width:7px;height:7px;margin:0 0 0 13px;border:solid #666;border-width:0 1px 1px 0;-webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg);-webkit-transform-origin:center;transform-origin:center;}
.bx-toggle .active .tg-btn:after{-webkit-transform:translateY(-50%) rotate(-135deg); transform:translateY(-50%) rotate(-135deg);}
.bx-toggle .tg-conts{display:none;}
.bx-toggle .active .tg-conts{display:block;}
/* tab -자동완성*/
.bxx-tab .tab-menu:after{clear:both;display:block;content:''}
.bxx-tab .tab-menu li{float:left;}
.bxx-tab .tab-conts .tab-cont{/*display:none;*/}
.search-wrap .search-layer{min-height:1px;border-top:0px solid #eee;}
.search-wrap .search-layer .bxx-tab .tab-menu li{position:relative;width:50%;height:54px;border-bottom:1px solid #e9ecef;text-align:center;}
.search-wrap .search-layer .bxx-tab .tab-menu li:before{position:absolute;top:50%;left:0;width:1px;height:16px;margin:-8px 0 0 0;background-color:#e9ecef;content:'';}
.search-wrap .search-layer .bxx-tab .tab-menu li:first-child:before{display:none;}
.search-wrap .search-layer .bxx-tab .tab-menu li a{position:relative;display:inline-block;font-size:16px;color:#424242;line-height:54px;}
.search-wrap .search-layer .bxx-tab .tab-menu .active a{}
.search-wrap .search-layer .bxx-tab .tab-menu .active a:after{position:absolute;bottom:0;left:0;width:100%;border-bottom:2px solid #222;content:'';}
.search-wrap .search-layer .btn-area{padding:0 20px;height:56px;border-top:1px solid #e9ecef;line-height:56px;text-align:right;}
.search-wrap .search-layer .btn-area button{display:inline;width:49%;padding:0;font-size:16px;color:#666;background-color:#fff;text-align:left;vertical-align:middle;}
.search-wrap .search-layer .btn-area .btn-close{text-align:right;}
.tab-conts-1 .rs-recent-sch{position:relative;padding:10px 0px;}
.tab-conts-1 .rs-recent-sch .rs-list > li{position:relative;padding:10px 0px 10px 10px;font-size:16px;width:960px;}
.tab-conts-1 .rs-recent-sch .rs-list > li .keyword{display:inline-block;width:calc(100% - 100px);color:#666;}
.tab-conts-1 .rs-recent-sch .rs-list > li .keyword:after{content:"";}
.tab-conts-1 .rs-recent-sch .rs-list > li .date{display:inline-block;width:80px;font-size:13px;color:#666;text-align:right;}


/* common */
.p-color {color:#f46600 !important;}

/* tab */
.bx-tab .tab-menu:after{clear:both;display:block;content:'';}
.bx-tab .tab-menu li{float:left;display:inline;}
.bx-tab .tab-conts .tab-cont{/*display:none;*/display:inline;}

.bx-tab-r .tab-menu-1:after{clear:both;display:block;content:'';}
.bx-tab-r .tab-menu-1 li{float:left;display:inline;}
.bx-tab-r .tab-conts-r .tab-cont-r{/*display:none;float:right;*/display:inline;}

.search-wrap .search-layer-1{float:left;min-height:1px;width:47%;}
.search-wrap .search-layer-1 .tab-menu li{position:relative;float:left;width:100%;height:54px;border-bottom:2px solid #222222;text-align:left;}
.search-wrap .search-layer-1 .tab-menu li:before{position:absolute;top:50%;left:0;width:1px;height:16px;margin:-8px 0 0 0;background-color:#e9ecef;content:'';}
.search-wrap .search-layer-1 .tab-menu li:first-child:before{display:none;}
/* 2024.03.06 [cyb] font-weight:700 -> font-family:KBFGDisplayB; */
.search-wrap .search-layer-1 .tab-menu li a{position:relative;display:inline;font-size:18px;color:#424242;line-height:54px;/*font-weight:700;*/ font-family:KBFGDisplayB;}
.search-wrap .search-layer-1 .tab-menu li button{padding:20px 0 0;font-size:16px;color:#666;background-color:#fff;float:right;vertical-align:middle;}
.search-wrap .search-layer-1 .btn-area{display:inline-block;position:relative;float:right;margin-top:10px;width:100%;padding:0 5px;height:56px;border-top:1px solid #e9ecef;line-height:56px;text-align:right;}
.search-wrap .search-layer-1 .btn-area button{display:inline-block;padding:0;font-size:16px;color:#666;background-color:#fff;text-align:left;vertical-align:middle;}
.search-wrap .search-layer-1 .btn-area .btn-close{text-align:right;}

.search-wrap .search-layer-2{float:right;width:49%;min-height:1px;}
.search-wrap .search-layer-2 .tab-menu-1 li{position:relative;float:right;width:100%;height:54px;border-bottom:2px solid #222222;text-align:left;}
.search-wrap .search-layer-2 .tab-menu-1 li:before{position:absolute;float:right;top:50%;left:0;width:1px;height:16px;margin:-8px 0 0 0;background-color:#e9ecef;content:'';}
.search-wrap .search-layer-2 .tab-menu-1 li:first-child:before{display:none;}
.search-wrap .search-layer-2 .tab-menu-1 li a{position:relative;display:inline;font-size:18px;color:#424242;line-height:54px;font-family:KBFGDisplayB}

.search-wrap .search-layer-2 .btn-area{display:inline-block;position:relative;float:right;margin-top:10px;width:100%;padding:0 5px;height:56px;border-top:1px solid #e9ecef;line-height:56px;text-align:right;}
.search-wrap .search-layer-2 .btn-area button{display:inline-block;width:49%;padding:0;font-size:16px;color:#666;background-color:#fff;text-align:left;vertical-align:middle;}
.search-wrap .search-layer-2 .btn-area .btn-close{text-align:right;}

.tab-conts .rs-recent-sch{position:relative;padding:10px 0px;width:47%;}
.tab-conts .rs-recent-sch .rs-list > li{position:relative;padding:10px 0 8px 0;width:100%;line-height:1.4;}
.tab-conts .rs-recent-sch .rs-list > li:first-child{margin-top:20px;}
.tab-conts .rs-recent-sch .rs-list > li .Keyword{display:inline-block;width:360px;font-size:16px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tab-conts .rs-recent-sch .rs-list > li .Keyword:after{content:"";position:absolute;top:28px;left:16px;display:block;width:6px;height:1px;background:#fff;border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.tab-conts .rs-recent-sch .rs-list > li .date{display:inline-block;width:50px;font-size:13px;color:#666;text-align:right;}
.tab-conts .rs-recent-sch .rs-list > li .btn-del{position:absolute;top:50%;right:0;display:block;width:15px;height:15px;margin:-9px 0 0 0;padding:0;background-color:transparent;/*text-indent:-9999px;*/color: transparent;}
.tab-conts .rs-recent-sch .rs-list > li .btn-del:before, .tab-conts .rs-recent-sch .rs-list > li .btn-del:after {content:"";position:absolute;top:1px;left:50%;width:1px;height:13px;background:#666;border-radius:1px;}
.tab-conts .rs-recent-sch .rs-list > li .btn-del:before {-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);}
.tab-conts .rs-recent-sch .rs-list > li .btn-del:after {-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);}
.tab-conts .rs-recent-sch .btn-area{width:49%;position:absolute;bottom:-56px;left:0;z-index:1;text-align:left;}
.tab-conts-r .rs-faq .rs-list > li{border-top:0px solid #f7f7f7;position:relative;display:inline;}
.tab-conts-r .rs-faq .rs-list > li:first-child{border-top:none;margin-top:20px;display:block;}
.tab-conts-r .rs-faq .rs-list > li > a{display:inline-block;width:100%;padding:10px 0px 13px 0;font-size:16px;color:#666;line-height:1.4;}

/* 전체메뉴 */
.pop-all { display:none; position:fixed;  top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:999999 }
.pop-all .contain { position:relative; height:100%; background:#fff; }
.pop-all .contain .inside { padding:20px 25px; }
.pop-all .contain .inside.nomargin { padding:0 25px; }
.pop-all .contain .tit-area { position:relative;  }
.pop-all .contain .tit-area:after { clear:both;display:block; content:"" }
.pop-all .contain .tit-area h1 {margin:0 !important; padding:0; float:left; line-height:50px; font-size:28px; color:#222 }
.pop-all .contain .tit-area .sch { float:right; margin-right:50px; position:relative; }
.pop-all .contain .tit-area .sch input.sch-str { font-size:18px;  width:420px; height:50px; padding:3px 15px 0 50px; border:1px solid #ddd; }
.pop-all .contain .tit-area .sch input.sch-str:focus,
.pop-all .contain .tit-area .sch input.sch-str.active { border:1px solid #ffde33; }
.pop-all .contain .tit-area .sch button.pop-sch-btn { position:absolute; top:15px; right:0; left:15px;width:27px; height:27px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-fpu-gbc.cat') 0 0 no-repeat }
.pop-all .contain .close { cursor:pointer; position:absolute; top:10px; right:0px; width:30px; height:30px }
.pop-all .contain .pop-close:before,
.pop-all .contain .pop-close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 2px;
  background-color: #666;
  box-sizing: content-box;
}

.pop-all .contain .pop-close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.pop-all .contain .pop-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

.pop-all .contain .result { border-bottom:1px solid #ffde33 }
.pop-all .contain .result ul { display:flex; justify-content:space-between; }
.pop-all .contain .result ul li { cursor:pointer; padding:18px 0; font-size:18px; color:#222 }
.pop-all .contain .result ul li:hover { color:#fcaf17; border-bottom:3px solid #ffde33 }
.pop-all .contain .result ul li.active { color:#fcaf17; border-bottom:3px solid #ffde33 }
.pop-all .contain .result-tbl {margin:20px;height: calc(100% - 157px);overflow-y:auto;}
.pop-all .contain .result-tbl .tab-con { display:none }
.pop-all .contain .result-tbl .tab-con.active { display:block }
.pop-all .contain .result-tbl .tab-wrap { display:flex; flex-flow:wrap }
.pop-all .contain .result-tbl .tab-wrap .panel-col { width:25%; border-left:1px solid #eee; padding:0 15px; margin:0 0 50px  }
.pop-all .contain .result-tbl .tab-wrap a.depth-2 { display:block; font-size:18px; color:#666; margin:0 0 10px }
.pop-all .contain .result-tbl .tab-wrap a.depth-2.margin { margin:40px 0 0 }
.pop-all .contain .result-tbl .tab-wrap a.depth-2:hover { color:#9e8c6e; }
.pop-all .contain .result-tbl .tab-wrap p { font-size:18px; color:#666; margin:0 0 10px }
.pop-all .contain .result-tbl .tab-wrap p.margin-top4 { margin-top:23px }
.pop-all .contain .result-tbl .tab-wrap a.depth-3 { display:block; font-size:15px; color:#666; padding:0 0 5px }
.pop-all .contain .result-tbl .tab-wrap a.depth-3:hover { font-size:15px; color:#9e8c6e }
.pop-all .contain .result-tbl .tab-wrap .margin-top { margin-top:40px }

/* 음성검색팝업 */
.pop-voice { /*display:none; */position:fixed;  top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:999 }
.pop-voice .contain { position:relative; height:360px; background:#fff; }
.pop-voice .contain .inside { padding:50px 25px; }
.pop-voice .contain .inside.conts { padding:0 25px;}
.pop-voice .contain .inside.conts .voice-imgbox {position:relative;width:102px;height:102px;margin:0 auto;}
.pop-voice .contain .inside.conts .voice-imgbox:before{position:absolute;top:0;left:0;display:block;width:102px;height:102px;background-color:#fff0b2;border-radius:100%;content:'';-webkit-transform:scale(1);transition:1s all ease;-webkit-animation:aniSpeech 1s infinite;-webkit-animation-delay:.5s;}
@-webkit-keyframes aniSpeech{
  0% {-webkit-transform:scale(1.1);}
  50% {-webkit-transform:scale(1.2);opacity:0.9;}
  10% {-webkit-transform:scale(1.3);}
}
@keyframes aniSpeech{
  0% {-webkit-transform:scale(1.1);}
  50% {-webkit-transform:scale(1.2);opacity:0.9;}
  10% {-webkit-transform:scale(1.3);}
}
.pop-voice .contain .inside.conts .voice-imgbox .mic-area{position:absolute;top:50%;left:50%;display:block;width:102px; height:102px;background-color:#ffde33;border-radius:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
.pop-voice .contain .inside.conts .voice-imgbox .mic-area:after{position:absolute;top:50%;left:50%;display:block;width:19px;height:25px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Sfc-ibvpr-ox.cat') center center no-repeat;background-size:28px 28px;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);content:'';}/* [cyb][접근성] */
.pop-voice .contain .inside.conts .voice-imgbox.refresh {background-color:#fff;}
.pop-voice .contain .inside.conts .voice-imgbox.refresh:before{display:none;}
.pop-voice .contain .inside.conts .voice-imgbox.refresh .btn-vsch-refresh{display:block;margin:0 auto;width:102px;height:102px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svzt_abernfba.cat') no-repeat;}/* [cyb][접근성] */
.pop-voice .contain .inside.conts .result-keyword{display:block;margin:24px 20px; font-size:20px;line-height:1.3;color:#666666;text-align:center;}
.pop-voice .contain .inside.conts .img-bottom{display:block;width:92px; height:29px;float:right;margin:10px 0 30px 0;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbzzba%2Svzt_tbbtyr.cat') no-repeat;}
.pop-voice .contain .tit-area { position:relative;  }
.pop-voice .contain .tit-area:after { clear:both;display:block; content:"" }
.pop-voice .contain .close { cursor:pointer; position:absolute; top:0px; right:0px; width:30px; height:30px }
.pop-voice .contain .pop-close:before,
.pop-voice .contain .pop-close:after {content: '';position: absolute;top: 50%;left: 50%;width: 30px;height: 2px;background-color: #666;box-sizing: content-box;}
.pop-voice .contain .pop-close:before {-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.pop-voice .contain .pop-close:after {-webkit-transform: translate(-50%, -50%) rotate(135deg);transform: translate(-50%, -50%) rotate(135deg);}

/* 메인 - 팝업 */
#popup { display:none }
.popup {/* display:-webkit-flex; display:flex; -ms-display:flexbox; */align-items:center; justify-content:center;  position:fixed; top:0; left:0; width:100%; height:100%;  z-index:9999999; background:rgba(0,0,0,.5); }
.popup .contain { position:relative;width:500px !important;overflow:inherit;min-width:0 !important; padding-top:10%;}
.popup .contain .swiper-container { width:400px; height:480px; border-top-left-radius:10px; border-bottom-left-radius:50px; border-top-right-radius:50px; border-bottom-right-radius:10px; }
.popup .contain .swiper-container .swiper-wrapper .swiper-slide img { width:100%; height:auto }
.popup .contain .custom-buttons { width:500px; position:absolute; top:50%; left:50%; margin-left:-250px; z-index:99999; }
.popup .contain .custom-buttons button { margin-top:45px; border:0; width:20px; height:35px; position:absolute; top:50%; z-index:99999; }
.popup .contain .custom-buttons .custom-button.prev { left:-40px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-ceri.cat') 0 0 no-repeat }
.popup .contain .custom-buttons .custom-button.next { right:-40px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-arkg.cat') 0 0 no-repeat }
.popup .contain .day-chk { position:absolute; bottom:-25px; left:45px }
.popup .contain .close { position:absolute; bottom:-25px; right:52px;opacity: 1 !important;bottom: -25px;}
.popup .contain .close a { font-size:16px; color:#fff;font-weight:100;text-shadow: none !important; line-height: 27px;}

.popup .contain .day-chk-chk { position:relative; }
.popup .contain .day-chk-chk input[type="checkbox"] {
  width:1px;
  height:1px;
  padding:0;
  border:0 none;
  margin:0;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.popup .contain .day-chk-chk label {
  padding-left:40px;
  height:27px;
  line-height:27px;
  display:inline-block;
  background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sqnl-pux-bss.cat') no-repeat 0 0;
  vertical-align:middle;
  cursor:pointer;
  font-size:16px;
  color:#fff;
}
.popup .contain .day-chk-chk input[type="checkbox"]:checked + label{
  background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sqnl-pux-ba.cat') no-repeat 0 0;
}


/*****************************/

/* 2022.08 - 통합 구축 */

/*****************************/
#footer .copy-contain ul.tel li a {
  width: auto !important;
  margin: 0 5px 0 0;
  padding: 0 7px;
  vertical-align: super;
}
#footer .copy-contain ul.tell {
  margin: 20px 0 25px;
}
#footer .copy-contain ul.tell li {
  margin: 5px 12px 5px 0;
  padding-right: 15px;
}
#footer .copy-contain ul.tell li:after {
  right: 0;
  top: 4px;
}
#footer .copy-contain ul.tell li a {
  padding: 0;
}

.mykb-gnb {
  width: 960px;
  margin: 0 auto 40px;
  text-align: center;
}

.mykb-gnb .tit {
  padding: 24px 0;
  color: #222;
  font-size: 20px;
}

.mykb-gnb .desc {
  color: #666;
  font-size: 13px;
}

.mykb-gnb .desc div {
  margin-top: 5px;
}

.mykb-link {
  display: flex;
  align-items: flex-start;
  margin-top: 25px;
  border: 1px solid #eee;
  background-color: #fcfcfc;
}

.mykb-link > li {
  flex-grow: 1;
  width: 33.3333%;
  box-sizing: border-box;
}

.mykb-link > li:not(:first-child) {
  border-left: 1px solid #eee;
}

.mykb-link [class^=link-] {
  display: block;
  padding: 85px 0 25px;
  background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_xo.cat');
  background-repeat: no-repeat;
  background-position: center 36px;
}

.mykb-link .link-pr {
  background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_ce.cat');
}

.mykb-link .link-hp {
  background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_uc.cat');
}

.mykb-link [class^=link-]:focus,
.mykb-link [class^=link-]:hover {
  background-color: #fff;
}

.mykb-link a span {
  display: inline-block;
  position: relative;
  padding-right: 24px;
  color: #222;
  font-size: 14px;
}

.mykb-link .link-kb span::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border: 1px solid #222;
  border-width: 0 1px 1px 0;
  transform: translateY(-50%) rotate(45deg);
}

.mykb-link .active .link-kb {
  background-color: #fff;
  box-shadow: 5px 5px 9px rgb(0, 0, 0, .04);
}

.mykb-link .active .link-kb span::after {
  margin-top: 3px;
  transform: translateY(-50%) rotate(225deg);
}

.mykb-link .link-pr span,
.mykb-link .link-hp span {
  background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Spbz%2Svpb_zlxo_yvax.cat');
  background-position: right center;
  background-repeat: no-repeat;
}

/* 퀵메뉴 chatbot */
.quick-nav{position: fixed; /*bottom: 173px;*/bottom: 190px; left: 50%; z-index: 999; margin-left: 513px;}/* 25.03.26[dgp][수정] */
.quick-nav ul{width: 110px; padding-top: 25px; background-color: #fff; border: 1px solid #ccc; border-radius: 8px; text-align: center;}
.quick-nav ul li{padding-bottom: 20px; font-size: 14px;}
.quick-nav .bg_hh{background-color: #fff8e5;border-radius: 8px;margin-bottom: 10px;padding-top: 0;}
.quick-nav ul .health {position: relative;}
.quick-nav ul .health a{transform: translateY(12px);}
.quick-nav ul .health a::before{content:""; display: block; margin: 0 auto 5px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Surnygu.cat) no-repeat;background-size: 100% auto;width: 39px;}
.quick-nav ul .health::after{content: 'NEW';width: 41px;height: 18px;background: #f46600;border-radius: 9px;position: absolute;right: 0;top: -8px;color: #fff;font-size: 10px;line-height: 20px;}
.quick-nav ul li a::before{content:""; display: block; margin: 0 auto 5px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sfc-dhvpx.cat) no-repeat;}
.quick-nav ul .quick-list01::before{width: 26px; height: 32px; background-position: 0 0;}
.quick-nav ul .quick-list02::before{width: 24px; height: 30px; background-position: -50px 0;}
.quick-nav ul .quick-list03::before{width: 31px; height: 32px; background-position: -100px 0;}
.quick-nav ul .quick-list04::before{width: 27px; height: 33px; background-position: -150px 0;}
.quick-nav ul .qr-life{padding: 16px 0 20px; border-top:1px solid #ccc; border-radius: 0 0 8px 8px; background-color: #fff8e5;}
.quick-nav ul .qr-life{line-height: 18px;}
.quick-nav ul .qr-life small{display:block; font-family: KBFGDisplayL; font-size: 12px;}
.quick-nav ul .qr-life::after{content:"";display: block; width: 59px; height: 59px; margin: 3px auto 0;background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sfc-dhvpx.cat) no-repeat; background-position: -200px 0;}
/* 2025.02.03 [dgp][추가] */
.quick-nav ul .quick-list05::before{width: 36px; height: 32px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-dhvpx-yvfg05.cat) no-repeat 0 0}
.quick-nav ul .quick-list06::before{width: 36px; height: 33px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Svpb-dhvpx-yvfg06.cat) no-repeat 0 0}

/* chatbot */
.chatbot{position:fixed;left:50%;bottom:100px;z-index:1;margin-left:598px}
.chatbot a{position:absolute;right:0;bottom:0;text-indent:-9999em}
.chatbot .btn-start{height:50px;transition:width .5s linear}
.chatbot .chat1 .btn-start{width:265px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sxoyvsr_pungobg_ybat.cat) no-repeat 0 0}
.chatbot .chat2 .btn-start{width:183px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sxoyvsr_pungobg_zvqqyr_1.cat) no-repeat 0 0}
.chatbot .chat3 .btn-start{width:183px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sxoyvsr_pungobg_zvqqyr_2.cat) no-repeat 0 0}
.chatbot .btn-end{width:0;height:60px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xoyvsr.pb.xe%2Serf%2Scp%2Svzt%2Sznva%2Sxoyvsr_pungobg.cat) no-repeat 0 0;transition:width .4s .5s linear}
.chatbot .active .btn-start{width:0}
.chatbot .active .btn-end{width:60px}