@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all; -webkit-text-size-adjust:100%;}
input[type="text"],
input[type="password"],
input[type="date"],
select,
textarea {border:#ddd 1px solid; max-width:100%; border-radius:4px;}
input[type="text"],
input[type="password"],
input[type="date"],
select {height:30px; padding:0 10px;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/pub/images/arrow_select.svg') no-repeat right 20px center / 12px;}
textarea {padding:10px;}
button,a {transition:.2s linear; -webkit-tap-highlight-color:transparent;}
a.smoth_link {scroll-behavior:smooth;}
.imgfit img {width:100%; display: block; /* height:100%; */ /* max-width:100%; */ /* max-height:100%; */ /* object-fit:cover; */}
ul li:first-of-type .imgfit img {transform: scale(1.05); transform-origin: top;}

span.br {display:block;}
.mo_vw {display:none !important;}
.mo_vw2 {display:none !important;}

.inner {width:100%; max-width:1440px; margin:0 auto; padding:0 20px;}

::-webkit-scrollbar {width:10px; height:15px;}
::-webkit-scrollbar-thumb {background-color:#023770; border-radius:4px; background-clip:padding-box;}
::-webkit-scrollbar-track {background-color:transparent; border-radius:4px;}

/* overflow:hidden; ios 스크롤 막기 설정 */
html.over_h,body.over_h,
html.fancybox-lock, html.fancybox-lock body {touch-action:none; overflow-scrolling:none; -webkit-overflow-scrolling:none; overscroll-behavior:none;}

/* 높이값 설정 */
.height_vh {height:100vh; max-height:calc(var(--vh, 1vh) * 100);}

/* 익스 브라우저 사용시 */
.ie_wrap {display:none; font-family:'Noto Sans Korean', sans-serif;}
.ie_wrap .outbox {position:fixed; top:0; left:0; width:100%; height:100%; background:#f286af; display:table; table-layout:fixed; z-index:1000;}
.ie_wrap .inbox {display:table-cell; vertical-align:middle;}
.ie_wrap p {font-size:19px; color:#fff; font-weight:500; line-height:30px; text-align:center; margin-bottom:20px; text-shadow:rgba(0,0,0,.2) 0 0 10px;}
.ie_wrap .link {text-align:center; font-size:0;}
.ie_wrap .link a {display:inline-block; vertical-align:top; font-size:60px; color:#fff; margin:0 40px; text-shadow:rgba(0,0,0,.1) 0 0 10px; font-size:0;}
.ie_wrap .link a i {font-size:60px;}
body.ie {overflow:hidden;}
body.ie .ie_wrap {display:block;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	body {overflow:hidden;}
	body .ie_wrap {display:block;}
}

.blind_link a {position:fixed; top:0; left:0; width:100%;font-size:0; text-align:center; z-index:101;}
.blind_link a:active,
.blind_link a:focus {font-size:20px; color:#fff; background:#000; padding:20px;}

.green {color:#28B432 !important;}

/* 게시판 하단 */
.board_bottom .btns {overflow:hidden; margin-top:20px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:30px; line-height:30px; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border:0; border-radius:4px; vertical-align:top;}
.board_bottom .paging {text-align:center; margin-top:60px;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-size:16px; color:#444; vertical-align:top;}
.board_bottom .paging a.on {background:#343644; color:#fff;}
.board_bottom .paging .arrow {font-size:0; background:none !important;}
.board_bottom .paging .arrow:before {content:""; display:block; width:100%; height:100%; background:no-repeat 50% 50%;}
.board_bottom .paging .one:before {background-image:url('/pub/images/arrow_one.svg');}
.board_bottom .paging .two:before {background-image:url('/pub/images/arrow_two.svg');}
.board_bottom .paging .next:before,
.board_bottom .paging .last:before {transform:scale(-1);}
.board_bottom .search_wrap {background:#f5f5f5; padding:10px; text-align:center; margin-top:20px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top;}
.board_bottom .search_wrap select.text {width:100px;}
.board_bottom .search_wrap input.text {width:240px;}
.board_bottom .search_wrap .btn {width:80px; height:30px; line-height:30px; border:0; background:#0e5ba2; color:#fff; font-weight:bold; text-align:center; border-radius:4px;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in th,
.board_in td {text-align:left; padding:10px; border-bottom:#ddd 1px solid;}
.board_in th {color:#333;}
.board_in td {color:#666;}
.board_write col.w1 {width:200px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100;  transition:.2s linear; border-bottom:rgba(255,255,255,0.16) 1px solid;}
/* .header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;} */
.header .bg,
.header .dm {position:absolute; top:100%; left:0; width:100%; height:0; opacity:0; transition:.2s linear;}
.header .bg {background:#fff; border-top:rgba(255,255,255,0.16) 1px solid; z-index:0;}
.header .dm {background:rgba(0,0,0,.7); z-index:-1;}
.header .inner {position:relative; height:90px; max-width:1920px;}
.header .logo {position:absolute; top:0; left:90px; line-height:90px; font-size:0;}
.header .logo h1 {font-size:0; opacity:0; width:0; height:0;}
.header .logo img {height: 50px;}
.header .logo.fixed {display:none;}
.header.on .logo {display:none;}
.header.on .logo.fixed {display:block;}
.header .gnb {display:flex; justify-content:center; }
.header .gnb .menu {position:relative;}
.header .gnb .menu > a {position:relative; display:block; font-size:22px; color:#fff; font-weight:600; line-height:90px; text-align:center; width:100%;padding:0 70px;}
.header .gnb .menu > a.eng {font-size:20px; font-weight:500;}
.header .gnb .menu > a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:3px; z-index:1; transition:.2s linear;}
/*.header .gnb .menu.gnb1 > a {width:190px;}
.header .gnb .menu.gnb2 > a {width:190px;}
.header .gnb .menu.gnb3 > a {width:138px;}
.header .gnb .menu.gnb4 > a {width:190px;}*/
.header .gnb .menu.on > a:after {left:0; width:100%;}
/*.header .gnb .snb {position:absolute; top:100%; left:0; width:100%; height:0; overflow:hidden; transition:.2s linear; border-right:#E3E5E8 1px solid;}*/
.header .gnb .snb {height: 0; width: 100%; left: 0;display: flex;transition: .3s linear;position:fixed; overflow: hidden;  border:rgba(0,0,0,0)}
.header .gnb .snb.on {height:586px; overflow: initial;  opacity: 1;  z-index: 100;}
.header .gnb .snb .gnb-tit {width:24%; padding: 40px 0 0 4.5%;  font-size: 40px; font-weight: 600;  color: #222; background:#F3F8FF; min-width: 440px;  border-bottom: 6px solid #28B432;}
.header .gnb .snb .depth1 {background:#fff; padding: 40px 260px  40px 40px; display:flex; flex-wrap:wrap; align-content: flex-start; gap:24px 32px;   border-bottom: 6px solid #023770; width:76%;}
.header .gnb .snb .depth1 li {width:calc((100% - 64px) / 3); border-radius:5px;/* border:1px solid #E6E6E6; */height:64px;}
.header .gnb .snb .depth1 a {width: 100%; max-width:372px; display: flex; justify-content: space-between;align-items:center; position: relative; padding: 0 24px; font-size: 20px; color:#fff;  font-weight:500; height:100%; line-height:64px; border-radius:5px;}
.header .gnb .snb .depth1 a i {display:inline-block; width: 10px; height:10px; background:url('/pub/images/gnb_icon_w.svg') no-repeat center center / contain;}
/*.header .gnb .snb .depth1 a.on {background:#fff; color:#222;}
.header .gnb .snb .depth1 a.on i {background:url('/pub/images/gnb_icon.svg') no-repeat center center / contain}*/
.header .gnb .menu:first-child .snb {border-left:#E3E5E8 1px solid;}
.header .gnb .snb a {display:block; font-size:18px; background:#2196F3; color:#fff; font-weight:400; line-height:22px; text-align:center; margin-bottom:24px;}
.header .gnb .snb a:last-child {margin-bottom:0;}
.header .gnb .snb a i {background:url('/pub/images/gnb_icon_w.svg') no-repeat center center / contain}
/*.header .gnb .snb a.on {background:#fff; color:#666; font-weight:600;}
.header .gnb .snb a.on i {background:url('/pub/images/gnb_icon.svg') no-repeat center center / contain}*/
.header .btn_menu {position:absolute; top:0; right:30px; width:24px; height:90px; z-index:40;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:24px; height:2px; background:#fff; border-radius:1px; margin-left:-12px; transition:.2s linear;}
.header .btn_menu .t {margin-top:-8px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:6px;}
.header.on .btn_menu {position:fixed; top:0; right:60px;}
.header.on .btn_menu p {width:30px; height:1px; background:#999; margin-left:-15px;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {left:100%; width:0; margin-left:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .lang_wrap {display:flex; gap:32px;position:absolute;  right:140px; top:50%; transform:translate(0,-50%); }
.header .lang_wrap a {color:rgba(255,255,255,0.5); font-size:20px; font-weight:700; line-height:90px; position:relative;}
.header .lang_wrap a:nth-child(1):after {position:absolute; content:''; width:1px; height: 10px; background:rgba(255,255,255,0.5); right:-16px; top:50%; transform:translate(0,-50%);}
.header .lang_wrap a.on {color:#fff}
/*.header.hover .gnb .menu > a {width:280px;}*/
.header .sitemap {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; padding-left:41.7%; background:#fff; z-index:30; display:none;}
.header .sitemap:before {content:""; position:absolute; top:0; left:0; width:41.7%; height:100%; background:url('/pub/images/bg_sitemap.jpg') no-repeat 50% 50% / cover;}
.header .sitemap .inbox {position:relative; height:100%; display:flex; flex-direction:column; justify-content:center; padding:0 100px;}
.header .sitemap .menu {position:relative; padding-left:165px; margin-bottom:80px;}
.header .sitemap.eng .menu {padding-left:205px}
.header .sitemap .menu > a {position:absolute; top:0; left:0; font-size:28px; color:#222; font-weight:600; line-height:34px;}
.header .sitemap .snb {display:flex; gap:40px; flex-wrap:wrap;}
.header .sitemap .snb a {font-size:18px; color:#666; line-height:34px;}
.header .sitemap .snb a.on {color:#2196F3; font-weight:600;}
.header .sitemap .copy {position:absolute; bottom:60px; left:100px; font-size:14px; color:#999; line-height:16px;}
.header .sitemap .copy:before {content:""; display:block; width:100%; height:43px; background:url('/pub/images/logo.png') no-repeat 0 50% / contain; margin-bottom:16px;}

.header.fixed {background:#fff;box-shadow:rgba(0,0,0,.1) 0 0 10px; }
.header.fixed .logo {display:none;}
.header.fixed .logo.fixed {display:block;}
.header.fixed .gnb .menu > a {color:#222;}
.header.fixed .gnb .menu.on > a {color:#2196F3;}
.header.fixed .gnb .menu > a:after {background:#2196F3;}
.header.fixed .lang_wrap a {color:rgba(34,34,34,0.5);}
.header.fixed .lang_wrap a:nth-child(1):after {background:rgba(34,34,34,0.5);}
.header.fixed .lang_wrap a.on {color:#222;}
.header.fixed .btn_menu p {background:#222;}

/* footer */
.footer {position:relative; background:#292F36; padding:40px 0;}
.footer .inner {position:relative; max-width:1780px;}
.footer .links {display:flex; gap:33px; margin-bottom:30px;}
.footer .links a {position:relative; font-size:16px; color:rgba(255,255,255,.6); line-height:20px;}
.footer .links a:after {content:""; position:absolute; top:50%; right:-16px; width:1px; height:14px; background:#fff; margin-top:-7px; opacity:.2;}
.footer .links a:last-child:after {display:none;}
.footer .links a strong {font-weight:400; color:#fff;}
.footer .address {display:flex; flex-wrap:wrap; font-size:14px; color:rgba(255,255,255,.5);}
.footer .address span {display:flex;}
.footer .address i {padding:0 8px;}
.footer .copy {margin-top:10px; width:100%;}
.footer .family {position:absolute; top:0; right:20px; width:240px; z-index:20;}
.footer .family dt {position:relative; font-size:16px; color:rgba(255,255,255,.8); line-height:46px; padding:0 24px; border:rgba(255,255,255,.2) 1px solid; border-radius:5px;}
.footer .family dt:after {content:""; position:absolute; top:0; right:24px; width:10px; height:100%; background:url('/pub/images/arrow_family.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.footer .family dd {position:absolute; bottom:100%; left:0; width:100%; border:rgba(255,255,255,.2) 1px solid; border-bottom:0; border-radius:5px 5px 0 0; background:#292F36; display:none;}
.footer .family dd a {display:block; font-size:15px; color:rgba(255,255,255,.8); line-height:40px; padding:0 24px;}
.footer .family.on dt {border-radius:0 0 5px 5px;}
.footer .family.on dt:after {transform:rotate(180deg);}

/* main */
.main_wrap {padding:50px 0 60px; margin-top:90px; display:flex; align-items:center; min-height:calc(100vh - 272px);}
.main_wrap .inner {max-width:1780px; display:flex; gap:3.125%;}
.main_wrap .mtit {position:relative; font-size:24px; color:#222; font-weight:600; line-height:30px; margin-bottom:20px;}
.main_wrap .mtit .more {position:absolute; top:0; right:0; font-size:14px; font-weight:700; padding-right:18px;}
.main_wrap .mtit .more:after {content:""; position:absolute; top:0; right:0; width:10px; height:100%; background:url('/pub/images/icon_more.svg') no-repeat 50% 50% / contain;}
.main_wrap .left {width:42.1875%;}
.main_wrap .left .video {position:relative; border-radius:10px; overflow:hidden; margin-bottom:48px; font-size:0;}
.main_wrap .left .video p {position:absolute; /*top:60px; right:50px;*/ left:50px; bottom:50px; font-size:32px; color:#fff; font-weight:600; line-height:48px;}
.main_wrap .left .video video {width:100%;}
.main_wrap .left .list {border:#E3E5E8 1px solid; border-radius:10px; padding:0 24px;}
.main_wrap .left .list li {border-bottom:#E3E5E8 1px solid;}
.main_wrap .left .list li:last-child {border-bottom:0;}
.main_wrap .left .list li a {position:relative; display:block; font-size:16px; color:#222; line-height:69px; padding-right:85px;}
.main_wrap .left .list li a span {position:relative; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_wrap .left .list li.new a span {padding-right:24px;}
.main_wrap .left .list li.new a span:after {content:""; position:absolute; top:0; right:0; width:16px; height:100%; background:url('/pub//images/icon_new.svg') no-repeat 50% 50% / contain;}
.main_wrap .left .list li .date {position:absolute; top:0; right:0; font-size:14px; color:#999; font-weight:300;}
.main_wrap .right {width:54.6875%;}
.main_wrap .right .list {display:flex; gap:50px 22px; flex-wrap:wrap;}
.main_wrap .right .list li {width:calc(50% - 11px);}
.main_wrap .right .list .imgfit {position:relative; height:250px; margin-bottom:20px; display:block;}
.main_wrap .right .list .imgfit img {border-radius:10px; border:#E3E5E8 1px solid;}
.main_wrap .right .list .cate {content:""; position:absolute; bottom:-10px; right:0; font-size:16px; color:#fff; font-weight:500; line-height:44px; height:44px; width:80px; text-align:center; background:#2196F3; border-radius:20px 0;}
.main_wrap .right .list .tit {display:block; font-size:24px; color:#222; font-weight:600; line-height:30px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_wrap .right .list i.more {display:flex; align-items:center; gap:10px; font-size:14px; color:#666; line-height:16px; margin-top:10px;}
.main_wrap .right .list i.more:after {content:""; display:block; width:5px; height:16px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}

.main_wrap_new .section01 {height: 100vh; overflow:hidden; position:relative; max-height:calc(var(--vh, 1vh) * 100);}
.main_wrap_new .section01 video {object-fit:cover; width:100%; height: 100vh;  max-height:calc(var(--vh, 1vh) * 100);} 
.main_wrap_new .section01 .mv_txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-65%); width:1400px; max-width:100%;}
.main_wrap_new .section01 .mv_txt .tt {color:#fff; font-size:60px; font-weight:700; line-height:80px;}
.main_wrap_new .section01 .mv_txt .stt {color:#fff; font-size:24px; line-height:36px; letter-spacing:-0.2px; margin-top:40px;}
.main_wrap_new .section01 .navi {display:flex; gap:30px; align-items:center; z-index:1; position:absolute; bottom:220px; left:50%; transform:translate(-50%,0%); width:1400px; max-width:100%;}
.main_wrap_new .navi * {display:block; height:72px; line-height:72px;}
.main_wrap_new .navi .play_pause {position:relative; width:72px; margin-right:5px;}
.main_wrap_new .navi .play_pause > * {width:100%; display:none;}
.main_wrap_new .navi .play_pause > *.on {display:block;}
.main_wrap_new .navi .play {background:#fff; mask:url('/pub/images/mv_play.svg') no-repeat 50% 50% / 10px; -webkit-mask:url('/pub/images/mv_play.svg') no-repeat 50% 50% / 10px; display:none;}
.main_wrap_new .navi .pause {position:relative;}
.main_wrap_new .navi .pause:before,
.main_wrap_new .navi .pause:after {content:""; position:absolute; top:50%; left:50%; width:2px; height:10px; background:#fff; margin-top:-5px;}
.main_wrap_new .navi .pause:before {margin-left:-4px;}
.main_wrap_new .navi .pause:after {margin-left:2px;}
.main_wrap_new .navi .pro_round {position:absolute; top:0; left:0; width:100%; height:100%; display:block; transform:rotate(-90deg); z-index:-1;}
.main_wrap_new .navi .pro_round:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#fff 1px solid; border-radius:50%; opacity: 0.3;}
.main_wrap_new .navi .pro_round .progress {position:relative; z-index:1; width:100%;}
.main_wrap_new .navi .pro_round .progress circle {stroke:#fff; stroke-width:2; fill:transparent;}
.main_wrap_new .navi .pro_round.off .progress circle {stroke-dashoffset:-214 !important;}
.main_wrap_new .section01 .navi .arrow {height: 72px; width:12px;background:url('/pub/images/mv_arrow.svg') no-repeat center center / 12px;}
.main_wrap_new .section01 .navi .next {background:url('/pub/images/mv_arrow_next.svg') no-repeat center center / 12px;}
.main_wrap_new .section01 .scrolldown span{position:absolute;  z-index:1; bottom:80px;color:#fff; font-size:12px; opacity: 0.8;  transform:rotate(-90deg); display:block; line-height:50px; width:127px; height:54px;  text-align:right;}
.main_wrap_new .section01 .scrolldown i {position:absolute;  z-index:1; bottom:40px;display:inline-block; background:url('/pub/images/scrolldown.svg') no-repeat center center / 12px;  height:23px; width:123px; }

.main_wrap_new .section02 {padding:160px 0; position:relative;}
.main_wrap_new .section02:after {content:''; position:absolute; z-index:-1;top:0; left:50%; transform:translate(-50%,0);  width:100%; height:100vh; background:url('/pub/images/main_section02_bg_v3.jpg') no-repeat center center / cover;}
.main_wrap_new .section02 .inner {z-index:2;}
.main_wrap_new .section02 .title {font-size:40px; color:#222; font-weight:600; line-height:40px; letter-spacing:-0.2px; margin-bottom:140px;}
.main_wrap_new .main_jq_tabonoff { position: relative;  min-height: 850px;}
.main_wrap_new .section02 .main_jq_tab { position:absolute; top:175px; left:0; display: flex;gap: 20px; width:100%; max-width:420px; flex-wrap:wrap; z-index: 2; }
.main_wrap_new .section02 .main_jq_tab li button { position: relative; display: block; width:200px; height:60px; line-height:60px; color:#222; font-size:20px;  border-radius:36px; background:#fff; font-weight:600;}
.main_wrap_new .section02 .main_jq_tab li.on button { background:#2196F3; color:#fff; font-weight:600; }
.main_wrap_new .section02 .main_jq_tab li {position:relative;}
.main_wrap_new .section02 .main_jq_tab li a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.main_wrap_new .section02 .link_point {position:absolute; top:0;}
.main_wrap_new .section02 .main_jq_cont {width:100%;  padding-left:800px; margin-top:-175px; right:0;}
.main_wrap_new .section02 .cont {position:relative; overflow:inherit;}
.main_wrap_new .section02 .cont .more {transition:unset; position: absolute; left:-800px; top:55px;  color: #222; display:flex; align-items:center; font-size:14px; line-height:40px; font-weight:700;}
.main_wrap_new .section02 .cont .more i {display:inline-block; width: 10px; height:10px;  background:url('/pub/images/icon_plus_b.svg') no-repeat center center / contain; margin-left:8px;}
.main_wrap_new .section02 .cont ul {width:100%; display:contents;}
.main_wrap_new .section02 .cont ul li {margin-bottom:60px;}
.main_wrap_new .section02 .cont ul .imgfit {width:600px; height:340px; margin-bottom:24px; display:block; position:relative;border-radius:10px; overflow:hidden;}
.main_wrap_new .section02 .cont ul .imgfit img {width:100%; height:100%; object-fit:cover;}
.main_wrap_new .section02 .cont ul .imgfit .cate {content: "";  position: absolute;  top: 0px;  right: 0;  font-size: 16px;  color: #fff;  font-weight: 500;  line-height: 44px;  height: 44px;  padding: 0 20px;  text-align: center;  background: #2196F3;   border-radius: 0 12px 0 20px;}
.main_wrap_new .section02 .cont ul .tit {width:600px; margin-top:30px;height:31px; font-size:26px; font-weight:600; color:#222;  text-overflow: ellipsis; overflow: hidden; word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; display: -webkit-box; }
.main_wrap_new .section02_start {position:absolute; top:-90px;}
.main_wrap_new .section02_end {position:absolute; bottom:100vh;}
.main_wrap_new .section02.on:after {position:fixed; top:0; }
.main_wrap_new .section02.on .inner {padding-top:180px;}
.main_wrap_new .section02.on .title {position: fixed;  top: 150px; }
.main_wrap_new .section02.on .main_jq_tab {position: fixed; top:300px; left:50%; margin-left:-700px; }
.main_wrap_new .section02.on .cont .more {position:fixed; top: 205px; left:50%; margin-left:-700px;}
.main_wrap_new .section02.on .main_jq_cont {top:auto; height:auto; position:relative;}
.main_wrap_new .section02.btm:after {position:absolute; top:unset; bottom:0;}
.main_wrap_new .section02.btm .main_jq_tab {position: absolute; top:auto; bottom:0; height:calc(100vh - 460px); align-content: flex-start;}
.main_wrap_new .section02.btm .cont .more {position: absolute; top:auto; bottom:0; height:calc(100vh + 190px);}
.swiper-scrollbar {display:none;}

.main_wrap_new .section03 {padding:80px 0;  background:url('/pub/images/main_section03_bg.jpg') no-repeat center center / cover; min-height:620px;}
.main_wrap_new .section03 .title{font-size:40px; color:#fff; font-weight:600; line-height:40px; letter-spacing:-0.2px; margin-bottom:40px;}
.main_wrap_new .main_jq_tabonoff2 { position: relative;}
.main_wrap_new .section03 .main_jq_tab2 { position: absolute; top: -80px; left: 184px; display: flex;gap: 32px;}
.main_wrap_new .section03 .main_jq_tab2 li button { position: relative; display: block; font-size: 18px; color: #fff; font-weight: 600; line-height: 40px;}
.main_wrap_new .section03 .main_jq_tab2 li button:before { content: ""; position: absolute; bottom:10px; right: 0; width: 0; height: 1px;background: #fff; transition: .2s linear;}
.main_wrap_new .section03 .main_jq_tab2 li.on button:before { left: 0; width: 100%;}
.main_wrap_new .section03 .cont {position:relative;}
.main_wrap_new .section03 .cont .more {position: absolute;  top: -81px;  right: 0;  color: #fff; display:flex; align-items:center; font-size:14px; line-height:40px; font-weight:600;}
.main_wrap_new .section03 .cont .more i {display:inline-block; width: 10px; height:10px;  background:url('/pub/images/icon_plus.svg') no-repeat center center / contain; margin-left:8px;}
.main_wrap_new .section03 .cont ul {display:flex; gap:24px; }
.main_wrap_new .section03 .cont li {width:calc((100% - 72px) / 4); max-width:332px; overflow:hidden; border-radius:10px;}
.main_wrap_new .section03 .cont li a { height: 380px; display: block; padding: 40px; background: #fff;  border-radius:10px; position:relative;}
.main_wrap_new .section03 .cont li a .cate {font-size:18px; font-weight:700; margin-bottom:30px; color:#2196F3; display:block;}
.main_wrap_new .section03 .cont li a .tt {font-size:24px; font-weight:600; margin-bottom:15px; color:#222; line-height:36px; width:100%; display:block;}
.main_wrap_new .section03 .cont li a .new {display:inline-block; background:#28B432; width:18px; height:18px; font-size:12px; color:#fff; border-radius:4px; text-align:center; line-height:19px; font-weight:600; }
.main_wrap_new .section03 .cont li a .date {font-size:16px; font-weight:300; color:#999; position:absolute; bottom:40px; left: 40px;}

/* sub */
.svisual {position: relative; overflow: hidden;}
.svisual:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: subvisual 4s; animation-fill-mode: forwards; background-size: cover; background-position: center top; background-repeat: no-repeat;}
@keyframes subvisual {
	0% {transform:scale(1);}
	100% {transform:scale(1.05);}
}
.svisual .inner {position:relative; height:380px; display:flex; align-items:center;}
.svisual strong {display:block; font-size:60px; color:#fff; font-weight:700; line-height:90px;}
.svisual .location {position:absolute; bottom:87px; left:20px; display:flex;}
.svisual .location i {width:13px; height:20px; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.svisual .location em {width:40px; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50%;}
.svisual .location span {font-size:20px; color:#fff; line-height:24px;}
.svisual.g01:before {background-image:url('/pub/images/svisual01.jpg');}
.svisual.g02:before {background-image:url('/pub/images/svisual02.jpg');}
.svisual.g03:before {background-image:url('/pub/images/svisual03.jpg');}
.svisual.g04:before {background-image:url('/pub/images/svisual04.jpg');}
.svisual.g09:before {background-image:url('/pub/images/svisual09.jpg');}
.svisual.g09 .inner {padding-bottom:0;}
.svisual.g09 .location {display:none;}

.aside {position:relative; width:100%; max-width:1920px; z-index:1; background:#2196F3;  /*border-bottom:#E5E5E5 1px solid;*/}
.aside dl {max-width:1440px; padding: 0 20px; margin:0 auto;}
.aside .g,
.aside .s dt {display:none;}
.aside dd {display:flex; }
.aside a {position:relative; display:block; font-size:22px; color:#fff; font-weight:500; line-height:80px; width:200px; text-align:center; }
.aside.eng a {font-size:18px;}
/*.aside a:after {position:absolute; content:''; width:1px; height:14px; background:#ddd; top:50%; transform:translate(0,-50%); right: -1px;}
.aside a:last-child:after {content:unset;}*/
.aside a.on {background:#fff; color:#222;}
.aside.g09 {display:none;}


.container {padding:100px 0 200px; font-size:18px; color:#666; line-height:30px;}
.container .title {font-size:48px; color:#222; font-weight:600; line-height:58px; text-align:center; margin-bottom:100px;}
.container .title.mbm {margin-bottom:60px;}
.container .btit {position:relative; font-size:36px; color:#222; font-weight:600; line-height:43px; text-align:center; padding-top:23px; margin-bottom:60px;}
.container .btit:before {content:""; position:absolute; top:0; left:50%; width:28px; height:4px; background:#28B432; border-radius:2px; transform:translateX(-50%);}
.container .btit.mt {margin-top:160px;}
.container .stit {font-size:32px; color:#222; font-weight:600; line-height:38px; margin-bottom:24px;}
.container .stit.mt {margin-top:80px;}
.container .bctxt {font-size:32px; color:#222; font-weight:600; line-height:38px; margin-bottom:24px; text-align:center;}
.container p.b {font-size:20px; color:#222; line-height:24px;}

/* 준비중 */
.coming {border:#E3E5E8 1px solid; padding:95px 20px 100px; text-align:center; border-radius:10px;}
.coming:before {content:""; display:block; width:48px; height:48px; background:url('/pub/images/icon_ne.svg') no-repeat 50% 50% / contain; margin:0 auto;}
.coming strong {display:block; font-size:32px; color:#222; font-weight:600; line-height:38px; margin:24px 0 16px;}
.coming p {line-height:20px;}

/* 회사개요 */
.container.g01.s01 {padding-bottom:0;}
.overview01 {background:url('/pub/images/bg_overview01.jpg') no-repeat 50% 50% / cover; padding:80px 0;}
.overview01 .tit {font-size:36px; color:#fff; font-weight:600; line-height:56px; margin-bottom:60px;}
.overview01 .tit span {color:#2196F3;}
.overview01 table {width:55%;}
.overview01 th,
.overview01 td {color:#fff; border-bottom:rgba(255,255,255,0.1) 1px solid; padding:23px 0;line-height:25px;}
.overview01 th {font-size:24px; font-weight:600; width:190px; text-align:left;}
.overview01 td {font-size:20px; font-weight:500; color:#fff}
.overview02 {padding-top:130px; padding-bottom:160px;}
.overview02 ul {display:flex;}
.overview02 li {width:25%; border-right:#E3E5E8 1px solid; text-align:center;}
.overview02 li:last-child {border-right:0;}
.overview02 li:before {content:""; display:block; width:100%; height:67px; background:no-repeat 50% 50%;}
.overview li strong {display:block; font-size:20px; color:#222; font-weight:600; line-height:24px; margin:40px 0 16px;}
.overview02 li strong {font-size:24px; margin:26px 0 24px;}
.overview li p {font-size:18px; line-height:36px;}
.overview02 li.i1:before {background-image:url('/pub/images/icon_overview02_01.svg');}
.overview02 li.i2:before {background-image:url('/pub/images/icon_overview02_02.svg');}
.overview02 li.i3:before {background-image:url('/pub/images/icon_overview02_03.svg');}
.overview02 li.i4:before {background-image:url('/pub/images/icon_overview02_04.svg');}
.overview03 { padding-bottom:200px; background:url('/pub/images/bg2_overview01.png') no-repeat center center / cover;}
.overview03 ul {display:flex; gap:40px;}
.overview03 li {position:relative; width:calc((100% - 80px)/3); height:400px; color:#fff; font-weight:500;  border-radius:10px; padding:52px 40px;}
.overview03 li.i1 {background:#0065E9;}
.overview03 li.i2 {background:#002CA6;}
.overview03 li.i3 {background:#28B432;}
.overview03 li strong {color:#fff; padding-bottom:20px;  margin:0 0 30px 0; font-size:24px; line-height:36px;  border-bottom:1px solid rgba(255,255,255,0.1);}
/*.overview03 li strong:after {content:''; width:40px; height:1px; background:rgba(0,0,0,0.08); position:absolute; bottom:0px; left:0;}*/
.overview03 li:before {position:absolute;content:""; display:block; width:100%; height:100%;  bottom:0px; right:30px;  background:no-repeat 50% 50%;}
.overview03 li.i1:before {background-image:url('/pub/images/icon_overview03_01_v2.svg'); max-width:236px; max-height:189px; right:10px;}
.overview03 li.i2:before {background-image:url('/pub/images/icon_overview03_02_v2.svg'); max-width:193px; max-height:154px; right:20px; bottom:-5px;}
.overview03 li.i3:before {background-image:url('/pub/images/icon_overview03_03_v2.svg'); max-width:177px; max-height:144px; right:28px; bottom:-5px;}

/* 대표이사 인사말 */
.greeting {position:relative; display:flex; gap:120px; align-items:flex-start;}
.greeting .img {position:relative; width:560px; text-align:center; font-size:0; padding-left:100px;} 
.greeting .img img {border-radius:78px 0 0 0;}
.greeting .img:before,
.greeting .img:after {content:""; position:absolute;}
.greeting .img:before {bottom:60px; left:0; width:54px; height:54px; background:#DFE3EB; opacity:.49;}
.greeting .img:after {bottom:-25px; left:54px; width:86px; height:86px; background:#023770;}
/* .greeting .txt {width:calc(100% - 680px);}   2024-12-17 */
.greeting .txt {width:calc(100%);}
.greeting .tit {position:relative; font-size:32px; color:#222; line-height:50px; padding-bottom:40px; margin-bottom:65px; font-weight:600;}
.greeting .tit:after {content:""; position:absolute; bottom:0; left:0; width:40px; height:3px; background:#E3E5E8;}
.greeting .tit strong {color:#2196F3;}
.greeting .name {display:flex; gap:14px; align-items:flex-end; margin-top:65px; color:#222; font-weight:500;}
.greeting .name strong {font-size:32px; font-weight:600; line-height:32px;}

/* 연혁 */
.history_top {width:100%; height:340px; background:url('/pub/images/img_history.jpg') no-repeat 50% 50% / cover; margin-bottom:100px;}
.history_area {position:relative; padding-left:420px;}
.history_area .tit {position:absolute; top:0; left:20px; font-size:32px; color:#222; font-weight:600; line-height:50px;} 
.history_area .con {border-top:#E3E5E8 1px solid;}
.history_area dl {position:relative; padding:50px 0 50px 150px; border-bottom:#E3E5E8 1px solid;}
.history_area dt {position:absolute; top:50px; left:20px; font-size:28px; color:#222; font-weight:600; line-height:34px;}
.history_area li {position:relative; padding-left:62px; line-height:40px;}
.history_area li span {position:absolute; top:0; left:0; display:inline-block; color:#2196F3; font-weight:700; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
.his_start {position:absolute; top:-120px;}
.his_end {position:absolute; bottom:220px;}
.history_area.fix .tit {position:fixed; top:120px; left:50%; margin-left:-700px;}
.history_area.end .tit {position:absolute; top:auto; bottom:0; left:20px; margin-left:0;}

/* 조직도 */

/* 찾아오시는 길 */
.map_area {position:relative; height:450px;}
.map_area .hover_txt {position:absolute; top:0; left:0; width:100%; height:100%; font-size:20px; color:#fff; background:rgba(0,0,0,.5); z-index:20; opacity:0;}
.map_area .hover_txt p {position:relative; display:flex; justify-content:center; align-items:center; width:100%; height:100%; text-align:center; padding:0 20px;}
.map_text {margin-top:15px;}
.map_text dl {position:relative; border-bottom:#E3E5E8 1px solid; padding:22px 0 22px 150px; line-height:30px;}
.map_text dl:last-child {border-bottom:0;}
.map_text dt {position:absolute; top:22px; left:0; font-size:20px; color:#222; font-weight:600; padding-left:32px; background:no-repeat 0 50%;}
.map_text .i1 dt {background-image:url('/pub/images/icon_map_text01.svg');}
.map_text .i2 dt {background-image:url('/pub/images/icon_map_text02.svg');}
.map_text .i3 dt {background-image:url('/pub/images/icon_map_text03.svg');}
.map_text .i4 dt {background-image:url('/pub/images/icon_map_text04.svg');}
.map_text .i5 dt {background-image:url('/pub/images/icon_map_text05.svg');}
.map_text dd span {display:inline-block; vertical-align:top; font-size:16px; color:#fff; font-weight:500; line-height:30px; height:30px; width:74px; text-align:center; border-radius:15px; margin-right:15px;}
.map_text dd span.line5 {background:#9961A4;}
.map_text dd span.line9 {background:#B3A588;}
.map_text dd span.bus1 {background:#2196F3;}
.map_text dd span.bus2 {background:#E25F5F;}
.map_text dd span.bus3 {background:#2173EF;}
.map_text dd span.bus4 {background:#28B432;}
.map_text dd p {margin-bottom:15px;}
.map_text dd p:last-child {margin-bottom:0;}

/* 교보금융그룹 */
.kyobo_group01 img {display:block; margin:100px auto 0;}
.kyobo_group02 {background:#F4F5F7; padding:100px 0; margin-top:160px;}
.kyobo_group02 .btit {margin-bottom:24px;}
.kyobo_group02 ul {display:flex; flex-wrap:wrap; border-top:#E3E5E8 1px solid; border-left:#E3E5E8 1px solid; margin-top:60px;}
.kyobo_group02 li {width:25%; border-right:#E3E5E8 1px solid; border-bottom:#E3E5E8 1px solid; background:#fff;}
.kyobo_group02 li a {display:block; display:flex; justify-content:center; align-items:center; height:160px; width: 100%; padding:20px;}

/* 운용펀드 */
.tabs {display:flex; justify-content:center; align-items:center; gap:20px; margin-bottom:100px;}
.tabs a {display:block; font-size:20px; color:#222; line-height:60px; height:60px; width:200px; border-radius:36px; text-align:center; background:#fff; border:1px solid #E6E6E6;}
.tabs a.on {color:#2196F3; font-weight:600; background:#F3F8FF; border-color:#F3F8FF;}

/* 게시판 상단 */
.board_top {display:flex; margin-bottom:24px;}
.board_top.right {justify-content:flex-end;}
.board_top.between {justify-content:space-between; align-items: center;}
.board_top.between form {max-width:calc(100% - 50px);}
.board_top .search_area {display:flex; gap:10px;}
.board_top .search_area .text,
.board_top .search_area .btn {height:50px; font-size:16px; border-radius:25px;}
.board_top .search_area .text {color:#222; padding:0 20px; border:#E6E6E6 1px solid;}
.board_top .search_area select.text {width:120px; font-weight:500;}
.board_top .search_area input.text {width:285px;}
.board_top .search_area input.text::placeholder {color:rgba(153,153,153,.71);}
.board_top .search_area .btn {width:95px; color:#fff; font-weight:500; background:#343644;}
.board_top .total {font-size:16px; color:#222; line-height:20px;}
.board_top .total strong {color:#023770; font-weight:600;}

/* 갤러리 목록 */
.gall_list {display:flex; gap:60px 40px; flex-wrap:wrap;}
.gall_list li {width:calc((100% - 80px)/3);}
.gall_list .imgfit {position:relative; height:280px; margin-bottom:24px; display:block;}
.gall_list .imgfit img {border-radius:10px; border:#E3E5E8 1px solid;}
.gall_list .cate {content:""; position:absolute; top:0px; right:0; font-size:16px; color:#fff; font-weight:500; line-height:44px; height:44px; padding:0 20px; text-align:center; background:#2196F3; border-radius:0 12px 0 20px;}
.gall_list .tit {font-size:22px; color:#222; font-weight:600; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:normal; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* 더보기 */
.btn_board_more {font-size:20px; color:#fff; font-weight:500; line-height:60px; height:60px; width:200px; border-radius:30px; display:flex; justify-content:center; align-items:center; gap:13px; background:#343644; margin:60px auto 0;}
.btn_board_more:after {content:""; display:block; width:14px; height:inherit; background:url('/pub/images/arrow_board_more.svg') no-repeat 50% 50% / contain;}

/* 게시판 목록 */
.board_list {border-top:#222 1px solid;}
.board_list dl {display:table; width:100%;}
.board_list dl > *:nth-child(1) {width:150px;}
.board_list dl > *:nth-child(2) {width:auto;}
.board_list dl > *:nth-child(3) {width:150px;}
.board_list dl > *:nth-child(4) {width:160px;}
.board_list dl > *:nth-child(5) {width:170px;}
.board_list dt,
.board_list dd {border-bottom:#ddd 1px solid; display:table-cell; text-align:center;}
.board_list dt {font-size:20px; color:#222; font-weight:600; line-height:70px;}
.board_list dd {color:#555; line-height:80px;}
.board_list .tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list col.w1 {width:150px;}
.board_list col.w2 {width:160px;}
.board_list col.w3 {width:170px;}
.board_list col.w4 {width:150px;}
.board_list col.w5 {width:130px;}
.board_list col.w6 {width:270px;}
.board_list tr {transition:.2s linear;}
.board_list th,
.board_list td { border-bottom:#ddd 1px solid; text-align:center;}
.board_list th {font-size:20px; color:#222; font-weight:600; line-height:70px;}
.board_list td {color:#555; line-height:80px;}
.board_list .new a {position:relative; padding-right:30px;}
.board_list .new a:after {content:""; position:absolute; top:0; right:0; width:16px; height:100%; background:url('/pub/images/icon_new.svg') no-repeat 50% 50% / contain;}
.board_list .file {display:block; width:19px; height:25px; background:#DFDFDF; margin:0 auto; mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.board_list .state {display:block; width:70px; height:25px; line-height:25px; text-align:center; margin:0 auto; font-size:16px; color:#fff; border-radius:3px;}
.board_list .state.ing {background:#4DB848;}
.board_list .state.end {background:#999;}

/* 게시판 상세 */
.board_view img {border-radius:10px;}
.board_view .dl_tbl {margin-top:40px;}
.dl_tbl {display:flex; flex-wrap:wrap; border-top:#222 1px solid;}
.dl_tbl dl {width:50%; display:flex;}
.dl_tbl dt,
.dl_tbl dd {border-bottom:#eee 1px solid; height:auto; min-height:80px; display:flex; align-items:center;}
.dl_tbl dt {font-size:20px; color:#222; font-weight:600; justify-content:center; background:#F8F9FC; width:245px;}
.dl_tbl dd {width:calc(100% - 245px); padding-left:30px;}
.dl_tbl.wall dl {width:100%;}
.dl_tbl.tac dd {justify-content:center;}
.dl_tbl .intbl > dt {height:auto;}
.dl_tbl .intbl > dd {height:auto; padding:0; flex-direction:column;}
.dl_tbl .intbl dl dt {width:450px; background:none; border-right:#eee 1px solid;}

.btn_list {display:block; font-size:20px; color:#fff; font-weight:500; line-height:60px; height:60px; width:200px; background:#343644; border-radius:30px; text-align:center; margin:60px auto 0;}
.board_view .view_top {border-top:#222 1px solid; border-bottom:#ddd 1px solid; padding:60px 0; text-align:center;}
.board_view .view_top .state {display:inline-block; vertical-align:top; color:#fff; font-weight:500; line-height:36px; height:36px; width:67px; text-align:center; border-radius:5px; margin:1px 20px 0 0;}
.board_view .view_top .state.ing {background:#4DB848;}
.board_view .view_top .state.end {background:#999;}
.board_view .view_top strong {font-size:32px; color:#222; font-weight:600; line-height:38px;}
.board_view .view_top .date {display:flex; justify-content:center; align-items:center; gap:40px; margin-top:40px;}
.board_view .view_top .date dl {display:flex; justify-content:center; align-items:center; gap:10px;}
.board_view .view_top .date dt {color:#222; font-weight:600;}
.board_view .view_top .date dd {opacity:.6;}
.board_view .view_con {padding:60px 30px;}
.board_view .view_file {position:relative; padding:20px 20px 20px 160px; border-top:#eee 1px solid; background:#F9F9F9;}
.board_view .view_file dt {position:absolute; top:20px; left:0; padding-left:55px;}
.board_view .view_file dt:before {content:""; position:absolute; top:0; left:30px; width:15px; height:100%; background:url('/pub/images/icon_down.svg') no-repeat 50% 50% / contain;}
.board_view .view_file dd a {display:block; margin-bottom:16px; text-decoration:underline;}
.board_view .view_file dd a:last-child {margin-bottom:0;}
.board_view .prevnext {border-top:#eee 1px solid;}
.board_view .prevnext li {position:relative; padding:20px 20px 20px 160px; border-bottom:#eee 1px solid;}
.board_view .prevnext span {position:absolute; top:20px; left:0; padding-left:55px;}
.board_view .prevnext span:before {content:""; position:absolute; top:0; left:30px; width:15px; height:100%; background:url('/pub/images/arrow_prevnext.svg') no-repeat 50% 50% / contain;}
.board_view .prevnext .next span:before {transform:rotate(180deg);}
.board_view img {height:auto !important;}
.board_view .view_info dl {display: flex; border-bottom: #EBEBEB 1px solid; padding: 20px 0; line-height: 20px;}
.board_view .view_info dt {width: 160px; padding-left: 30px;}
.board_view .view_info dd {color:rgba(102,102,102,.6); width:calc(100% - 160px);}
.board_view .view_info dd a {color: #222; text-decoration: underline; word-break:break-all;}

/* 주요운용인력 */
.operating_personnel {display:flex; flex-wrap:wrap; gap:60px 24px;}
.operating_personnel li {width:calc((100% - 72px)/4);}
.operating_personnel a {display:block;}
.operating_personnel .imgfit {height:460px; border:#E3E5E8 1px solid; border-radius:10px; overflow:hidden; position: relative;}
.operating_personnel span {display:block; font-size:16px; color:#2196F3; font-weight:600; line-height:20px; margin:24px 0 8px;}
.operating_personnel strong {display:block; font-size:28px; color:#222; font-weight:600; line-height:34px; margin-bottom:12px;}
.operating_personnel i.more{display:flex; align-items:center; gap:7px; font-size:14px; color:#666; line-height:16px;}
.operating_personnel i.more:after {content:""; display:block; width:5px; height:16px; background:url('/pub/images/arrow_more.svg') no-repeat 50% 50% / contain;}

.operating_personnel_view {display:flex;}
.operating_personnel_view .imgfit {width:332px; min-height:400px; overflow:hidden;}
.operating_personnel_view .txt {width:468px; padding:60px 55px;}
.operating_personnel_view span {display:block; font-size:16px; color:#2196F3; font-weight:600; line-height:20px;}
.operating_personnel_view strong {display:block; font-size:28px; color:#222; font-weight:600; line-height:34px; margin:8px 0 30px;}
.operating_personnel_view li {position:relative; font-size:18px; color:#666; line-height:34px; padding-left:12px;}
.operating_personnel_view li:before {content:""; position:absolute; top:15px; left:0; width:3px; height:3px; background:#999; border-radius:50%;}

/* 리스크 관리체계 */
.jq_tab {display:flex; justify-content:center; align-items:center; gap:20px; margin-bottom:100px;}
.jq_tab li {width:240px;}
.jq_tab button {display:block; font-size:20px; color:#222; line-height:60px; height:60px; width:100%; border-radius:36px; text-align:center; background:#fff; font-weight: 500;  border: 1px solid #E6E6E6;}
.jq_tab .on button { color: #2196F3; font-weight: 600; background: #F3F8FF; border-color: #F3F8FF;}
.cont.pb {padding-bottom:200px;}
.tb {font-size:20px; color:#222; line-height:24px; text-align:center; margin:24px 0 60px;}
.glbox {border:#E3E5E8 1px solid; border-radius:10px; padding:90px 60px;}
.risk_care {display:flex; gap:61px; margin-bottom:100px;}
.risk_care li {width:calc((100% - 122px)/3);}
.risk_care .txt {margin-top:30px;}
.risk_care strong {display:block; font-size:28px; color:#222; font-weight:600; line-height:34px; margin-bottom:24px;}
.risk_care p {position:relative; color:#222; line-height:30px; margin-bottom:4px; padding-left:12px;}
.risk_total li.dot p {position:relative; color:#222; line-height:30px; margin-bottom:4px; padding-left:12px;}
.risk_care p:before {content:""; position:absolute; top:13px; left:0; width:3px; height:3px; background:#999; border-radius:50%;}
.risk_total li.dot p:before{content:""; position:absolute; top:13px; left:0; width:3px; height:3px; background:#999; border-radius:50%;}
.risk_care p:last-child {margin-bottom:0;}
.gbox {background:#F4F5F7; padding:100px 0;}
.gbox.radius {border-radius:10px;}
.risk_box li {position:relative; background:#fff; border-radius:10px; margin-bottom:32px; padding:40px 40px 40px 180px;}
.risk_box li:last-child {margin-bottom:0;}
.risk_box li:before {content:""; position:absolute; top:0; left:0; width:180px; height:100%; background:no-repeat 50% 50%;}
.risk_box li strong {display:block; font-size:22px; color:#222; line-height:26px; margin-bottom:16px;}
.risk_box li b {display:block; color:#222; line-height:22px; margin-bottom:10px;}
.risk_box li p {font-size:16px; line-height:30px;}
.risk_box li .pl p {line-height:28px; padding-left:10px; text-indent:-10px;}
.risk_process .inner {position:relative; padding-left:400px;}
.risk_process .tit {position:absolute; top:0; left:20px; font-size:32px; color:#222; font-weight:600; line-height:50px;}
.risk_process li.i1:before {background-image:url('/pub/images/icon_risk_process01.svg');}
.risk_process li.i2:before {background-image:url('/pub/images/icon_risk_process02.svg');}
.risk_process li.i3:before {background-image:url('/pub/images/icon_risk_process03.svg');}
.risk_process li.i4:before {background-image:url('/pub/images/icon_risk_process04.svg');}
.risk_process li.i5:before {background-image:url('/pub/images/icon_risk_process05.svg');}
.risk_total {padding-bottom:160px;}
.risk_total li {border:#E3E5E8 1px solid;}
.risk_total li.i1:before {background-image:url('/pub/images/icon_risk_total01.svg');}
.risk_total li.i2:before {background-image:url('/pub/images/icon_risk_total02.svg');}
.risk_total li.i3:before {background-image:url('/pub/images/icon_risk_total03.svg');}
.risk_total li.i4:before {background-image:url('/pub/images/icon_risk_total04.svg');}
.prevention li.i1:before {background-image:url('/pub/images/icon_prevention01.svg');}
.prevention li.i2:before {background-image:url('/pub/images/icon_prevention02.svg');}

/*고객라운지*/
.inquiry_wrap {width:100%; max-width:680px; margin:0 auto;}
.inquiry_wrap h4 {font-size:26px; font-weight:700; color:#000; padding-bottom:30px; border-bottom:1px solid #ddd;}
.inquiry_wrap .form {margin-top:40px;}
.inquiry_wrap .label {font-size:18px; line-height:32px; color:#444; font-weight:600; margin-bottom:10px; }
.required::after {content: '*';  display: inline-block; margin-left: 5px; color: #45B035;  font-size: inherit;  font-weight: 600;}
.inquiry_wrap .form input {width:100%; border:1px solid #ddd; border-radius:30px; height:60px; line-height:60px; font-size:18px; padding: 0 25px;}
.inquiry_wrap .form input::placeholder {color:#bbb;}
.inquiry_wrap .form textarea {width:100%; border:1px solid #ddd; border-radius:10px; height:240px; font-size:18px; padding: 25px;}
.inquiry_wrap .form .captcha {display:flex; gap:9px;}
.inquiry_wrap .form .captcha .img { flex-basis: 180px; flex-shrink: 0; height: 60px;}
.inquiry_wrap .form .captcha .img img {width: 100%; height: 100%;object-fit: cover; object-position:center;}
.inquiry_wrap .form .captcha button { width: 60px; height: 60px; flex-shrink: 0; border: 1px solid #ddd; border-radius: 10px; background: url(/pub/images/ico_refresh.svg) no-repeat center; background-size: 50%;}
.agree_wrap {margin-top:130px;}
.agree_wrap h4 {font-size:26px; font-weight:700; line-height:36px; color:#000; border-bottom:unset;}
.agree_wrap h4 .warn {color:#28B432;}
.agree_wrap .privacy {margin-bottom: 25px;  padding: 20px 10px 20px 20px;  border-radius: 4px;  border: 1px solid #ddd;}
.designScroll {height: 205px; overflow-y:auto; }
.agree_wrap .privacy pre {font-family: inherit; font-size: 18px; font-weight: 300; white-space: pre-wrap;}
.designScroll::-webkit-scrollbar {width:6px;}
.checkboxWrap { display: flex; flex-wrap: wrap; gap: 40px;}
input[type="radio"], input[type="checkbox"] {display:none;}
.checkboxWrap .checkbox input + label {position: relative;  padding-left: 27px;  font-size: 16px;  font-weight: 500;  color: #222;}
.checkboxWrap .checkbox input + label::before {content: '';  width: 17px; height: 17px;  position: absolute;  left: 0;  top: 2px; border: 1px solid #ddd;}
.checkboxWrap .checkbox input:checked + label::after {content: ''; width: 17px; height: 17px; position: absolute; left: 0; top: 2px; background: url(/pub/images/checkbox.svg) no-repeat left top; background-size: 100%;}
.btnWrap { display: flex;  justify-content: center;  gap: 20px;  margin-top: 60px;}
.btnWrap > * {width: 200px; line-height: 60px;text-align: center; font-size: 18px; font-weight: 500; border-radius: 100px; height:60px;}
.btnWrap .confirm { color: #fff; background: #343644;  border: 1px solid #023770;}
.btnWrap .cancel { color: #222; border: 1px solid #DDDDDD;}

/* 인재상 */
.qualifications {display:flex; flex-wrap:wrap; gap:80px 60px;}
.qualifications li {width:calc(50% - 30px);}
.qualifications img {display:block; border-radius:10px;}
.qualifications strong {display:block; font-size:24px; color:#222; font-weight:600; line-height:30px; margin:30px 0 24px;}
.qualifications p {padding-left:10px; text-indent:-10px;}
.preferences {padding:40px; margin-top:80px;}
.preferences li {margin-bottom:24px;}
.preferences li:last-child {margin-bottom:0;}
.preferences li strong {color:#222; font-weight:600;}
.promotion_system {display:flex; gap:53px; justify-content: center;}
.promotion_system li {position:relative; width:154px; height:154px; border:1px solid; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:30px;}
.promotion_system li:before {content:""; position:absolute; top:0; left:-53px; width:53px; height:100%; background:url('/pub/images/arrow_system.svg') no-repeat 50% 50%;}
.promotion_system li:first-child:before {display:none;}
.promotion_system .level {font-size:15px; color:#4DB848; font-weight:700; line-height:18px; border-bottom:#4DB848 2px solid;}
.promotion_system .year {font-size:19px; color:#000; font-weight:600; line-height:23px;}
.promotion_system li.c1 {border-color:rgba(77,184,72,.3);}
.promotion_system li.c2 {border-color:rgba(77,184,72,.4);}
.promotion_system li.c3 {border-color:rgba(77,184,72,.5);}
.promotion_system li.c4 {border-color:rgba(77,184,72,.6);}
.promotion_system li.c5 {border-color:rgba(77,184,72,.7);}
.promotion_system li.c6 {border-color:rgba(77,184,72,.8);}
.promotion_system li.c7 {border-color:#4DB848;}

/* 복리후생 */
.benefits {display:flex; flex-wrap:wrap; gap:50px 24px;}
.benefits li {position:relative; width:calc((100% - 72px)/4); background:#F3F8FF; border-radius:10px; padding:32px 32px 123px;}
.benefits .num {font-size:20px; color:#ddd; font-weight:700; font-style:italic; font-family:'Roboto';}
.benefits strong {display:block; font-size:24px; color:#222; font-weight:600; line-height:30px; margin:16px 0;}
.benefits p {font-size:16px;}
.benefits li:after {content:""; position:absolute; bottom:32px; left:0; display:block; width:100%; height:66px; background:no-repeat right 32px center;}
.benefits li.ia1:after {background-image:url('/pub/images/icon_benefits_a01.svg');}
.benefits li.ia2:after {background-image:url('/pub/images/icon_benefits_a02.svg');}
.benefits li.ia3:after {background-image:url('/pub/images/icon_benefits_a03.svg');}
.benefits li.ia4:after {background-image:url('/pub/images/icon_benefits_a04.svg');}
.benefits li.ia5:after {background-image:url('/pub/images/icon_benefits_a05.svg');}
.benefits li.ia6:after {background-image:url('/pub/images/icon_benefits_a06.svg');}
.benefits li.ia7:after {background-image:url('/pub/images/icon_benefits_a07.svg');}
.benefits li.ia8:after {background-image:url('/pub/images/icon_benefits_a08.svg');}
.benefits li.ib1:after {background-image:url('/pub/images/icon_benefits_b01.svg');}
.benefits li.ib2:after {background-image:url('/pub/images/icon_benefits_b02.svg');}
.benefits li.ib3:after {background-image:url('/pub/images/icon_benefits_b03.svg');}
.benefits li.ib4:after {background-image:url('/pub/images/icon_benefits_b04.svg');}

/* 약관 */
.yak_area {border:#E3E5E8 1px solid; border-radius:10px; padding:30px 30px; line-height:35px;}
.yak_tit {font-weight:600; color:#222; font-size:24px;}
.yak_subtit {font-weight:600; color:#222; font-size:20px;}

.view_con>div{left: 10%;}

/* 0527*/
/*.bctxt.bg{background-image: url('/pub/images/bracket_left.svg'), url('/pub/images/bracket_right.svg'); background-repeat: no-repeat; background-position: left center, right center; background-size: 20px;}*/

.bctxt.bg{position: relative;  padding: 0 10%; margin: 0 auto;}
.bctxt.bg::before,
.bctxt.bg::after{content: ""; display: block; width: 24px; height: 100%; position: absolute; top: 0; border-style: solid; border-color: #E3E5E8;}
.bctxt.bg::before{left: 0; border-width: 8px 0 8px 8px;}
.bctxt.bg::after{right: 0; border-width: 8px 8px 8px 0;}

.bctxt.bgf{background-image: url('/pub/images/bg01.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;}

.overview03 ul.icon li::before{display: none;}
.overview03 ul.icon li strong{background-repeat: no-repeat; background-position: center top; max-width: none; max-height: none; top: 0; bottom: auto; left: 0; right: auto;}
.overview03 ul.icon li:nth-of-type(1) strong{background-image: url('/pub/images/icon_value_01.svg');}
.overview03 ul.icon li:nth-of-type(2) strong{background-image: url('/pub/images/icon_value_02.svg');}
.overview03 ul.icon li:nth-of-type(3) strong{background-image: url('/pub/images/icon_value_03.svg');}
.overview03 ul.icon li strong::after{content: ""; display: block; width: 100px; background-color: rgba(255, 255, 255, 0.3); height: 1px; margin: 0 auto;}

.privacyContainer>ol.trs{counter-reset:title;}
.privacyContainer>ol.trs>li{counter-increment:title;}
.privacyContainer>ol.trs>li:before{content:counter(title)"."; display: inline-block; margin-right: 5px;  vertical-align: top;}

.privacyContainer>ol.trs>li>h3,
.privacyContainer>ol.trs>li>ul>li>h4,
.privacyContainer>ol.trs>li>ul>li>ol>li>p{display: inline-block;}

.privacyContainer>ol.trs>li>ul{counter-reset:title;}
.privacyContainer>ol.trs>li>ul>li{counter-increment:title;}
.privacyContainer>ol.trs>li>ul>li:before{content:"("counter(title)")"; display: inline-block; margin-right: 5px;  vertical-align: top;}

.privacyContainer>ol.trs>li>ul>li>ol{counter-reset:title;}
.privacyContainer>ol.trs>li>ul>li>ol>li{counter-increment:title;}
.privacyContainer>ol.trs>li>ul>li>ol>li:before{content:counter(title); display: inline-block; width: 14px; height: 14px; line-height: 13px; text-align: center; border: 1px solid #666; border-radius: 50%; font-size: 8px; margin-right: 5px; vertical-align: top;}
.privacyContainer>ol.trs>li>ul>li>h4,
.privacyContainer>ol.trs>li>ul>li>ol>li p{width: calc(100% - 40px);}
.privacyContainer>ol.trs>li:first-of-type>ul>li>h4{margin-left: -4px;}

.privacyContainer>ol.trs>li>ol>li{position: relative; padding-left: 10px;}
.privacyContainer>ol.trs>li>ol>li:before{content:""; position:absolute; left:0; width:3px; height:3px; background:#999; border-radius:50%;}

.privacyContainer>p{margin-bottom: 60px;}
.privacyContainer>ol>li:not(:last-of-type){margin-bottom: 60px;}
.privacyContainer>ol>li::before,
.privacyContainer>ol>li>h3{font-weight: bold; color: #222;}
.privacyContainer>ol>li>h3{width: calc(100% - 40px);}
.privacyContainer>ol>li>ul>li>h4{font-weight: 400;}
.privacyContainer>ol>li>ol{margin-top: 30px;}

.privacyContainer>ol.inv>li>p{margin-bottom: 20px;}
.privacyContainer>ol.inv>li>ul>li,
.privacyContainer>ol.inv>li>ul>li>ol>li{margin-bottom: 15px;}
.privacyContainer>ol.inv>li>ul>li h4+*{margin-top: 15px;}

ul.talentContainer li{background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: center;}
ul.talentContainer li:not(:last-of-type){margin-bottom: 30px;}
ul.talentContainer li b{font-weight: 700; color: #222; margin-bottom: 10px;}
ul.talentContainer li mark{background-color: transparent;}
ul.talentContainer li:nth-of-type(2n) mark{color: #338B17;}
ul.talentContainer li:nth-of-type(2n+1) mark{color: #005BAC;}
ul.talentContainer li:nth-of-type(1){background-image: url("/pub/images/icon_talent_01.svg");}
ul.talentContainer li:nth-of-type(2){background-image: url("/pub/images/icon_talent_02.svg");}
ul.talentContainer li:nth-of-type(3){background-image: url("/pub/images/icon_talent_03.svg");}
ul.talentContainer li:nth-of-type(4){background-image: url("/pub/images/icon_talent_04.svg");}
ul.talentContainer li:nth-of-type(5){background-image: url("/pub/images/icon_talent_05.svg");}

.container.g09.s00 div.inner>div:last-of-type{border: none;}