@charset "utf-8";

/* ====================
	LAYOUT
==================== */
/* HEADER */
.header {flex-shrink:0;position:sticky;top:0;left:0;z-index:100;width:100%;height:112px;background-color:#fff;transition:top .4s var(--easeOutSine) 0.2s,background .3s var(--easeOutSine), box-shadow .3s var(--easeOutSine) 0.2s;}
.header::before {content:'';visibility:hidden;position:fixed;left:0;right:0;top:112px;bottom:0;background-color:rgba(0,0,0,.56);transition:all 0.4s var(--easeOutSine);opacity:0;}
.header.on{z-index:160;border-bottom:1px solid #dbdbdb;}
.header.on::before {visibility:visible;opacity:1;}
.wrap.off .header {top:-112px;}
.header .header-inr {position:relative;width:1128px;height:112px;margin:0 auto;padding:16px 0 0 0;}
.header .header-inr h1{position:absolute;left:0;top:48px;}
.header .header-inr .logo {display:block;width:180px;height:36px;background:url(../images/layout/logo.png) no-repeat;}
.header .gnb-box {display:flex;align-items:flex-start;justify-content:flex-end;width:100%;padding-left:200px;}
.header .tnb {display:flex;justify-content:flex-end;}
.header .tnb[style*="block"] {display:flex !important;}
.header .tnb .login {display:flex;align-items:center;}
.header .tnb .login .private,
.header .tnb .login .corporation {display:inline-flex;align-items:center;justify-content:center;width:44px;height:24px;font-size:12px;color:#fff;}
.header .tnb .login .private {border-radius:4px 0 0 4px;background-color:#003974;}
.header .tnb .login .corporation {border-radius:0 4px 4px 0;background-color:#3662ae;}
.header .tnb .link {margin-left:8px;}
.header .tnb .link ul::after,
.header .gnb .gnb-list::after {content:'';display:block;clear:both;}
.header .tnb .link li,
.header .gnb .gnb-list li {float:left;}
.header .gnb .gnb-list li {position:relative;}
.header .tnb .link li {position:relative;}
.header .tnb .link li + li::before {content:'';position:absolute;top:50%;left:0;width:1px;height:8px;margin-top:-4px;background-color:#d8d8d8;}
.header .tnb .link li > a {display:block;position:relative;padding:0 13px 0 12px;font-size:14px;font-weight:300;line-height:24px;color:#505D7B;}
.header .tnb .link li.btn > a {padding-right:28px;}
.header .tnb .link li.btn > a::after {content:'';position:absolute;right:12px;top:50%;width:12px;height:12px;margin-top:-6px;background:url(../images/layout/btn_link_arrow.png) no-repeat 0 0;}
.header .tnb .link li.btn > a.on::after {transform:rotate(180deg);}
.header .tnb .link .layer {display:none;position:absolute;left:50%;top:16px;padding-top:10px;transform:translateX(-50%);z-index:20;}
.header .tnb .link .layer.on {display:block;}
.header .tnb .link .layer .layer-inr {padding:12px;border:1px solid #dbdbdb;border-radius:4px;background-color:#fff;}
.header .tnb .link .layer span {display:block;}
.header .tnb .link .layer span ~ span {margin-top:6px;}
.header .tnb .link .layer a {display:block;font-size:13px;line-height:18px;color:#3d414a;white-space:nowrap;}
.header .tnb .link .layer a:hover,
.header .tnb .link .layer a:focus {font-weight:500;color:#1e5bc5;text-decoration:underline;text-underline-position:under;}
.header .tnb .login .last-time {margin-right:8px;font-size:13px;color:#505d7b;}
.header .tnb .login .log-time {display:inline-flex;align-items:center;height:22px;margin-right:12px;font-size:16px;font-weight:500;color:#154292;}
.header .tnb .login .log-time::before {content:'';display:inline-block;width:24px;height:24px;margin-right:2px;background:url(../images/layout/ico_time.png) no-repeat 0 0;vertical-align:top;}
.header .tnb .login .btn-log {height:24px;padding:0 11px;border:1px solid #949494;border-radius:4px;font-size:13px;font-weight:300;color:#3d414a;}
.header .tnb .login .btn-log ~ .btn-log {margin-left:4px;}
.header .tnb .login .btn-log:hover {border-color:#666;}
.header .tnb .btn-tnb {display:flex;align-items:center;height:24px;padding:0 15px;margin-left:7px;border:1px solid #154292;border-radius:12px;font-size:13px;color:#154292;font-weight:500;}
.header .tnb .btn-tnb.window::after {background-image:url(../images/btn/btn_link2.png);}
.header .gnb-btn {display:inline-flex;align-items:center;padding-top:22px;margin-left:44px;vertical-align:top;}

/* GNB */
.header .gnb {float:left;}
.header .gnb-bg {position:absolute;top:112px;left:0;right:0;height:0;background-color:#fff;border-radius:0 0 0 112px;transition:height 0.3s var(--easeOutSine)}
.header .gnb-list {margin-top:14px;}
.header .gnb-list li > a {display:block;position:relative;padding:10px 20px 24px;font-size:20px;font-weight:500;color:#050f26;outline-offset:-1px;}
.header .gnb-list li.on > a {font-weight:700;}
.header:not(.main) .gnb-list li.on > a {color:#1e5bc5;}
.header .gnb-list li > a::after {content:'';display:block;position:absolute;bottom:16px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background-color:#1e5bc5;transform:scale(0) translateY(-10px);transition:0.5s cubic-bezier(0.48, 1.97, 0.5, 0.63);}
.header .gnb-list li.on > a::after{transform:scale(1) translateY(0);}
.header.main .gnb-list li.on > a::after {background-color:#fff;}
.header .gnb-list li.on .sub-menu {display:block;}
.header .sub-menu {display:none;overflow-x:hidden;position:absolute;top:57px;left:50%;z-index:10;padding:0 5px;transform:translateX(calc(-50% - 10px));}
.header .gnb .gnb-list li:last-child .sub-menu {transform:translateX(calc(-84% - 10px));}
.header .sub-menu[style*="block"] {display:flex !important;}
.header .sub-menu .menu-box {display:flex;height:100%;margin:0 auto;padding:40px 0;opacity:0;transform:translateY(-10%);transition:0.3s 0.1s;}
.header .sub-menu .menu-box.on {opacity:1;transform: translateY(0);}
.header .sub-menu .menu-box2 {width:70%;}
.header .sub-menu .menu-box2 > li {float:none;}
.header .sub-menu .menu-box2 > li > a {padding:5px 20px;font-size:14px;font-weight:500;line-height:22px;color:#666;}
.header .sub-menu .menu-cell {flex:1;width:171px;height:100%;}
.header .sub-menu .menu-cell + .menu-cell {margin-left:20px;}
.header .sub-menu .menu-cell:not(:first-child:nth-last-child(6)):first-child {margin-left:50px;}
.header .sub-menu .menu-cell .menu-dep {display:block;margin-bottom:16px;font-size:18px;font-weight:700;line-height:24px;color:#3d414a;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.header .sub-menu .menu-cell .menu-dep + .menu-dep {margin-top:47px;}
.header .sub-menu .menu-cell .menu-list + .menu-dep {margin-top:40px;}
.header .sub-menu .menu-cell a,
.header.main .sub-menu .menu-cell a {padding:0;font-size:14px;color:#3d414a;}
.header .sub-menu .menu-list::after {content:'';display:block;clear:both;}
.header .sub-menu .menu-list li {position:relative;width:100%;padding-left:8px;}
.header .sub-menu .menu-list li::before {content:'';position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background-color:#8a8a8a;}
.header .sub-menu .menu-list li ~ li {margin-top:8px;}
.header .sub-menu .menu-list li > a {font-weight:300;line-height:22px;color:#050f26;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.header .sub-menu .menu-list li > a > span {display:inline-block;position:relative;}
.header .sub-menu .menu-list li > a:hover > span::after,
.header .sub-menu .menu-list li > a:focus > span::after {width:100%;}

/* 전체메뉴 */
.gnb-btn .totalmenu {width:24px;height:24px;margin-left:24px;background:url(../images/layout/gnb_totalmenu.png) no-repeat;}
.totalmenu-layer {visibility:hidden;display:flex;position:fixed;left:0;bottom:-100%;z-index:500;width:100%;height:100%;transition:all .4s var(--easeOutSine);}
.totalmenu-layer.on {visibility:visible;bottom:0;}
.totalmenu-layer .totalmenu-inr {display:flex;flex-direction:column;justify-content:space-between;width:100%;padding-bottom:96px;background-color:#fff;}
.totalmenu-layer .menu-top > .inr,
.totalmenu-layer .menu-list {width:1128px;margin:0 auto;}
.totalmenu-layer .menu-top {flex:none;height:56px;margin-bottom:56px;background:linear-gradient(90deg, #7056f5 0%, #1e5bc5 100%);}
.totalmenu-layer .menu-top > .inr {height:100%;display:flex;align-items:center;justify-content:space-between;}
.totalmenu-layer .menu-top .tit {color:#fff;}
.totalmenu-layer .menu-top .close {display:block;padding-right:24px;background:url(../images/layout/btn_close.png) no-repeat 100% 50%;font-size:16px;color:#fff;}
.totalmenu-layer .menu-list {overflow-y:auto;overflow-x:hidden;height:100%;}
.totalmenu-layer .menu-list .menu ~ .menu {margin-top:56px;padding-top:56px;background:url(../images/common/div_dot.png) repeat-x 0 0;}
.totalmenu-layer .menu-list .menu-tit {font-size:32px;line-height:44px;color:#050f26;}
.totalmenu-layer .menu-list .menu-dep {display:flex;flex-wrap:wrap;width:100%;}
.totalmenu-layer .menu-list .dep {width:20%;margin-top:40px;padding-right:32px;}
.totalmenu-layer .menu-list .dep > a {display:block;margin-bottom:20px;font-size:20px;font-weight:700;line-height:30px;color:#050f26;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.totalmenu-layer .menu-list .dep > a ~ a {margin-top:62px;}
.totalmenu-layer .menu-list .dep > ul > li ~ li {margin-top:8px;}
.totalmenu-layer .menu-list .dep > ul > li > a {display:block;font-size:16px;line-height:24px;color:#3d414a;}
.totalmenu-layer .menu-list .dep > ul > li > a:hover {font-weight:500;color:#1e5bc5;}

/* 통합검색 */
.gnb-btn .totalsearch {width:24px;height:24px;background:url(../images/layout/gnb_totalsearch.png) no-repeat;}
.totalsearch-layer {visibility:hidden;position:fixed;left:0;top:-100%;z-index:500;width:100%;height:100%;transition:all .4s var(--easeOutSine);}
.totalsearch-layer.on {visibility:visible;top:0;}
.totalsearch-layer .dimmed {position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);transition:opacity .6s ease;opacity:0;}
.totalsearch-layer.on .dimmed {opacity:1;}
.totalsearch-layer .totalsearch-inr {position:fixed;left:0;width:100%;padding:120px 0 64px;background-color:#fff;box-shadow:0 16px 16px rgba(34,34,34,.16);}
.totalsearch-layer .search {width:744px;margin:0 auto;}
.totalsearch-layer .search .input {position:relative;}
.totalsearch-layer .search .input input {height:80px;padding:0 98px 0 48px;border:0;border:3px solid #1e5bc5;border-radius:80px;font-size:24px;}
.totalsearch-layer .search .input button {display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:0;width:88px;height:100%;}
.totalsearch-layer .search .input button::before {content:'';width:48px;height:48px;border-radius:50%;background-color:#1e5bc5;background:#1e5bc5 url(../images/layout/gnb_search.png) no-repeat 50%;}
.totalsearch-layer .tag {display:flex;margin-top:40px;}
.totalsearch-layer .tag dl {flex:1;}
.totalsearch-layer .tag dt {margin-bottom:16px;font-size:18px;font-weight:700;line-height:24px;color:#050f26;}
.totalsearch-layer .tag dd {padding-right:18px;}

/* QUICKMENU */
.quickmenu {display:flex;flex-direction:column;position:fixed;left:50%;top:605px;margin-left:708px;z-index:100;pointer-events:none;}
.quickmenu>*{pointer-events:auto;}
html.lock .quickmenu.on {z-index:90;}
.quickmenu > button {width:64px;height:64px;border-radius:50%;font-size:12px;font-weight:700;line-height:14px;}
.quickmenu > button:not(.top)::before {content:'';width:100%;height:100%;border-radius:50%;}
.quickmenu .quick {visibility:visible;display:inline-flex;align-items:center;justify-content:center;position:relative;color:#fff;transition:all .6s ease;opacity:1;}
.quickmenu .quick::before {position:absolute;left:0;top:0;border:1px solid rgba(255,255,255,0.6);background-color:#385673;box-shadow:0 4px 8px rgba(0,0,0,.12);}
.quickmenu .quick span {position:relative;z-index:1;}
.quickmenu.on .quick {visibility:hidden;opacity:0;}
.quickmenu .quick-box {visibility:hidden;position:absolute;left:-64px;bottom:285px;z-index:1;width:128px;transform:translateX(100%);transition:all .9s ease;opacity:0;}
.quickmenu.on .quick-box {visibility:visible;transform:translateX(0);opacity:1;}
.quickmenu .quick-box > .inr {overflow:hidden;padding-top:24px;border-radius:20px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12);text-align:center;}
.quickmenu .quick-box .quick-tit {position:relative;margin-bottom:24px;padding-bottom:17px;font-size:13px;font-weight:700;line-height:16px;color:#0b3a8b;}
.quickmenu .quick-box .quick-tit::after {content:'';position:absolute;left:50%;bottom:0;width:24px;height:1px;margin-left:-12px;background-color:#e5e5e5;}
.quickmenu .quick-box .quick-list li ~ li {margin-top:16px;}
.quickmenu .quick-box .quick-list a {display:block;font-size:15px;font-weight:500;line-height:22px;color:#050f26;}
.quickmenu .quick-box .quick-list a:focus-visible {outline-offset:-1px;}
.quickmenu .quick-box .quick-cs {position:relative;margin-top:43px;padding:33px 0 24px;background-color:rgba(100,167,254,.08);}
.quickmenu .quick-box .quick-cs::before {content:'';position:absolute;left:50%;top:0;width:48px;height:48px;margin:-24px 0 0 -24px;background:#f3f8ff url(../images/layout/ico_quick_cs.png) no-repeat 50%;border-radius:50%;}
.quickmenu .quick-box .quick-cs dl {color:#154292;}
.quickmenu .quick-box .quick-cs dt span {display:block;font-size:13px;font-weight:500;}
.quickmenu .quick-box .quick-cs dt strong {display:block;margin-top:4px;font-size:16px;}
.quickmenu .quick-box .quick-cs dd {margin-top:8px;font-size:24px;line-height:28px;}
.quickmenu .quick-box .quick-close {position:absolute;right:-10px;top:-10px;z-index:2;width:32px;height:32px;background:#385673 url(../images/layout/btn_quick_close.png) no-repeat 50%;border-radius:50%;}
.quickmenu .quick-box .quick-close:hover {background-color:#2b4258;}
.quickmenu .dictionary {display:inline-flex;align-items:center;justify-content:center;position:relative;margin-top:8px;}
.quickmenu .dictionary[style*="block"] {display:inline-flex !important;}
.quickmenu .dictionary::before {background-color:#7056f5;box-shadow:0 4px 8px rgba(0,0,0,.2);}
.quickmenu .dictionary>span{position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;font-size:0;}
.quickmenu .dictionary>span:before{content:'';display:block;position:absolute;top:25px;left:29px;width:18px;height:18px;background:url(../images/layout/btn_quick_dictionary_search.png) no-repeat 50%;z-index:1;animation:quickDictionary 10s linear infinite;transform-origin:right top;}
@keyframes quickDictionary{
	0%{transform:translate(-25px,0) scale(0);opacity:0;}
	10%,80%{transform:translate(0,0) scale(1);opacity:1;}
	95%,100%{transform:translate(25px,0) scale(0);opacity:0;transform-origin:left bottom;}
}
.quickmenu .dictionary::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/layout/btn_quick_dictionary.png) no-repeat 50%;}
.quickmenu .chatbot {display:inline-flex;align-items:center;justify-content:center;position:relative;margin-top:8px;}
.quickmenu .chatbot[style*="block"] {display:inline-flex !important;}
.quickmenu .chatbot>span.ani{position:absolute;top:28px;left:50%;width:8px;height:4px;margin-left:-4px;color:transparent;font-size:0;z-index:1;background: url(../images/layout/btn_quick_chatbot_smile.png) no-repeat 0px 0px;animation:quickChatbotSmile 8s linear infinite;}
@keyframes quickChatbotSmile{
	0%, 64.9%, 66.1%, 74.9%, 76.1%, 100%{background-position:0 0;}
	65%, 66%, 75%, 76%{background-position:0 -4px;}
}
.quickmenu .chatbot>span.ani:before,
.quickmenu .chatbot>span.ani:after{content:'';display:block;width:2px;height:2px;position:absolute;bottom:7px;background-color:#7056f5;border-radius:3px;animation:quickChatbotEyes 8s linear infinite;}
.quickmenu .chatbot>span.ani:before{right:50%;margin-right:2px;}
.quickmenu .chatbot>span.ani:after{left:50%;margin-left:2px;}
@keyframes quickChatbotEyes{
	0%, 19%, 21%, 39%, 41%, 100%{width:2px;height:2px;}
	20%, 40%{width:4px;height:0.5px;opacity:.6;}
}
.quickmenu .chatbot>span.txt{position: absolute;bottom: 6px;color: #fff;font-size: 13px;font-weight: 300;}
.quickmenu .chatbot.hidden{visibility:hidden;}
.quickmenu .chatbot::before {background-color:#7056f5;box-shadow:0 4px 8px rgba(0,0,0,.2);}
.quickmenu .chatbot::after {content:'';position:absolute;left:0;top:-7px;width:100%;height:100%;background:url(../images/layout/btn_quick_chatbot.png) no-repeat 50%;}
.quickmenu .top {visibility:hidden;margin-top:8px;border:1px solid #dbdbdb;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.06);color:#3d414a;}
.header.fixed ~ .quickmenu .top {visibility:visible;animation:topVisible 1.2s ease forwards;}
.quickmenu .top::before {content:'';display:block;width:9px;height:5px;margin:0 auto 2px;background:url(../images/layout/btn_quick_top.png) no-repeat 0 0;animation:topArrow 1.2s ease infinite;}
@keyframes topVisible {
	0% {visibility:hidden;opacity:0;}
	100% {visibility:visible;opacity:1;}
}
@keyframes topArrow {
	0% {opacity:1;transform:translateY(0);}
	50% {opacity:.9;transform:translateY(-3px);}
	100% {opacity:1;transform:translateY(0);}
}

.quickmenu .support {display:inline-flex;align-items:center;justify-content:center;position:relative;margin-top:8px;}
.quickmenu .support[style*="block"] {display:inline-flex !important;}
.quickmenu .support::before {background-color:#7056f5;box-shadow:0 4px 8px rgba(0,0,0,.2);}
.quickmenu .support::after {content:'';position:absolute;left:0;top:0px;width:100%;height:100%;background:url(../images/layout/btn_quick_support.png) no-repeat 50%;}
.quickmenu .support>span.ani{position:absolute;top:0;left:0;width:100%;height:100%;color:transparent;font-size:0;}
/*.quickmenu .support>span.ani:before{content:'';display:block;position:absolute;top:25px;left:29px;width:18px;height:18px;background:url(../images/layout/btn_quick_dictionary_search.png) no-repeat 50%;z-index:1;animation:quickDictionary 10s linear infinite;transform-origin:right top;}*/
.quickmenu .support>span.txt{position: absolute;bottom: 6px;color: #fff;font-size: 13px;font-weight: 300;}


@media only screen and (max-width: 1670px) {
	.quickmenu {left:auto;right:32px;margin-left:auto;}
}
@media only screen and (max-width: 1380px) {
	.quickmenu {top:auto;bottom:32px;}
}
@media only screen and (max-height: 917px) {
	.quickmenu {top:auto;bottom:27px;}
	.quickmenu .quick-box > .inr{max-height: calc(100vh - 297px);overflow:auto;}
	.quickmenu .quick-box > .inr::-webkit-scrollbar{display:none;}
}

/* PAGE CONTENT */
.content .content-inr {width:1128px;margin:56px auto 120px;}

/* ====================
	MAIN
==================== */
/* 디지털서류함(발급) */
.main-issue .main-txt {margin-bottom:40px;padding-bottom:12px;border-bottom:1px solid #e5e5e5;font-size:20px;line-height:30px;color:#050f26;}
.main-issue .main-txt em {font-weight:700;color:#154292;}
.main-issue .main-con {display:flex;}
.main-issue .main-con .tits2 {position:absolute;left:0;top:0;width:100%;margin:0;}
.main-issue .main-con .con1 {flex:1;}
.main-issue .main-con .con2 {flex:none;width:283px;margin-left:24px;}
.main-issue .main-con .box {height:100%;border-radius:8px;animation:boxUp .9s ease forwards;opacity:0;}
.main-issue .main-con .con1,
.main-issue .main-con .con2 {position:relative;padding-top:50px;}
.main-issue .main-con .con1 .box {display:flex;padding:48px;background-color:#1e5bc5;}
.main-issue .main-con .con2 .box {padding:24px 32px 0;background-color:#154292;}
.main-issue .main-con dl {flex:1;position:relative;}
.main-issue .main-con dl + dl {margin-left:48px;padding-left:48px;}
.main-issue .main-con dl + dl::before {content:'';position:absolute;left:0;top:0;width:1px;height:100%;background-color:rgba(255,255,255,.16);}
.main-issue .main-con dl::after {content:'';position:absolute;right:0;top:0;width:60px;height:60px;background-repeat:no-repeat;background-position:0 0;}
.main-issue .main-con dl:nth-child(1)::after {background-image:url(../images/main/ico_issue1.png);}
.main-issue .main-con dl:nth-child(2)::after {background-image:url(../images/main/ico_issue2.png);}
.main-issue .main-con dt {margin-bottom:24px;font-size:20px;font-weight:700;line-height:24px;color:#fff;}
.main-issue .main-con dd.txt {font-size:16px;line-height:24px;color:#fff;opacity:.8;}
.main-issue .main-con dd.btn {margin-top:56px;}
.main-issue .main-con dd.btn a {display:inline-flex;align-items:center;height:40px;padding:0 22px;border:2px solid #fff;border-radius:40px;font-size:14px;font-weight:500;color:#fff;vertical-align:top;}
.main-issue .main-con dd.btn a::after {content:'';width:12px;height:12px;margin-left:4px;background:url(../images/btn/btn_arrow2.png) no-repeat 50%;}
.main-issue .main-con li {border-bottom:1px solid rgba(255,255,255,.16);}
.main-issue .main-con li a {display:block;position:relative;padding:26px 0 26px 36px;font-size:16px;color:#fff;}
.main-issue .main-con li a::before {content:'';position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px;background-repeat:no-repeat;background-position:0 0;}
.main-issue .main-con li:nth-child(1) a::before {background-image:url(../images/main/btn_issue1.png);}
.main-issue .main-con li:nth-child(2) a::before {background-image:url(../images/main/btn_issue2.png);}
.main-issue .main-con li:nth-child(3) a::before {background-image:url(../images/main/btn_issue3.png);}
.main-issue .main-con li a::after {content:'';position:absolute;right:0;top:50%;width:12px;height:12px;margin-top:-6px;background:url(../images/btn/btn_arrow2.png) no-repeat 50%;}
.main-issue .box-solid {margin-top:40px;padding-left:48px;}
.main-issue .box-solid .msg {display:flex;align-items:center;color:#3d414a;}
.main-issue .box-solid .msg::before {content:'';width:45px;height:42px;margin-right:24px;background:url(../images/main/ico_issue_link.png) no-repeat 0 0;vertical-align:middle;}
.main-issue .box-solid .msg p {font-size:16px;}
@keyframes boxUp {
	0% {transform:translateY(30px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}

/* (팝업)ARS 안내 */
.box-solid.ars {align-items:center;justify-content:flex-start;padding:24px 32px;}
.box-solid.ars::before {content:'';display:inline-block;width:80px;height:80px;margin-right:32px;background:#fff url(../images/ccp/ico_ars.png) no-repeat center;border-radius:50%;}
.box-solid.ars .msg > strong {font-size:20px;font-weight:700;color:#050f26;}
.box-solid.ars .msg > span {margin-top:8px;font-size:14px;}

.list-ars-num {display:flex;flex-wrap:wrap;margin:20px -6px 0;counter-reset:list-counter;}
.list-ars-num > li {display:flex;flex-direction:column;justify-content:center;width:calc(50% - 12px);margin:0 6px;padding:20px 24px;border:1px solid #e5e5e5;border-radius:8px;}
.list-ars-num > li:nth-child(n+3) {margin-top:12px;}
.list-ars-num > li > strong {display:block;font-size:16px;font-weight:500;color:#3d414a;}
.list-ars-num > li > strong::before {counter-increment:list-counter;content:counter(list-counter);display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;margin-right:8px;background-color:#fff;border:1px solid #1e5bc5;border-radius:50%;font-size:13px;font-weight:700;color:#1e5bc5;}
.list-ars-num > li > ol {display:flex;margin:4px 0 0 28px;}
.list-ars-num > li > ol > li {display:inline-flex;font-size:14px;color:#3d414a;}
.list-ars-num > li > ol > li ~ li {margin-left:8px;}
.list-ars-num > li > ol > li > ol > li {display:inline;}

/* ====================
	LOGIN
==================== */
.login-area {display:flex;text-align:center;margin-top:64px;}
.login-area .tit {margin-bottom:36px;font-size:24px;color:#050f26;}
.login-area .login-ct,
.login-area .login-id {position:relative;height:384px;border-radius:12px;}
.login-area .login-ct {flex:none;width:600px;padding:48px 60px 83px;background-color:#f6f8fd;}
.login-area .login-ct .cert {margin:-8px -4px 0;}
.login-area .login-ct ul {display:flex;flex-wrap:wrap;width:100%;}
.login-area .login-ct li {width:50%;margin-top:8px;}
.login-area .login-ct li a {display:flex;align-items:center;height:88px;margin:0 4px;padding-left:40px;border:1px solid #ccc;border-radius:12px;background-color:#fff;font-size:18px;color:#3d414a;text-align:left;transition:all .3s ease;}
.login-area .login-ct li a:hover {border-color:#8a8a8a;}
.login-area .login-ct li a::before {content:'';display:inline-block;width:40px;height:40px;margin-right:24px;background-repeat:no-repeat;background-position:0 0;}
.login-area .login-ct li a.cert1::before {background-image:url(../images/ico/ico_cert1.png);}
.login-area .login-ct li a.cert2::before {background-image:url(../images/ico/ico_cert2.png);}
.login-area .login-ct li a.cert3::before {background-image:url(../images/ico/ico_cert3.png);}
.login-area .login-ct li a.cert4::before {background-image:url(../images/ico/ico_cert4.png);}
.login-area .login-ct .unique {margin-bottom:16px;}
.login-area .login-ct .unique .forms.num2 {background-color:#fff;border:1px solid #949494;border-radius:4px;}
.login-area .login-ct .unique .forms.num2::before {border-color:#949494;background-color:#fff;}
.login-area .login-ct .unique .forms.num2 .label {flex:none;width:190px;margin-right:20px;padding-left:32px;font-size:14px;font-weight:500;text-align:left;color:#050f26;}
.login-area .login-ct .unique .forms.num2 input,
.login-area .login-ct .unique .forms.num2 input::placeholder {text-align:center;}
.login-area .login-ct .unique .forms.num2 input,
.login-area .login-ct .unique .forms.num2 .space {height:38px;border:0;}
.login-area .login-ct .unique ~ .cert li a {height:128px;}
.login-area .login-id {margin-left:16px;padding:48px 80px 83px;background-color:#f8f8f8;}
.login-area .login-id input {background-color:#fff;}
.login-area .login-id input ~ input {margin-top:8px;}
.login-area .login-id .choice {display:block;margin-top:8px;}
.login-area .login-id .choice .item {margin:0;}
.login-area .login-id .btn-solid1 {width:100%;margin-top:20px;}
.login-area .link {display:flex;justify-content:center;position:absolute;left:0;right:0;bottom:40px;}
.login-area .link a {color:#666;text-decoration:underline;text-underline-position:under;}
.login-area .link span {display:inline-block;vertical-align:top;position:relative;margin:0 12px 0 13px;}
.login-area .link span ~ span::before {content:'';position:absolute;left:-13px;top:50%;width:1px;height:8px;margin-top:-4px;background-color:#ccc;}
.login-area + .guide-box,
.login-area + .box-solid {margin-top:64px;}
.login-area ~ .box-solid {align-items:center;padding-top:16px;padding-bottom:16px;}

/* .ico-ipin{display:block;width:40px;height:40px;background:url(../images/ico/ico_pin.png) no-repeat;} */
.login-ipin{display:flex;align-items:center;padding:32px 80px;margin-top:16px;background-color:#fafafa;border-radius:12px;}
.login-ipin .cont{font-size:14px;line-height:1.5;color:#3d414a;margin-right:20px;}
.login-ipin .cont p + p{margin-top:3px;}
.login-ipin .tit{font-size:16px;color:#050f26;}
.login-ipin .btns{display:flow;margin-left:auto;margin-top:0;flex-shrink:0;}
.login-ipin .btns [class^=btn-]{width:352px;}
.login-ipin + .guide-box,
.login-ipin + .box-solid {margin-top:64px;}
.login-ipin .link  {margin-top:12px;color: #666;text-decoration: underline;text-underline-position: under;text-align:center}


/* ====================
	CONTENT
==================== */
/* 통합검색 */
.search-all {margin-bottom:64px;padding:36px 0;border:4px solid #154292;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.search-all .search-inr {display:flex;align-items:center;justify-content:center;}
.search-all select {width:170px;margin-right:8px;}
.search-all input {width:348px;margin-right:8px;}
.search-all-txt {margin-bottom:40px;font-size:24px;font-weight:700;color:#050f26;text-align:center;line-height:32px;}
.search-all-txt strong,
.search-all-txt em {color:#1e5bc5;}
.search-board .list {border-top:2px solid #050f26;}
.search-board .list a {display:block;padding:31px 0;border-bottom:1px solid #e5e5e5;}
.search-board .list strong {display:block;font-size:18px;line-height:24px;color:#050f26;}
.search-board .list a:hover strong {text-decoration:underline;text-underline-position:under;}
.search-board .list span {display:block;margin-top:20px;font-size:16px;line-height:24px;color:#3d414a;}
.search-board .list .no-data {display:none;padding:64px 0 0;}
.search-board .item {position:relative;}
.search-board .btn-outline1.arrow {position:absolute;top:0;right:0;}
.tab-menu + .search-board .item:first-child .board-upper {margin-top:40px;}

/* 청구서 */
.bill-box {position:relative;padding:64px 40px 56px;margin-top:64px;border-radius:12px;box-shadow:0 0 4px rgba(0,0,0,.16);}
.bill-box::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:8px;border-radius:12px 12px 0 0;background:linear-gradient(90deg, #7056f5 0%, #1e5bc5 100%);}
.content-body > .bill-box:first-child {margin-top:40px;}
.bill-box .bill-tit {display:flex;justify-content:space-between;align-items:baseline;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #e5e5e5;}
.bill-box .bill-tit .tit {font-size:32px;color:#050f26;}
.bill-box .bill-tit .dear {font-size:18px;color:#050f26;}
.bill-box .bill-tit + [class*="tits"],
.bill-box .division-dot + [class*="tits"],
.bill-box .board-upper,
.bill-box [class*="tits"],
.bill-box .sub-tit {margin-top:40px;}
.bill-box .tits > [class*="tits"],
.bill-box .tbl-sub-tit [class^="tits"] {margin-top:0;}
.bill-box .division-dot {margin:40px 0;}
.bill-box [class*="tits"] + .board-upper,
.bill-box .board-upper .left [class*="tits"] {margin-top:0;}
.bill-box .board-upper .left .tits3 ~ .total,
.bill-box .board-upper .left .tits3 ~ .page {margin-top:5px;}
.bill-box [class*="tits"] + [class*="tits"] {margin-top:24px;}
.bill-box .bill-txt {display:block;margin-top:40px;font-size:18px;font-weight:500;line-height:28px;color:#050f26;text-align:center;}
.bill-box .bill-from {margin-top:40px;text-align:center;}
.bill-box .bill-from .day {display:block;margin-bottom:16px;font-size:18px;color:#050f26;}
.bill-box .bill-from .company {display:block;font-size:22px;font-weight:700;color:#050f26;}
.bill-box .bill-from .info {display:block;margin-top:24px;font-size:16px;font-weight:400;color:#385673;}
.bill-box .agree-item {display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-radius:8px;background-color:#f9faff;}
.bill-box .agree-item .copy {font-size:16px;font-weight:500;line-height:24px;color:#3d414a;}
.bill-box .agree-item .copy strong.c1 {margin-right:4px;}
.bill-box .agree-item .date {position:relative;padding-left:17px;}
.bill-box .agree-item .date::before {content:'';display:inline-block;position:absolute;top:50%;left:9px;width:1px;height:8px;margin-top:-4px;background-color:#949494;}
.bill-box .agree-box [class^="tits"],
.bill-box .agree-list.num .agree-tit [class^="tits"] {margin-top:0;}
.bill-box .agree-list.num .agree-item {display:block;padding:0;background-color:transparent;}
.bill-box .txts1 + textarea {margin-top:12px;}
.bill-msg textarea {margin-top:16px;}
.bill-check {display:flex;margin-top:40px;}
.bill-check p {font-size:18px;}
.bill-check .txt {color:#3d414a;}
.bill-check .date {margin-left:auto;font-weight:500;color:#154292;}
.bill-check.ty2 {justify-content:center;}
.bill-check.ty2 .date {margin-left:0;}
.bill-check.ty2 + .agree-item {margin-top:40px;}
.bill-box .bill-txt + .bill-check.ty2 {margin-top:16px;}
.bill-tit + .bill-msg {margin-top:0}
.boards + .bill-msg,
.list-dot.up + .bill-msg {margin-top:16px;}
.list-dot.up + .bill-msg.sm {margin-top:12px;}
.list-dot + .bill-msg,
[class^="txts"] + .bill-msg {margin-top:24px;}
.list-dot + .bill-msg .category {}
.bill-msg {position:relative;padding:32px;border-radius:12px;background-color:#f8f8f8;}
.bill-msg > [class^="list-"]:first-child {margin-top:0;}
.bill-msg > strong {display:block;margin-bottom:12px;font-size:16px;font-weight:500;line-height:24px;color:#050f26;}
.bill-msg:not(.sm) > strong + [class^="list-"] {margin-top:20px;}
.bill-msg p,
.bill-msg div {font-size:16px;line-height:24px;color:#3d414a;}
.bill-msg > p + textarea {margin-top:16px;}
.bill-msg > p + textarea + p {margin-top:12px;}
.bill-msg > p + .list-brkt {margin-top:24px;}
.bill-msg > [class^="list-"] + [class^="list-"] {margin-top:24px;}
.bill-msg.sm {padding:24px 32px;margin-top:12px;}
.bill-msg.sm > p {font-size:14px;}
.bill-msg.sm [class^="list-"] > ol > li {font-size:14px;line-height:inherit;}
.bill-msg [class^="list-"] > ol > li .choice,
.bill-msg [class^="list-"] > ul > li .choice {margin-top:8px;}
.bill-msg-group [class^="txts"] + .bill-msg {margin-top:16px;}
.bill-msg-group .bill-msg + [class^="txts"] {margin-top:40px;}
.bill-list-choice [class^="list-"] > ol > li {position:relative;width:calc(100% - 170px);padding:0 74px 0 0;font-weight:500;color:#050f26;}
.bill-list-choice [class^="list-"] > ol > li ~ li {margin-top:16px;}
.bill-list-choice [class^="list-"] > ol > li::before {position:relative;}
.bill-list-choice [class^="list-"] > ol > li ul > li {font-weight:300;}
.bill-list-choice [class^="list-"] > ol > li > .choice {margin-top:0;position:absolute;right:-194px;top:-4px;}
.bill-list-choice [class^="list-"] > ol > li > .rq strong {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px, 1px, 1px, 1px);}
.bill-list-choice [class^="list-"] > ol > li > .rq::before {margin-top:-16px;}
.cnt-forms.tenant {padding:16px 0;border-top:2px solid #050f26;border-bottom:1px solid #ccc;text-align:center;}
.cnt-forms.tenant input {width:120px;}
.cnt-forms.tenant + .table-flex {margin-top:14px;}
.table-flex + .refer-box {margin-top:24px;} /* CCPSGN0302J2F01 */
.bill-msg .forms input + label {font-weight:300;}
.bill-msg > .date {margin:24px 0 0;text-align:right;color:#154292;}
.bill-msg .agree li {display:flex;align-items:center;justify-content:space-between;}
.bill-msg .agree li ~ li {margin-top:8px;}
.bill-msg .agree li em {font-size:16px;font-weight:500;line-height:24px;color:#050f26;}
.bill-msg .agree li .choice .item:last-child {margin-right:0;}
.bill-msg .agree li input {display:inline-block;vertical-align:middle;}
input.zone-ipt {width:120px;margin:0 8px;}
.bill-box .forms .choice {flex-wrap:wrap;} /* CCPSGN030238F01 */
.bill-box .forms.w2,
.bill-box .forms .w2 {width:146px !important;}
.bill-box .forms.w4,
.bill-box .forms .w4 {width:308px !important;}
.bill-write::after {content:'';display:block;height:1px;margin:40px 0;background:url(../images/common/div_dot.png) repeat-x 0 0;}
.tits2 + .bill-write {margin-top:40px;}
.bill-write input {width:155px;}
.bill-write .bill-date {display:block;margin:24px 0 0;font-weight:500;color:#154292;text-align:right;}
[class^="txts"] + .bill-write-line {margin-top:16px;} /* CCPSGN030247F01 */
.boards + .bill-write-line {margin-top:40px;}
.bill-write-line + .bill-msg::before {content:'';display:block;width:100%;position:absolute;top:-1px;left:0;border:1px solid #fff;}
.bill-write-line {padding:24px 0;border-top:2px solid #050f26;border-bottom:1px solid #ccc;}
.cnt-forms {margin:-6px 0;font-size:16px;color:#3d414a;line-height:24px;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.cnt-forms .datepicker {display:inline-flex;}
.cnt-forms input {display:inline-flex;margin:6px 4px;vertical-align:middle;}
.cnt-forms .rq::before {margin:-30px 0 0 0;}
.cnt-forms .rq strong {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px, 1px, 1px, 1px);}
.cnt-forms .list-dec > ol > li {padding-left:0;}
.cnt-forms .list-dec > ol > li::before {position:inherit;}
.cnt-forms input {vertical-align:middle;}
.cnt-forms input.w3 {width:260px;}
.cnt-forms input.w4 {width:308px;}

/* 보상서비스 안내 */
.info-box {display:flex;justify-content:space-between;margin-top:64px;}
.info-box a {flex:1;position:relative;width:360px;padding:40px 32px;border:1px solid #e5e5e5;border-radius:12px;text-align:center;}
.info-box a:hover {border-color:#050f26;outline:1px solid #050f26;}
.info-box a ~ a {margin-left:24px;}
.info-box [class*="ico"] {display:block;width:80px;height:72px;margin:0 auto 16px;background-repeat:no-repeat;background-position:left top;}
.info-box .ico1 {background-image:url(../images/ico/bnr_info1.png);}
.info-box .ico2 {background-image:url(../images/ico/bnr_info2.png);}
.info-box .ico3 {background-image:url(../images/ico/bnr_info3.png);}
.info-box .tit {display:block;font-size:18px;font-weight:700;line-height:32px;color:#222;}
.info-box .txt {height:40px;margin-top:8px;font-size:14px;line-height:22px;color:#666;}
.info-box .btn {display:block;margin-top:32px;font-weight:700;color:#1e5bc5;text-align:center;}
.info-box .btn::after {content:'';display:inline-block;width:16px;height:16px;margin:1px 0 0 4px;background:url(../images/btn/btn_arrow4.png) no-repeat center;vertical-align:top;}

.depart + .depart {margin-top:8px;}
.depart + .depart-txt {margin-top:16px;}

/* 증권번호 조회 */
.securities-search {overflow:hidden;padding:40px 40px 0;margin-top:24px;border-radius:12px;background-color:#F6F8FD;text-align:center;}
.securities-search .tit {font-size:18px;font-weight:700;line-height:28px;color:#050f26;}
.securities-search .forms {justify-content:center;margin:32px 0 40px;}
.securities-search .forms .label {margin-right:24px;font-size:16px;font-weight:700;color:#050f26;}
.securities-search .forms input:not([type="radio"], [type="checkbox"]) {background-color:#fff;}
.securities-search .tip {position:relative;padding:24px 0;border-top:1px solid #e5e5e5;text-align:left;}
.securities-search .tip > strong {font-size:16px;font-weight:700;color:#222;}
.securities-search .tip > p {display:inline-block;font-size:14px;margin-left:12px;}
.securities-search .tip .btn {position:absolute;top:24px;right:0;font-size:16px;font-weight:700;color:#1e5bc5;}
.securities-search .tip .btn::after {content:'';display:inline-block;width:16px;height:16px;margin:1px 0 0 4px;background:url(../images/btn/btn_arrow4.png) no-repeat center;vertical-align:top;}

/* form 조회 */
.forms-search {padding:40px 24px;border:2px solid #050f26;border-radius:8px;box-shadow: 0 8px 24px rgba(0,0,0,.08);text-align:center;}
.forms-search > .forms {display:inline-flex;}
.forms-search .label {margin-right:24px;font-size:16px;font-weight:700;color:#222;}

/* 보험금 청구 */
.claim-box {display:flex;justify-content:space-between;}
.claim-box .box {flex:1;position:relative;width:360px;padding:40px 40px 80px;border:1px solid #ccc;border-radius:8px;}
.claim-box .box.column {flex:none;width:552px;}
.claim-box a.box:hover {border-color:#050f26;outline:1px solid #050f26;}
.claim-box .box ~ .box {margin-left:24px;}
.claim-box [class*="ico"] {display:block;width:40px;height:40px;margin-bottom:24px;background-repeat:no-repeat;background-position:left top;}
.claim-box .ico1 {background-image:url(../images/ico/bnr_cla1.png);}
.claim-box .ico2 {background-image:url(../images/ico/bnr_cla2.png);}
.claim-box .ico3 {background-image:url(../images/ico/bnr_cla3.png);}
.claim-box .tit {display:block;font-size:20px;font-weight:700;line-height:28px;color:#050f26;}
.claim-box .txt {height:67px;margin-top:16px;line-height:24px;color:#3d414a;}
.claim-box dt {margin-top:24px;font-size:14px;font-weight:500;color:#050f26;}
.claim-box dd {height:40px;margin-top:8px;font-size:14px;line-height:22px;}
.claim-box .btn {display:block;position:absolute;left:40px;right:40px;bottom:0;height:64px;border-top:1px solid #e5e5e5;font-weight:700;line-height:62px;color:#3d414a;text-align:center;}
.claim-box .btn::after {content:'';display:inline-block;width:16px;height:16px;margin-left:4px;background:url(../images/btn/btn_arrow_cla.png) no-repeat center;vertical-align:middle;}
/* 보험계약 전자서명 */
.box-outline.sm .doc-txt {font-size:20px;font-weight:500;color:#050f26;}
.claim-box .ico-pay1 {background-image:url(../images/ico/bnr_cla_pay1.png);}
.claim-box .ico-pay2 {background-image:url(../images/ico/bnr_cla_pay2.png);}
.claim-box .list-dot > ul > li {font-size:16px;line-height:24px;color:#3d414a;}
.claim-box .list-dot > ul > li::before {top:10px;}

.terms-info-list > ol {counter-reset:list-counter;margin-top:56px;}
.terms-info-list .item {position:relative;margin-top:16px;padding:40px 40px 32px 80px;border:1px solid #e5e5e5;border-radius:12px;}
.terms-info-list .item > i {position:absolute;top:-4px;left:0;width:66px;height:74px;padding:29px 12px 16px 0;background:url(../images/ico/ico_terms_info_mark.png) no-repeat 0 0;font-size:11px;font-weight:500;color:#fff;text-align:center;}
.terms-info-list .item > strong {display:block;margin-bottom:16px;font-size:24px;color:#050f26;}
.terms-info-list .item > strong::before {counter-increment:list-counter;content:'0' counter(list-counter) '. ';display:inline-block;min-width:48px;color:#1e5bc5;}
.terms-info-list .item:nth-child(10) > strong::before,
.terms-info-list .item:nth-child(10) ~ .item > strong::before {counter-increment:list-counter;content:counter(list-counter) '. ';}
.terms-info-list .item > p {margin:8px 0 0 48px;line-height:24px;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.terms-info-list .item .bot {display:flex;align-items:center;justify-content:space-between;margin:32px 0 0 48px;}
.terms-info-list .item .bot dl {display:flex;font-size:14px;font-weight:500;}
.terms-info-list .item .bot dl dt {position:relative;padding-left:20px;color:#3d414a;}
.terms-info-list .item .bot dl dt::before {content:'';position:absolute;left:0;top:0;width:16px;height:16px;background:url(../images/ico/ico_terms_info_check.png) no-repeat 0 0;}
.terms-info-list .item .bot dl dd {color:#1e5bc5;}
.terms-info-list .item .bot dl dd::before {content:'';display:inline-block;width:1px;height:10px;margin:0 12px;background-color:#1e5bc5;opacity:.2;}
.terms-info-list .item [class*="ico"] span {position:absolute;left:50%;bottom:0;display:inline-block;padding:0 12px;border-radius:12px;background-color:#7056f5;font-size:11px;font-weight:700;line-height:24px;color:#fff;white-space:nowrap;transform:translatex(-50%);}
.terms-info-list .item .btns {margin:0;justify-content:right;}
.terms-info-list .item .btns [class^="btn-"] {padding:0 22px;border-radius:20px;}

/* 보험계약 전자서명 - 인수질문서 팝업 */
.take-question {max-height:460px;overflow-y:auto;}
.list-question {counter-reset:list-counter;}
.list-question > ol {padding:8px 0;margin-top:40px;border:solid;border-top-color:#050f26;border-bottom-color:#ccc;border-width:2px 0 1px;}
.list-question > ol li {display:flex;position:relative;padding:24px 183px 24px 0;}
.list-question > ol li .list {flex:1;}
.list-question > ol li .num {margin-right:8px;}
.list-question > ol li .num,
.list-question > ol li strong {font-size:16px;font-weight:500;color:#050f26;}
.list-question > ol li .coment {margin-top:8px;font-size:14px;color:#666;}
.list-question > ol li .desc {margin-top:8px;font-size:14px;color:#1e5bc5;}
.list-question > ol li .forms {position:absolute;bottom:19px;right:0;}
.list-question > ol li .forms .item {margin:5px 0 5px 32px;}
.list-question > ol li + li::before {content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:url(../images/common/div_dot.png) repeat-x;}
.take-question > .list-dot:first-child {margin-top:0;}
.question-mas {margin-top:40px;font-size:14px;line-height:22px;color:#666;text-align:center;}
.list-question + .box-notice {margin-top:40px;}
.box-notice {padding:32px;background-color:#f6f8fd;border-radius:12px;}
.box-notice .tit {font-size:16px;font-weight:700;color:#1e5bc5;}
.box-notice .list-dot li {color:#3d414a;}

/* 보험계약 전자서명 완료 */
.deposit-box {display:flex;flex-wrap:wrap;padding:32px 40px;border:1px solid #ccc;border-radius:8px;}
.deposit-box::before {content:'';display:block;width:100%;height:40px;margin-bottom:28px;background:url(../images/car/ico_deposit_box.png) no-repeat left center;}
.deposit-box .info {flex:1;}
.deposit-box .info > strong {font-size:20px;font-weight:700;color:#050f26;}
.deposit-box .list-dot.up > ul > li::before {top:10px;width:3px;height:3px;background-color:#8a8a8a;}
.deposit-box .data {flex:1;margin-left:64px;padding:24px;background-color:#f8f8f8;border-radius:8px;}
.deposit-box .data > ul > li {display:flex;justify-content:space-between;}
.deposit-box .data > ul > li ~ li {margin-top:12px;color:#3d414a;}
.deposit-box .data > ul > li > em {font-weight:500;}

/* 알림톡 아이콘 */
[class^="talk-"] {display:inline-block;width:24px;height:24px;margin-left:6px;background-repeat:no-repeat;background-position:center;background-size:cover;vertical-align:middle;}
.talk-kakao {background-image:url(../images/ico/ico_kakao.png);}

/* 보험금 청구서 작성 - graph */
.graph-bar {display:flex;align-items:center;}
.graph-bar .bar {position:relative;overflow:hidden;width:360px;height:8px;background-color:#f8f8f8;border-radius:4px;}
.graph-bar .bar span {display:inline-block;position:absolute;left:0;top:0;height:8px;background-color:#1e5bc5;}
.graph-bar .value {flex-shrink:0;margin-left:12px;font-size:14px;font-weight:500;color:#050f26;}
.graph-bar .value em {color:#1e5bc5;}

/* 증명서 발급 */
.box-reply {position:relative;padding:32px;margin-top:24px;background-color:#fafafa;}
.box-reply::before,
.box-reply::after {content:'';display:inline-block;position:absolute;width:32px;height:32px;background-repeat:no-repeat;}
.box-reply::before {top:-1px;left:-1px;background-image:url(../images/ccp/reply_border_left.png);}
.box-reply::after {bottom:-1px;right:-1px;background-image:url(../images/ccp/reply_border_right.png);}
.box-reply strong {font-size:16px;color:#050f26;}
.box-reply > p {margin-top:16px;font-size:14px;line-height:22px;color:#3d414a;}

.agree-reply {display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:18px 40px;background-color:#f6f8fd;}
.boards > .list.box li .agree-reply {margin:32px -40px -32px -40px;border-radius:0 0 12px 12px;}

/* 보상처리현황 */
.file-txt {display:flex;align-items:center;}
.file-txt .btn {display:inline-block;width:18px;height:18px;margin-left:8px;flex-shrink:0;background:url(../images/btn/btn_del_txt.png) no-repeat;vertical-align:middle;}

/* 디지털서류함 발급 - 채무확인서 인쇄 팝업 */
.debt-print {margin:40px -8px 0;}
.debt-print ul {display:flex;flex-wrap:wrap;width:100%;}
.debt-print li {width:calc(50% - 16px);margin:0 8px;}
.debt-print li [class^="btn-"] {align-items:flex-start;width:100%;height:157px;padding:104px 0 0;border-radius:8px;background-repeat:no-repeat;background-size:56px;background-position:center top 32px;font-size:18px;font-weight:700;}
.debt-print li .btn-solid1 {background-image:url(../images/ccp/ico_debt_print1.png);}
.debt-print li .btn-outline1 {background-image:url(../images/ccp/ico_debt_print2.png);}
.debt-print li [class^="btn-"] > span {display:block;width:100%;}

/* 디지털서류함 제출 - 디지털 서류 제출 팝업 */
.guide-box.scroll {overflow:auto;max-height:400px;}
.guide-box.scroll > [class^="tits"] {margin:24px 0 16px;}
.guide-box.scroll > [class^="tits"]:first-child {margin:0 0 16px;}
.img-doc-box > img {display:block;width:100%;min-height:300px;object-fit:contain;background-color:#e5e5e5;}

/* 디지털서류함 제출 - 디지털 서류 제출 */
.txt-state {font-weight:300;color:#666;}
.txt-state[class*="c"] {font-weight:500;}
.boards .table table td > .ico-state {display:inline-block;margin-left:8px;width:24px;height:24px;vertical-align:bottom;background-repeat:no-repeat;background-position:center;}
.boards .table table td > .ico-state.true {background-image:url(../images/ccp/ico_file_true.png);}
.boards .table table td > .ico-state.false {background-image:url(../images/ccp/ico_file_false.png);}
.boards .table.col tr.show td {text-align:left;background-color:rgba(112,86,245,0.08);}
.boards .table.col tr.show .td-list {display:flex;;}
.boards .table.col tr.show .td-list ~ .td-list {margin-top:18px;}
.boards .table.col tr.show .td-list .txt-dot {flex:none;position:relative;padding:5px 0 0 12px;font-size:16px;color:#3d414a;}
.boards .table.col tr.show .td-list .txt-dot::before {content:'';position:absolute;left:0;top:13px;width:4px;height:4px;border-radius:50%;background-color:#050f26;}
.boards .table.col tr.show .td-list .forms {display:block;width:100%;margin-left:8px;}
.boards .table.col tr.show .td-list .forms.addr {flex:1;padding-right:8px;}
.boards .table.col tr.show .forms .row > .choice {flex:0 0 90px;}
.boards .table.col tr.show .forms .row > .choice > .item {margin:5px 12px 5px 0;}
.digital-box {display:flex;flex-wrap:wrap;gap:24px;margin-top:40px;}
.digital-box a.box:hover {border-color:#050f26;box-shadow:0 8px 24px rgba(0,0,0,.08);outline:1px solid #050f26;}
.digital-box .box {display:flex;flex-direction:column;flex:0 0 calc(50% - 12px);position:relative;width:552px;min-height:340px;padding:40px;border-radius:12px;border:1px solid #ccc;}
.digital-box .box [class^="ico"] {display:block;position:absolute;bottom:40px;right:40px;width:80px;height:80px;background-repeat:no-repeat;background-position:center;}
.digital-box .box .ico1 {background-image:url(../images/ccp/ico_digital1.png);}
.digital-box .box .ico2 {background-image:url(../images/ccp/ico_digital3.png);}
.digital-box .box .ico3 {background-image:url(../images/ccp/ico_digital4.png);}
.digital-box .box > .tit {font-size:22px;color:#050f26;}
.digital-box:not(.pro) .box > .tit {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1;}
.digital-box .box > .list-dot {margin:24px 0;}
.digital-box .box > .list-dot > ul > li {overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
.digital-box .box > .date {margin-top:auto;font-size:16px;font-weight:500;color:#050f26;}
.digital-box .box > .date::before {content:'';display:inline-block;width:24px;height:24px;margin-right:8px;background:url(../images/ccp/ico_alarm.png) no-repeat 50%;vertical-align:middle;}
.digital-box.pro .box {min-height:400px;padding:40px 40px 0;}
.digital-box.pro .box [class^="ico"] {position:static;margin-bottom:24px;}
.digital-box.pro .box .ico1 {background-image:url(../images/ccp/ico_digital_program1.png);}
.digital-box.pro .box .ico2 {background-image:url(../images/ccp/ico_digital_program2.png);}
.digital-box.pro .box > .btn {display:flex;margin-top:auto;padding:24px 0;border-top:1px solid #e5e5e5;}
.digital-box.pro .box > .btn > [class^="btn-"] {position:relative;margin-top:auto;font-weight:500;}
.digital-box.pro .box > .btn > [class^="btn-"] + [class^="btn-"] {margin-left:26px;padding-left:24px;}
.digital-box.pro .box > .btn > [class^="btn-"] + [class^="btn-"]::before {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:12px;background-color:#ccc;}
.digital-box.pro + .box-solid[class*="ico"].sm {margin-top:24px;}
.td-rental-box {display:flex;flex-wrap:wrap;}
.td-rental-box .item {flex:0 0 25%;display:flex;align-items:center;}
.td-rental-box .item:nth-child(n+5) {margin-top:12px;}
.td-rental-box .item > span {display:block;padding:0 9px 0 20px;}
.td-rental-box .item:nth-child(4n+1) > span {padding-left:0;}
.td-rental-box .item > input {width:50px;margin-left:auto;text-align:center;}
.td-rental-box .item > input::placeholder {text-align:center;}

/* 디지털서류함 제출 */
.table .submit {display:inline-flex;vertical-align:middle;}
.table .submit .files .file {margin:0;}
.table .submit .files + .btn-solid2.sm {margin-left:8px;}
.table .submit.flex {display:flex;}
.table .submit.flex .files,
.table .submit.flex > a {flex:1;}
.table .submit.flex .file {width:100%;}
.table .submit.flex label,
.table .submit.flex [class^="btn-"].sm {width:100%;}

.state-mark {line-height:1;color:#ff3700;vertical-align:middle;}
.state-mark::before {content:'';display:inline-block;width:4px;height:4px;margin-top:-2px;margin-right:6px;border-radius:50%;background-color:#199B00;vertical-align:middle;}
.state-mark strong {font-size:14px;font-weight:300;color:#666;}
.tits .state-mark {position:absolute;right:0;bottom:17px;}
.table .state-mark {margin-left:6px;}
.table .state-mark::before {position:relative;bottom:6px;width:5px;height:5px;}
.table .state-mark strong {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}

/* 조회 - 보험계약 조회 */
.boards .table.col table tr.em td {font-weight:700;color:#1e5bc5;}

/* 조회 - 진행사항 조회 */
.state-count {display:inline-flex;}
.state-count > span {display:block;}
.state-count > span ~ span::before {content:'';display:inline-block;width:1px;height:12px;margin:0 8px;background-color:#ccc;}
.state-count > span em {font-weight:700;text-decoration:underline;}
.state-count .request em {color:#ff3700;}
.state-count .answer em {color:#1e5bc5;}

/* 보험 가입 - 보험료 계산결과 안내 */
.pop-msg {text-align:center;}
.pop-msg .desc {font-size:18px;font-weight:700;line-height:28px;color:#050f26;}
.pop-msg .txt {line-height:24px;color:#3d414a;}
.pop-msg .desc + .txt {margin-top:16px;}
.pop-msg-list {padding:24px 16px;margin-top:24px;background-color:#f9faff;}
.pop-msg-list .list-dot {margin-top:0;}
.pop-msg-list .list-dot li {font-weight:500;color:#385673;}

/* 보험 가입 - 상품 변경 */
.choice-prd ul {display:flex;flex-wrap:wrap;}
.choice-prd li {position:relative;margin-top:16px;}
.choice-prd li > button {width:100%;height:67px;padding:0 32px 0 24px;border:1px solid #ccc;border-radius:8px;font-size:16px;line-height:24px !important;text-align:left;}
.choice-prd li > button span {line-height:24px;color:#3d414a;}
.choice-prd li > button::before {content:'';position:absolute;top:50%;right:20px;width:12px;height:12px;margin-top:-6px;background-repeat:no-repeat;background-image:url(../images/btn/btn_check_prd.png);}
.choice-prd li > button[title] {border-color:#1e5bc5;font-weight:500;color:#1e5bc5;box-shadow:0 8px 24px rgba(0,0,0,.08);}
.choice-prd li > button[title]::before {background-image:url(../images/btn/btn_check_prd_on.png);}
.choice-prd li > button:disabled {border:transparent;background-color:#f8f8f8;color:#8a8a8a;}
.choice-prd.col3 {margin-left:-20px;}
.choice-prd.col3 li {width:33.33333333333333%;padding-left:20px;}

.txt-tip + .choice-prd {margin-top:8px;}
[class*="tits"] + .choice-prd {margin-top:-8px;}

/* 보험 가입 - 다이렉트 가입 */
.top-join {background:#1e5bc5 url(../images/ccp/bg_directjoin.png) no-repeat center;}
.top-join .xcenter {min-height:240px;background-repeat:no-repeat;background-position:right 40px top 48px;}
.top-join.direct-join .xcenter {padding:60px 0 0;background-image:url(../images/ccp/ico_directjoin.png);}

.top-join .tit {font-size:32px;font-weight:700;line-height:48px;color:#fff;}
.top-join .tit > span {display:block;font-weight:300;}
.top-join .txt {margin-top:16px;font-size:16px;font-weight:300;line-height:24px;}
.top-join .txt > strong {font-weight:700;color:#fff;}
.top-join .unit {margin-top:20px;}
.top-join .unit li {display:inline-block;font-size:16px;line-height:24px;color:#fff;}
.top-join .unit li ~ li {margin-left:20px;}

.top-join-sort {padding:64px 0 52px 0;text-align:center;}
.top-join-sort .tit {margin-bottom:12px;font-size:28px;line-height:32px;color:#050f26;}
.top-join-sort .txt {font-size:18px;line-height:24px;color:#050f26;}
.top-join-sort .ui-slick .slick-track {display:flex;margin-top:28px;}
.top-join-sort .items {height:auto;padding:12px 6px;border-radius:16px;}
.top-join-sort .items i {display:inline-block;width:100%;height:107px;}
.top-join-sort .items i > img {max-width:inherit;transform:scale(0.9);transition:all .35s ease;}
.top-join-sort .items .sort-tit {font-size:18px;font-weight:700;color:#050f26;}
.top-join-sort .items .sort-unit {margin-top:6px;}
.top-join-sort .items .sort-unit > span {margin-top:6px;font-size:14px;line-height:20px;color:#666;white-space:nowrap;}
.top-join-sort .items .sort-unit > .cntrcHash {white-space:normal;}/*다이렉트 공공급식*/
.top-join-sort .items > a {display:block;height:100%;min-height:250px;padding:32px 14px;border:1px solid #e5e5e5;border-radius:16px;} /*다이렉트 카테고리 추가되면 padding 수정 필요 26. 07.27*/
.top-join-sort .items > a[title] {border-color:transparent;background:linear-gradient(125deg, #7056f5 0%, #1e5bc5 100%);box-shadow:0 4px 8px rgba(44,95,202,0.32);}
.top-join-sort .items > a:hover {box-shadow:0 4px 8px rgba(44,95,202,0.32);}
.top-join-sort .items > a[title] i > img,
.top-join-sort .items > a:hover i > img {transform:scale(1);}
.top-join-sort .items > a[title] .sort-tit,
.top-join-sort .items > a[title] .sort-unit > span {color:#fff;}

.top-join-kind {padding:40px 0 64px;background-color:#f6f8fd;}
.top-join-kind .xcenter {display:flex;flex-wrap:wrap;}
.top-join-kind .box {position:relative;width:552px;min-height:260px;padding:40px 40px 136px;margin-top:24px;border:1px solid #dbdbdb;border-radius:16px;background-color:#fff;box-shadow:2px 0 4px rgba(0,4,12,0.04);}
.top-join-kind .box:nth-child(2n) {margin-left:24px;}
.top-join-kind .box[class*="ico"] {background-repeat:no-repeat;background-position:right 40px bottom 28px;background-size:128px 88px;}
.top-join-kind .box.ico1 {background-image:url(../images/ccp/ico_directjoin_join1.png);}
.top-join-kind .box.ico2 {background-image:url(../images/ccp/ico_directjoin_join2.png);}
.top-join-kind .box.ico3 {background-image:url(../images/ccp/ico_directjoin_join3.png);}
.top-join-kind .box.ico4 {background-image:url(../images/ccp/ico_directjoin_join4.png);}
.top-join-kind .box.ico5 {background-image:url(../images/ccp/ico_directjoin_join5.png);}
.top-join-kind .box.ico6 {background-image:url(../images/ccp/ico_directjoin_join6.png);}
.top-join-kind .box.ico7 {background-image:url(../images/ccp/ico_directjoin_join7.png);}
.top-join-kind .box.ico8 {background-image:url(../images/ccp/ico_directjoin_join8.png);}
.top-join-kind .box.ico9 {background-image:url(../images/ccp/ico_directjoin_join9.png);}
.top-join-kind .box.ico10 {background-image:url(../images/ccp/ico_directjoin_join10.png);}
.top-join-kind .box.ico11 {background-image:url(../images/ccp/ico_directjoin_join11.png);}  /** 쇼핑 **/
.top-join-kind .box.ico12 {background-image:url(../images/ccp/ico_prd_recom16.png);} /** 카드 **/
.top-join-kind .box.ico13 {background-image:url(../images/ccp/ico_prd_recom29.png);} /** 장애인 **/
.top-join-kind .box.ico14 {background-image:url(../images/ccp/ico_prd_recom17.png);} /**  계약 **/
.top-join-kind .box .head {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.top-join-kind .box [class*="tits"] {margin:0;}
.top-join-kind .box > p {font-size:16px;line-height:24px;}
.top-join-kind .box .txt {margin-top:0;color:#666;}
.top-join-kind .box > .btn {display:flex;position:absolute;bottom:40px;left:40px;}
.top-join-kind .box > .btn [class^="btn-"] {padding:0 24px;margin-right:6px;font-size:16px;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,0.12);}
.top-join-kind .box .btn-link.shortcut {font-weight:500;}
.top-join-kind .box .txt + .tab-tit {margin-top:32px;}
.top-join-kind .tab-tit {margin-bottom:12px;font-size:16px;font-weight:500;color:#050f26;}
.top-join-kind .tab-button-list li a {min-height:48px;color:#3d414a;}
.top-join-kind .tab-button-list li.on a {border-width:1px;color:#1e5bc5;}
.top-join-kind .tab-button-list li.on a span {font-weight:500;}

.join-note-list {margin-bottom:120px;border-top:2px solid #050f26;}
.join-note-list li {display:flex;justify-content:flex-start;padding-top:32px;}
.join-note-list li + li {margin-top:32px;border-top:1px solid #e5e5e5;}
.join-note-list li .tit {width:200px;font-size:16px;font-weight:500;color:#385673;}
.join-note-list li .cont {width:calc(100% - 200px);}
.join-note-list li .list-dot {margin-top:0;}
.join-note-list li .list-dot li {display:block;padding-top:0;border:0;line-height:22px;color:#3d414a;}
.join-note-list li .list-dot li::before {top:10px;}
.join-note-list li .list-dot li.logo{display: flex;align-items: center;margin-top: 12px;}
.join-note-list li .list-dot li.logo span.logo-img{display: block;margin: 4px 14px 4px 10px;width: 61px;height: 39.5px;background-image:url(../images/ccp/logo_img.png);background-repeat:no-repeat;background-size: cover;}

.info-policy {display:block;padding:32px 40px;border:1px solid #e5e5e5;border-radius:8px;}
.info-policy > [class*="tits"]:first-child {margin-top:0;}
.info-policy .tits {margin-top:40px;}
.info-policy .tits > .tits3 {margin-top:0;}
.info-policy .tits3 {margin-top:40px;}
.info-policy .txts1 + .txt-tip {margin-top:8px;}
.info-policy > .boards + .txt-tip {margin-top:16px;}
.popup-body .popup-content .info-policy {padding:40px;}
.popup-body .popup-content .info-policy > [class*="tits"]:first-child {margin-top:0;}
.popup-body .popup-content .info-policy > .tits4 {margin-top:32px;}

.insur-check-list > ol {border-top:2px solid #050f26;counter-reset:list-counter;}
.insur-check-list > ol > li {display:flex;align-items:center;padding:20px 32px;border-bottom:1px solid #e5e5e5;}
.insur-check-list > ol > li > p {position:relative;padding-left:40px;margin-right:96px;font-size:16px;font-weight:500;color:#050f26;line-height:24px;}
.insur-check-list > ol > li > p::before {position:absolute;left:0;top:0;counter-increment:list-counter;content:counter(list-counter, decimal-leading-zero) '. ';font-weight:700;color:#1e5bc5;}
.insur-check-list > ol .choice.agree {margin-left:auto;}

/* 보험 가입 - (팝업)나의 정보 확인 */
.info-check-txt {font-size:22px;color:#3d414a;line-height:32px;text-align:center;}
.info-check {margin-top:20px;}
.info-check .check-list {display:flex;flex-wrap:wrap;}
.info-check .check-list::after {content:'';display:block;clear:both;}
.info-check .check-list > li {float:left;width:calc(50% - 10px);margin-top:20px;}
.info-check .check-list > li:nth-child(2n) {margin-left:20px;}
.info-check .check-list > li > button {position:relative;width:100%;height:100%;padding:30px 0;}
.info-check .check-list > li > button::after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #ccc;border-radius:8px;}
.info-check .check-list > li > button:hover:after {border:2px solid #050f26;z-index:2;transition:border-color .5s;}
.info-check .check-list > li .icon {display:inline-block;width:56px;height:56px;background-repeat:no-repeat;}
.info-check .check-list > li:nth-child(1) .icon {background-image:url(../images/ccp/icon1.png);}
.info-check .check-list > li:nth-child(2) .icon {background-image:url(../images/ccp/icon2.png);}
.info-check .check-list > li strong {display:block;margin-top:5px;font-size:16px;color:#050f26;line-height:24px;font-weight:500;}
.info-check .check-list > li span {display:block;margin-top:8px;font-size:14px;color:#3d414a;line-height:22px;font-weight:300;}

/* 보험 가입 - 협약 가입 */
.top-join.agreement-join .xcenter {padding:84px 0 0;background-image:url(../images/ccp/ico_agreement.png);}
.top-join.agreement-join .tit {font-size:24px;font-weight:700;line-height:32px;color:#fff;}
.top-join.agreement-join .tit > span {display:inline;}

.top-join-agreement {padding:64px 0 120px;background-color:#f6f8fd;}
.top-join-agreement .box {display:flex;justify-content:flex-start;padding:40px;border:1px solid #ebebeb;border-radius:16px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.04);}
.top-join-agreement .box ~ .box {margin-top:20px;}
.top-join-agreement .box .head {width:204px;}
.top-join-agreement .box .head [class^="tits"] {margin:0 0 8px;}
.top-join-agreement .box .head [class^="tits"] + p {font-size:14px;font-weight:500;line-height:22px;color:#3d414a;}
.top-join-agreement .box .cont {width:calc(100% - 204px);}
.top-join-agreement .box .cont .division-dot {margin:32px 0;}
.top-join-agreement .box .cont .inr {display:flex;justify-content:space-between;align-items:flex-end;}
.top-join-agreement .box .cont .inr .flex {width:calc(100% - 246px);}
.top-join-agreement .box .cont .inr .flex > strong {display:block;margin-bottom:4px;font-size:16px;line-height:24px;color:#3d414a;}
.top-join-agreement .box .txt {font-size:16px;line-height:24px;color:#3d414a;}
.top-join-agreement .box .unit-list {margin-top:16px;}
.top-join-agreement .box .unit-list li {display:inline-block;margin:8px 12px 0 0;font-size:13px;color:#154292;}
.top-join-agreement .box .btn {display:flex;}
.top-join-agreement .box .btn [class^="btn-"] ~ [class^="btn-"] {margin-left:10px;}
.top-join-agreement .box .btn .btn-solid1.md,
.top-join-agreement .box .btn .btn-solid2.md {min-width:120px;}


.list .info-box {margin-top:16px;gap:24px;}
.list .info-box > .box-outline{flex:1;padding:24px;border:1px solid #e5e5e5;border-radius:4px;}

.agree-reply.basic {margin-top:24px;border-radius:8px;background-color:#f8f8f8;}

/* 보험 가입 - 이용안내 */
.subscrip-info-list .item {display:flex;justify-content:space-between;align-items:center;position:relative;padding:40px 56px 40px 174px;margin-top:12px;border:1px solid #e5e5e5;border-radius:12px;}
.subscrip-info-list .item > .full {width:100%;}
.subscrip-info-list .item .head {display:flex;justify-content:flex-start;align-items:center;margin-bottom:12px;}
.subscrip-info-list .item .head ~ .txt-tip {margin-top:8px;}
.subscrip-info-list .item .tit {display:block;font-size:22px;line-height:32px;color:#050f26;}
.subscrip-info-list .item .tit + .btn-download::before {content:'';display:inline-block;width:1px;height:12px;margin:0 12px;background-color:#e5e5e5;}
.subscrip-info-list .item .txt {font-size:16px;line-height:24px;color:#3d414a;}
.subscrip-info-list .item .btns {margin:0;}
.subscrip-info-list .item .btns [class^="btn-"].md {justify-content:space-between;min-width:112px;padding:0 24px;border-radius:20px;}
.subscrip-info-list .item .btns [class^="btn-"].md ~ [class^="btn-"].md {margin-left:8px;}
.subscrip-info-list .item .flex-box {display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:12px 0 12px 40px;border-radius:100px;}
.subscrip-info-list .item .flex-box ~ .flex-box {margin-top:12px;}
.subscrip-info-list .item .flex-box.bg {padding:12px 12px 12px 40px;background-color:#f6f8fd;}
.subscrip-info-list .item .flex-box strong {font-size:18px;line-height:24px;color:#050f26;}
.subscrip-info-list .item [class*="ico"] {position:absolute;top:40px;left:56px;width:80px;height:80px;background-repeat:no-repeat;}
.subscrip-info-list .item .ico1 {background-image:url(../images/ccp/ico_subscrip_info1.png);}
.subscrip-info-list .item .ico2 {background-image:url(../images/ccp/ico_subscrip_info2.png);}
.subscrip-info-list .item .ico3 {background-image:url(../images/ccp/ico_subscrip_info3.png);}
.subscrip-info-list .item .ico4 {background-image:url(../images/ccp/ico_subscrip_info4.png);}
.subscrip-info-list .item .ico5 {background-image:url(../images/ccp/ico_subscrip_info5.png);}
.subscrip-info-list .item .ico6 {background-image:url(../images/ccp/ico_subscrip_info6.png);}

/* 보험 가입 - 보험 가입내역 다운로드 팝업 */ /* 추후 삭제 필요 */
.popup-details-down {text-align:center;}
.popup-details-down > strong {display:block;margin:0 0 16px;font-size:18px;line-height:28px;color:#3d414a;}
.popup-details-down > strong + .txt {font-size:16px;line-height:24px;color:#3d414a;}
.popup-details-down .details-info {padding:24px 12px 24px 32px;margin-top:24px;background-color:#f9faff;}
.popup-details-down .details-info dl {display:flex;justify-content:flex-start;text-align:left;}
.popup-details-down .details-info dl ~ dl {margin-top:12px;}
.popup-details-down .details-info dt {position:relative;width:62px;margin-right:12px;font-size:14px;line-height:22px;font-weight:500;color:#1e5bc5;}
.popup-details-down .details-info dt::after {content:'';position:absolute;top:6px;right:0;width:1px;height:10px;background-color:#ccc;}
.popup-details-down .details-info dd {width:calc(100% - 74px);font-size:14px;line-height:22px;color:#3d414a;}

/* 보험 가입 - 2단계_청약정보 공통확인 */
.btn-link.arrow3 {text-decoration:none;font-weight:300;color:#3d414a;}
.btn-link.arrow3::after {content:'';display:inline-block;width:12px;height:12px;margin-left:6px;background-repeat:no-repeat;background-position:50%;background-image:url(../images/btn/btn_arrow5.png);}
.terms-check-list ul {border-top:2px solid #050f26;}
.terms-check-list li {display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #ccc;}
.terms-check-list li.last {padding:16px 24px;background-color:#f9faff;}
.terms-check-list li > p {font-size:16px;font-weight:500;color:#050f26;}
.terms-check-list li .btn {margin-left:auto;}
.agree-item.check > li {padding:16px 24px;border-radius:0;}
.doc-list-tmp {margin-top:64px;}
.manual-box {display:flex;margin-top:24px;}
.manual-box .box {flex:1;padding:32px;border:1px solid #ccc;border-radius:8px;}
.manual-box .box:first-child:nth-last-child(1) {flex:none;width:264px;}
.manual-box .box ~ .box {margin-left:24px;}
.manual-box .ico {display:block;width:48px;height:48px;margin:0 auto 24px;background-repeat:no-repeat;background-size:cover;background-image:url(../images/ico/ico_manual.png);}
.manual-box .box.on .ico {background-image:url(../images/ico/ico_manual_on.png);}
.manual-box .tit {display:block;font-size:20px;color:#050f26;text-align:center;}
.manual-box .btn {margin-top:16px;text-align:center;}
.manual-box ~ .box-outline.sm .msg strong,
.manual-box ~ .boards > .list.box .subj a {font-size:20px;}

/* 보험 가입 - 3단계_보험료결제 공통확인 */
.payment-box {display:flex;align-items:center;margin:24px 0 16px;}
.payment-box .box {flex:1;display:flex;flex-direction:column;min-height:128px;padding:30px;border:1px solid #ccc;border-radius:8px;}
.payment-box .box ~ .box {margin-left:8px;}
.payment-box .box [class*="ico"] {display:block;width:32px;height:32px;margin:auto;background-repeat:no-repeat;background-size:cover;}
.payment-box .box .tit {margin-top:auto;text-align:center;font-size:16px;font-weight:500;color:#3d414a;}
.payment-box .box[title] {background-color:#7056f5;border-color:#7056f5;}
.payment-box.p1 .box[title] {background-color:#3942af;border-color:#3942af;}
.payment-box.p2 .box[title] {background-color:#154292;border-color:#154292;}
.payment-box .box[title] .tit {font-weight:700;color:#fff;}
.payment-box .box .ico1 {background-image:url(../images/ccp/ico_pay1.png);}
.payment-box .box .ico2 {background-image:url(../images/ccp/ico_pay2.png);}
.payment-box .box .ico3 {background-image:url(../images/ccp/ico_pay3.png);}
.payment-box .box .ico4 {width:53px;height:20px;background-image:url(../images/ccp/ico_pay4.png);}
.payment-box .box .ico5 {background-image:url(../images/ccp/ico_pay5.png);}
.payment-box .box[title] .ico1 {background-image:url(../images/ccp/ico_pay1_on.png);}
.payment-box .box[title] .ico2 {background-image:url(../images/ccp/ico_pay2_on.png);}
.payment-box .box[title] .ico3 {background-image:url(../images/ccp/ico_pay3_on.png);}
.payment-box .box[title] .ico4 {width:53px;height:20px;background-image:url(../images/ccp/ico_pay4_on.png);}
.payment-box .box[title] .ico5 {background-image:url(../images/ccp/ico_pay5_on.png);}
.payment-box + .list-dot.up + .btn {margin-top:12px;}
.payment-box + .list-dot.up + .boards {margin-top:24px;}

/* 보험 가입 - 보험가입 상품 선택 팝업 */
.box-result-choice {display:flex;justify-content:space-between;align-items:center;padding:20px 32px;background-color:#f8f8f8;border-radius:8px;font-size:16px;color:#050F26;}
.box-result-choice ~ .box-result-choice {margin-top:12px;}
.box-result-choice .btn {margin-left:0;background-color:#385673;color:#fff;}
.box-result-choice .btn::after {background:url(../images/btn/btn_arrow2.png) no-repeat 50%;}

/* 가입 신청 */
.prd-classifi {margin-top:40px;}
.prd-classifi .step {display:flex;margin:0 -22px;margin-bottom:16px;}
.prd-classifi .step > li {flex:1;position:relative;margin:0 22px;font-size:18px;font-weight:700;color:#050f26;}
.prd-classifi .step > li:first-child {margin:0 26px 0 22px;}
.prd-classifi .step > li > span {margin-right:12px;}
.prd-classifi + .tits {position:absolute;left:0;width:100%;}

.prd-classifi-box {display:flex;margin:0 -22px;}
.prd-classifi-box [class^="select-dap"] {flex:1;position:relative;width:344px;padding:16px 0 12px 0;margin:0 22px;border-top:2px solid #050f26;border-bottom:1px solid #ccc;}
.prd-classifi-box [class^="select-dap"] .no-data {position:absolute;top:50%;width:100%;font-size:16px !important;color:#949494 !important;padding:0;margin:0;transform:translate(0, -50%);}
.prd-classifi-box [class^="select-dap"] .no-data > p + [class^="btn"] {margin-top:12px;}
.prd-classifi-box [class^="select-dap"] li {position:relative;padding-bottom:4px;}
.prd-classifi-box [class^="select-dap"] .btn {position:relative;width:100%;height:43px;padding:0 40px 0 32px;border-radius:40px;font-size:16px;color:#3d414a;text-align:left;}
.prd-classifi-box [class^="select-dap"] .btn:not(div) {background-color:#fff;}
.prd-classifi-box [class^="select-dap"] div.btn {position:absolute;left:0;top:0;color:transparent;pointer-events:none;}
.prd-classifi-box [class^="select-dap"] .btn:not(div) > span {display:block;}
.prd-classifi-box [class^="select-dap"] .btn:not(div)::after {content:'';position:absolute;right:24px;top:14px;width:16px;height:16px;background-repeat:no-repeat;}
.prd-classifi-box [class^="select-dap"] .btn[title]:not(div) {font-weight:500;color:#fff;background:linear-gradient(-90deg, #1e5bc5, #7056f5 100%);box-shadow:0 4px 8px rgba(44,95,202,.32);z-index:1;}
.prd-classifi-box [class^="select-dap"] .btn[title]:not(div)::after {background-image:url(../images/ccp/prd_class_check1.png);}
.prd-classifi-box [class^="select-dap"] div.btn .tooltips {pointer-events:auto;}
.prd-classifi-box [class^="select-dap"] div.btn .tooltips .btn-tooltip {z-index:2;}
.prd-classifi-box [class^="select-dap"] .tooltips {top:10px;margin-left:6px;}
.prd-classifi-box [class^="select-dap"] .tooltips .tooltip-content .tit ~ .tit {margin-top:6px;}
.prd-classifi-box [class^="select-dap"] .tooltips .tooltip-content .list-dot li {padding:0 0 0 11px;}
.prd-classifi-box .select-dap1 {margin:0 26px 0 22px;}
.prd-classifi-box .select-dap1 .btn {height:56px;padding:0 40px 0 104px;}
.prd-classifi-box .select-dap1 .btn::before {content:'';position:absolute;top:12px;left:40px;width:32px;height:32px;background-repeat:no-repeat;background-position:0 0;}
.prd-classifi-box .select-dap1 li:nth-child(1) .btn::before {background-image:url(../images/ccp/prd_class_ico1.png);}
.prd-classifi-box .select-dap1 li:nth-child(2) .btn::before {background-image:url(../images/ccp/prd_class_ico2.png);}
.prd-classifi-box .select-dap1 li:nth-child(3) .btn::before {background-image:url(../images/ccp/prd_class_ico3.png);}
.prd-classifi-box .select-dap1 li:nth-child(4) .btn::before {background-image:url(../images/ccp/prd_class_ico4.png);}
.prd-classifi-box .select-dap1 li:nth-child(5) .btn::before {background-image:url(../images/ccp/prd_class_ico5.png);}
.prd-classifi-box .select-dap1 li:nth-child(6) .btn::before {background-image:url(../images/ccp/prd_class_ico6.png);}
.prd-classifi-box .select-dap1 .btn[title]:not(div)::before {background-position:0 -32px;}
.prd-classifi-box .select-dap1 .btn:not(div)::after,
.prd-classifi-box .select-dap2 .btn:not(div)::after {background-image:url(../images/ccp/prd_class.png);}
.prd-classifi-box .select-dap1 .btn:not(div)::after {top:20px;}
.prd-classifi-box .select-dap3 .btn:not([title]) {content:none;}
.prd-classifi-box .select-dap3 .btn[title]:not(div)::after {background-image:url(../images/ccp/prd_class_check2.png);}

.prd-classifi-path {position:relative;margin-top:64px;padding:16px 40px;border-radius:12px;background-color:#f9faff;}
.prd-classifi-path > .rq {position:absolute;right:0;top:-32px;}
.prd-classifi-path .box {display:flex;align-items:center;}
.prd-classifi-path .box ~ .box {margin-top:16px;}
.prd-classifi-path .box .items {position:relative;width:122px;padding-right:25px;font-size:16px;font-weight:300;color:#3d414a;}
.prd-classifi-path .box .items::after {content:'';display:inline-block;position:absolute;right:25px;top:3px;width:1px;height:12px;background-color:#ccc;}
.prd-classifi-path .box .val {width:calc(100% - 122px);color:#3d414a;}
.prd-classifi-path .path {display:flex;justify-content:flex-start;align-items:center;}
.prd-classifi-path .path > span {font-size:16px;font-weight:500;color:#3d414a;}
.prd-classifi-path .path > span:not(:first-child)::before {content:'';display:inline-block;width:16px;height:16px;margin:-2px 16px 0;background:url(../images/layout/breadcrumb_arrow1.png) no-repeat;vertical-align:middle;}
.prd-classifi-path .path > span:last-child {color:#1e5bc5;}
.prd-classifi-path .forms + .txt-tip {margin:0 0 0 12px;}

/* 간편가입안내 팝업 */
.popup-announ {width:100%;text-align:center;}
.popup-announ > i {display:inline-block;width:64px;height:64px;margin:0 auto 16px;background-repeat:no-repeat;}
.popup-announ > .ico1 {background-image:url(../images/ccp/ico_prd_announ1.png);}
.popup-announ > .ico2 {background-image:url(../images/ccp/ico_prd_announ2.png);}
.popup-announ > .txt {font-size:16px;line-height:28px;color:#050f26;}
.popup-announ > .txt > strong {display:block;font-weight:500;}
.popup-announ .box-solid {justify-content:center;padding:24px;margin-top:24px;border-radius:0;text-align:center !important;}
.popup-announ .box-solid .msg > strong {color:#1e5bc5;margin-bottom:4px;}

/* 보험 서식 - 보험서식 전자서명 */
.forms.unit1 > .unit-txt {position:relative;right:auto;margin-right:12px;white-space:nowrap;}
.boards .table.row th.month-ipt > input[type="text"] {width:48px;height:32px;}
.tab-menu-online ul {display:flex;flex-wrap:nowrap;position:relative;width:100%;}
.tab-menu-online ul > li {display:flex;width:100%;margin-left:0;}
.tab-menu-online ul > li ~ li {margin-left:-1px;}
.tab-menu-online ul > li > a {display:flex;justify-content:center;align-items:center;width:100%;position:relative;padding:5px 33px;min-height:56px;border:1px solid #dbdbdb;background-color:#fff;font-size:18px;box-shadow:0 4px 12px rgba(0,0,0,0.04);}
.tab-menu-online ul > li:first-of-type > a {border-radius:12px 0 0 0;}
.tab-menu-online ul > li:last-of-type > a {border-radius:0 12px 0 0;}
.tab-menu-online ul > li > a span {font-weight:500;color: #3d414a;}
.tab-menu-online ul > li > a [class^="icon"] {flex-shrink:0;display:block;margin-right:16px;width:24px;height:24px;background-size:cover;background-repeat:no-repeat;}
.tab-menu-online ul > li > a .icon1 {background-image:url(../images/ccp/ico_online_sign1.png);}
.tab-menu-online ul > li > a .icon2 {background-image:url(../images/ccp/ico_online_sign2.png);}
.tab-menu-online ul > li > a .icon3 {background-image:url(../images/ccp/ico_online_sign3.png);}
.tab-menu-online ul > li.on > a {border-color:#385673;background-color:#385673;box-shadow:0 4px 8px rgba(44,95,202,0.32);}
.tab-menu-online ul > li.on > a span {color:#fff;}
.tab-menu-online ul > li.on > a .icon1 {background-image:url(../images/ccp/ico_online_sign1_on.png);}
.tab-menu-online ul > li.on > a .icon2 {background-image:url(../images/ccp/ico_online_sign2_on.png);}
.tab-menu-online ul > li.on > a .icon3 {background-image:url(../images/ccp/ico_online_sign3_on.png);}
.tab-menu-online + .tab-content .online-box {border-top:none;border-radius:0 0 12px 12px;}
.online-box {display:flex;align-items:center;padding:24px 40px;border:1px solid #dbdbdb;border-radius:12px;background-color:#f8f8f8;box-shadow:0 4px 12px rgba(0,0,0,0.04);}
.online-box .msg {flex:none;position:relative;padding-left:28px;margin-right:50px;font-size:16px;color:#3d414a;}
.online-box .msg::before {content:'';display:block;width:16px;height:16px;position:absolute;left:0;top:2px;background:url(../images/common/form_search.png)center no-repeat;}
.online-box .msg + div:not(.btn) {margin:-2px 0;}
.online-box .btn {display:flex;flex-wrap:nowrap;margin:auto 0 0 auto;}
.btn-tag-round {min-width:84px;height:40px;padding:0 22px;margin:2px 0;border:1px solid #e5e5e5;border-radius:24px;background-color:#fff;font-size:14px;color:#3d414a;}
.btn-tag-round[title] {border:2px solid #1e5bc5;font-weight:500;color:#1e5bc5;}
.btn-tag-round::before {content:'# ';}
.btn-round {display:inline-flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 16px;border-radius:24px;font-size:14px;font-weight:500;color:#fff;background-color:#154292;}
.btn-round:not(.outline):hover {background-color:#10326f;}
.btn-round.outline {border:1px solid #e5e5e5;background-color:#fff;}
.btn-round.outline:hover {border-color:#8a8a8a;}
.btn-round.ico-reset {min-width:auto;width:40px;padding:0;}
.btn-round.ico-reset:before {content:'';display:inline-block;width:16px;height:16px;background:url(../images/btn/btn_reset.png) no-repeat 0 0;}
.btn-round ~ .btn-round {margin-left:8px;}
.online-prd-flex {display:flex;flex-wrap:wrap;}
.online-prd-flex > div {display:flex;width:33.33%;margin-top:12px;}
.online-prd-flex > div.full {width:100%;margin-top:0;}
.online-prd-flex > div > strong {flex:0 0 74px;margin-right:24px;font-size:14px;font-weight:500;color:#050f26;}
.online-prd-flex > div .value {margin-right:40px;font-size:14px;color:#3d414a;}

/* ====================
	상품
==================== */
.content-prds1 .content-head {background-color:#2d58b7;} /* 보증 */
.content-prds2 .content-head {background-color:#3c7fd2;} /* 신용 */
.content-prds3 .content-head {background-color:#6d5ce1;} /* 전자상거래 */

[class^="content-prds"] .content-head .head-inr {display:flex;justify-content:space-between;width:1128px;padding:24px 0 56px;margin:0 auto;}
[class^="content-prds"] .content-head .head-inr.slim {padding-bottom:28px;}
[class^="content-prds"] .content-head .tooltips .btn-tooltip {border:2px solid #fff;background-color:transparent;}
[class^="content-prds"] .inr {position:relative;}
[class^="content-prds"] .inr + .inr {display:flex;align-items:flex-end;}
[class^="content-prds"] .inr .head {display:flex;justify-content:flex-start;align-items:center;margin-top:20px;}
[class^="content-prds"] .inr .head + .txt1,
[class^="content-prds"] .inr .head-tip + .txt1 {margin-top:12px;font-size:16px;line-height:24px;color:#fff;}
[class^="content-prds"] .inr .head-tip {margin-top:4px;}
[class^="content-prds"] .inr .head-tip > .tooltip-txt {margin-left:0;font-size:13px;color:#d5ddf1;}
[class^="content-prds"] .inr .head + .head-tip > .tooltip-txt {color:#fff;}
[class^="content-prds"] .inr h2 {font-size:32px;font-weight:700;color:#fff;}
[class^="content-prds"] .inr h2 + .tooltip-txt {margin:0 4px 0 12px;color:#fff;}
[class^="content-prds"] .inr .tooltip-txt {margin-left:0;font-weight:300;color:#fff;}
[class^="content-prds"] .inr .tooltip-txt + .tooltips {top:0;}
[class^="content-prds"] .inr .txt-tip {margin-top:8px;font-size:13px;color:#d5ddf1;}
[class^="content-prds"] .inr .txt-tip::before {background:url(../images/common/tip_ico3.png) no-repeat 0 0;}
[class^="content-prds"] .inr .file {position:absolute;top:0;right:0;padding:0 24px;border-radius:18px;background-color:rgba(255,255,255,0.08);box-shadow:0 4px 12px rgba(0,0,0,.08);}
[class^="content-prds"] .inr .file::after {content:'';display:block;clear:both;}
[class^="content-prds"] .inr .file .item {display:inline-flex;align-items:center;position:relative;}
[class^="content-prds"] .inr .file .item + .item::before {content:'';width:1px;height:12px;padding-left:12px;margin-left:8px;border-left:1px solid rgba(255,255,255,0.16);}
[class^="content-prds"] .inr .file .btn {display:inline-flex;align-items:center;min-width:64px;height:36px;font-size:14px;color:#fff;}
[class^="content-prds"] .inr .file .btn::after {content:'';display:inline-block;width:16px;height:16px;margin-left:4px;background:url(../images/btn/btn_download3.png) no-repeat;}
[class^="content-prds"] .inr .file .tooltip {display:none;position:absolute;right:-30px;top:36px;z-index:1;padding-top:3px;}
[class^="content-prds"] .inr .file .tooltip.on {display:block;}
[class^="content-prds"] .inr .file .tooltip .tooltip-inr {padding:18px 52px 18px 16px;border:1px solid #ccc;border-radius:6px;background-color:#fff;}
[class^="content-prds"] .inr .file .tooltip .tooltip-inr::before {content:'';position:absolute;right:32px;top:-4px;width:9px;height:9px;margin-left:-6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='9' viewBox='0 0 12 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='area' width='12' height='9' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='bg' clip-path='url(%23clip-path)'%3E%3Cg id='bg-2' data-name='bg' transform='translate(-1 -0.002)' fill='%23fff'%3E%3Cpath d='M 13.03966903686523 9.5 L 0.9603310227394104 9.5 L 7 0.8719014525413513 L 13.03966903686523 9.5 Z' stroke='none'/%3E%3Cpath d='M 7 1.743788719177246 L 1.920652389526367 9 L 12.07934761047363 9 L 7 1.743788719177246 M 7 0 L 14 10 L 0 10 L 7 0 Z' stroke='none' fill='%23ccc'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;}
[class^="content-prds"] .inr .file .tooltip .list-dot,
[class^="content-prds"] .inr .file .tooltip .list-dot [class^="btn-"] {margin:0;}
[class^="content-prds"] .inr .file .tooltip .list-dot li {white-space:nowrap;}
[class^="content-prds"] .inr .file .tooltip .list-dot [class^="btn-"] {font-size:16px;}
[class^="content-prds"] .inr .file .tooltip .close {position:absolute;right:16px;top:22px;width:17px;height:17px;background:url(../images/common/tooltip_close.png) no-repeat 50%;}
[class^="content-prds"] .inr .info {display:flex;justify-content:flex-end;padding-top:72px;}
[class^="content-prds"] .inr .info > li {position:relative;padding:0 0 0 60px;} 
[class^="content-prds"] .inr .info > li > strong {font-size:14px;font-weight:700;color:#fff;}
[class^="content-prds"] .inr .info > li > strong + p {margin-top:5px;font-size:16px;line-height:24px;color:#fff;}
[class^="content-prds"] .inr .info > li + li {padding:0 20px 0 92px;}
[class^="content-prds"] .inr .info > li + li::after {content:'';display:inline-block;position:absolute;left:16px;top:0;width:1px;height:48px;background:url(../images/ccp/ico_prd_dotline.png) no-repeat;}
[class^="content-prds"] .inr .info > li::before {content:'';display:inline-block;position:absolute;top:0;left:0;width:48px;height:48px;background-repeat:no-repeat;}
[class^="content-prds"] .inr .info > li + li::before {left:32px;}
[class^="content-prds"] .inr .info > li.ico1::before {background-image:url(../images/ccp/ico_prd_head1.png);}
[class^="content-prds"] .inr .info > li.ico2::before {background-image:url(../images/ccp/ico_prd_head2.png);}
[class^="content-prds"] .inr .info > li.ico3::before {background-image:url(../images/ccp/ico_prd_head3.png);}
[class^="content-prds"] .inr .info > li.ico4::before {background-image:url(../images/ccp/ico_prd_head4.png);}
[class^="content-prds"] .inr .info > li.ico5::before {background-image:url(../images/ccp/ico_prd_head5.png);}
[class^="content-prds"] .inr .info > li.ico6::before {background-image:url(../images/ccp/ico_prd_head6.png);}
[class^="content-prds"] .inr .info > li.ico7::before {background-image:url(../images/ccp/ico_prd_head7.png);}
[class^="content-prds"] .inr .info > li.ico8::before {background-image:url(../images/ccp/ico_prd_head8.png);}
[class^="content-prds"] .inr .info > li.ico9::before {background-image:url(../images/ccp/ico_prd_head9.png);}
[class^="content-prds"] .inr .info > li.ico10::before {background-image:url(../images/ccp/ico_prd_head10.png);}
[class^="content-prds"] .inr .info > li.ico11::before {background-image:url(../images/ccp/ico_prd_head11.png);}
[class^="content-prds"] .inr .info > li.ico12::before {background-image:url(../images/ccp/ico_prd_head12.png);}
[class^="content-prds"] .inr .info > li.ico13::before {background-image:url(../images/ccp/ico_prd_head13.png);}
[class^="content-prds"] .inr .info > li.ico14::before {background-image:url(../images/ccp/ico_prd_head14.png);}
[class^="content-prds"] .inr .info > li.ico15::before {background-image:url(../images/ccp/ico_prd_head15.png);}
[class^="content-prds"] .inr .info > li.ico16::before {background-image:url(../images/ccp/ico_prd_head16.png);}
[class^="content-prds"] .inr .info > li.ico17::before {background-image:url(../images/ccp/ico_prd_head17.png);}
[class^="content-prds"] .inr .info > li.ico18::before {background-image:url(../images/ccp/ico_prd_head18.png);} /* 18: 보증 - 혁신영업센터 가입 */
[class^="content-prds"] .inr .info > li.ico19::before {background-image:url(../images/ccp/ico_prd_head19.png);}
[class^="content-prds"] .inr .info > li.ico20::before {background-image:url(../images/ccp/ico_prd_head20.png);}
[class^="content-prds"] .inr .info > li.ico21::before {background-image:url(../images/ccp/ico_prd_head21.png);}
[class^="content-prds"] .inr .info > li.ico22::before {background-image:url(../images/ccp/ico_prd_head22.png);}
[class^="content-prds"] .inr .info > li.ico23::before {background-image:url(../images/ccp/ico_prd_head23.png);}
[class^="content-prds"] .inr .info > li.ico24::before {background-image:url(../images/ccp/ico_prd_head24.png);}
[class^="content-prds"] .inr .info > li.ico25::before {background-image:url(../images/ccp/ico_prd_head25.png);}
[class^="content-prds"] .inr .info > li.ico26::before {background-image:url(../images/ccp/ico_prd_head26.png);}
[class^="content-prds"] .inr .info > li.ico27::before {background-image:url(../images/ccp/ico_prd_head27.png);}
[class^="content-prds"] .inr .info > li.ico28::before {background-image:url(../images/ccp/ico_prd_head28.png);}
[class^="content-prds"] .inr .info > li.ico29::before {background-image:url(../images/ccp/ico_prd_head29.png);}
[class^="content-prds"] .inr .info > li.ico30::before {background-image:url(../images/ccp/ico_prd_head30.png);}
[class^="content-prds"] .inr .info > li.ico31::before {background-image:url(../images/ccp/ico_prd_head31.png);}
[class^="content-prds"] .inr .info > li.ico32::before {background-image:url(../images/ccp/ico_prd_head32.png);}
[class^="content-prds"] .inr .info > li.ico33::before {background-image:url(../images/ccp/ico_prd_head33.png);}
[class^="content-prds"] .inr .info > li.ico34::before {background-image:url(../images/ccp/ico_prd_head34.png);}
[class^="content-prds"] .inr .info > li.ico35::before {background-image:url(../images/ccp/ico_prd_head35.png);}
[class^="content-prds"] .inr .info > li.ico36::before {background-image:url(../images/ccp/ico_prd_head36.png);}
[class^="content-prds"] .inr .info > li.ico37::before {background-image:url(../images/ccp/ico_prd_head37.png);}
[class^="content-prds"] .inr .info > li.ico38::before {background-image:url(../images/ccp/ico_prd_head38.png);}
[class^="content-prds"] .inr .info > li.ico39::before {background-image:url(../images/ccp/ico_prd_head39.png);}
[class^="content-prds"] .inr .info > li.ico40::before {background-image:url(../images/ccp/ico_prd_head40.png);}
[class^="content-prds"] .inr .info > li.ico41::before {background-image:url(../images/ccp/ico_prd_head41.png);}
[class^="content-prds"] .inr .info > li.ico42::before {background-image:url(../images/ccp/ico_prd_head42.png);}
[class^="content-prds"] .inr .info > li.ico43::before {background-image:url(../images/ccp/ico_prd_head43.png);}

[class^="content-prds"] .content-body {width:1128px;padding:0 0 120px;margin:0 auto;}
[class^="content-prds"] .tits4 {margin:24px 0 12px;font-size:18px;line-height:22px;color:#050f26;}
[class^="content-prds"] .txt-tip.up {margin-top:24px;}
[class^="content-prds"] .list-dot .txt-tip.up {margin-left:-12px;}
[class^="content-prds"] .tooltip-txt {margin:0 2px 0 16px;font-size:14px;font-weight:500;color:#385673;}
[class^="content-prds"] .tooltip-txt + .tooltips {top:0;}
[class^="content-prds"] .division-line {margin:40px 0;}
[class^="content-prds"] .division-line + [class*="tits"] {margin-top:40px;}
[class^="content-prds"] .tit-coment {display:block;font-size:16px;font-weight:500;color:#050f26;}
[class^="content-prds"] .txt-coment {margin-top:8px;font-size:13px;color:#666;}
[class^="content-prds"] .tooltips .tooltip-content .list-dot .list-dash li ~ li .txt-coment {margin-top:0;}
[class^="content-prds"] .tooltips .tooltip-content .list-cir li .list-dot li ~ li {margin-top:2px;}
[class^="content-prds"] .major-tit + .tit-coment,
[class^="content-prds"] .major-txt + .tit-coment {margin-top:32px;}
[class^="content-prds"] .list-dot + .tit-coment,
[class^="content-prds"] .major-tit + .tit-coment + .list-dot,
[class^="content-prds"] .major-txt + .tit-coment + .list-dot {margin-top:12px;}

[class^="content-prds"] .tab-menu {margin:0 0 48px;padding:0;}
[class^="content-prds"] .tab-menu::before {content:none;}
[class^="content-prds"] .tab-menu .tab-menu-inr::after {content:none;}
[class^="content-prds"] .tab-menu li a {border-bottom:2px solid #e5e5e5;border-radius:0;background-color:#fff;color:#666;box-shadow:none;}
[class^="content-prds"] .tab-menu li a::before {content:none !important;}
[class^="content-prds"] .tab-menu li a::after {content:'';display:inline-block;position:absolute;bottom:-6px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background-color:#1e5bc5;transform:scale(0);transition:0.5s cubic-bezier(0.48, 1.97, 0.5, 0.63);}
[class^="content-prds"] .tab-menu li.on a {background:#fff;border-color:#1e5bc5;color:#1e5bc5;}
[class^="content-prds"] .tab-menu li.on a::after {transform:scale(1) translateY(0);}
[class^="content-prds"] .tab-menu {position:sticky;top:112px;z-index:10;background-color:#fff;transition:top .4s var(--easeOutSine) .2s;}
.wrap.off [class^="content-prds"] .tab-menu {top:0;}
[class^="content-prds"] .tab-menu .tab-menu-inr {overflow:visible;margin:0;padding:0;}

[class^="content-prds"] .tab-menu + .boards {margin-top:48px;}
[class^="content-prds"] .tab-menu + .tab-content-tit + .boards {margin-top:-12px;}
[class^="content-prds"] .boards {margin-top:64px;}
[class^="content-prds"] .boards > .list.line li:last-child .obj {padding-bottom:0;}
[class^="content-prds"] .boards > .list.line .obj [class*="tits"] {margin:40px 0 16px;}
[class^="content-prds"] .boards > .list.line .obj .tits3 {margin:32px 0 16px;}
[class^="content-prds"] .boards > .list.line .obj .tits3 > span {position:relative;}
[class^="content-prds"] .boards > .list.line .obj .tits3 > span::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:12px;border-radius:6px;background-color:#e0f3fe;z-index:-1;}
[class^="content-prds"] .boards > .list.line .obj [class*="tits"].first {margin:0 0 16px;}
[class^="content-prds"] .boards > .list.line .obj [class*="tits"] + .boards {margin-top:16px;}
[class^="content-prds"] .boards > .list.line .obj [class*="tits"] + .step-list {margin-top:-24px;}
[class^="content-prds"] .boards > .list.line .obj [class*="tits"] + .step-list li {margin-top:24px;}
[class^="content-prds"] .boards > .list.line .list-dot li ~ li {margin-top:8px;}

[class^="content-prds"] .list-dot li > [class^="btn-"] {margin-left:8px;}
[class^="content-prds"] .list-dot li > [class^="btn-"]:not(.btn-link):first-child {margin-left:20px;}
[class^="content-prds"] .list-dot li > .btn-link {margin-left:0;}
[class^="content-prds"] .list-dot > ul > li + li,
[class^="content-prds"] .list-num > ol > li + li {margin-top:6px;}
[class^="content-prds"] .list-dot > ul > li .list-dash,
[class^="content-prds"] .list-dot > ul > li .sub-list,
[class^="content-prds"] .list-dot.up > ul > li > .list-cir.down,
[class^="content-prds"] .list-dot.up li > p {margin-left:-12px;}
[class^="content-prds"] .list-dot.up li > p {margin-top:8px;}
[class^="content-prds"] .list-dot .sub-list li {margin-top:8px;font-size:14px;color:#666;}
[class^="content-prds"] .list-dot > ul > li::before {top:9px;background-color:#8a8a8a;}
[class^="content-prds"] .list-dot.up .list-dash {margin-top:8px;}
[class^="content-prds"] .list-dot.up .list-dash li::before {top:10px;}
[class^="content-prds"] .list-dot.up .list-cir.down {margin-top:8px;}
[class^="content-prds"] .list-dot li .list-cir.down li > .btn-link {margin-left:0;}
[class^="content-prds"] .list-dot li .list-cir.down li > .txt-coment {margin-left:-18px;}
[class^="content-prds"] .list-dot.up .boards {margin:12px 0 12px -12px;}
[class^="content-prds"] .list-dot.up + .boards {margin-top:32px;}
[class^="content-prds"] .list-dot.up2 > ul > li {margin-top:24px !important;font-weight:500;}
[class^="content-prds"] .list-dot.up2 > ul > li::before {top:11px;background-color:#050f26;}
[class^="content-prds"] .list-dot.up2 .list-dash.up {margin-top:12px;}
[class^="content-prds"] .list-dot.up2 .list-dash.up li {font-weight:300;}
[class^="content-prds"] .list-dot.up2 .list-dash.up li + li {margin-top:8px;}
[class^="content-prds"] .boards > .list.line .list-dash > ul > li + li {margin-top:4px;}
[class^="content-prds"] .boards > .list.line .step-box.sm li ~ li,
[class^="content-prds"] .boards > .list.line .step-box.sm .list-dash > ul > li + li {margin-top:0;}
[class^="content-prds"] .boards > .list.line .step-box.sm .list-dash + .desc {margin-top:2px;font-size:13px;color:#3d414a;line-height:18px;}
[class^="content-prds"] .box-flex {display:flex;align-items:center;margin-top:12px;}
[class^="content-prds"] .box-flex > .txt-tip {margin-top:0;}
[class^="content-prds"] .box-flex > .txt-tip + [class^="btn-"] {margin-left:20px;}

[class^="content-prds"] .btn [class^="btn-"] {min-width:108px;font-size:16px;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.12);}
[class^="content-prds"] .btn [class^="btn-"].common {font-size:14px;box-shadow:none;}
[class^="content-prds"] .btn .btn-outline1 {font-weight:300;border-color:#949494;}
[class^="content-prds"] .btn .btn-outline1:hover {border-color:#385673;}
[class^="content-prds"] .btn .btn-solid2.common {font-weight:500;}

[class^="content-prds"] .refer-box {margin-top:48px;}
[class^="content-prds"] .prd-info-list-b + .refer-box {margin-top:32px;}

.box-prd-call {position:relative;z-index:10;margin:-24px 0 16px;border-radius:16px;box-shadow:8px 8px 12px rgba(177,177,177,.16);background-color:#fff;}
.box-prd-call.off:not(.fixed) {display:none;}
.box-prd-call .inr{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 32px;}
.box-prd-call .call {display:flex;align-items:center;}
.box-prd-call:not(.fixed) .call .tit {display:none;}
.box-prd-call .call .tit strong {margin-right:24px;font-size:22px;line-height:24px;color:#fff;white-space:nowrap;}
.box-prd-call .call .con {display:flex;align-items:center;}
.box-prd-call .call .tel {display:flex;align-items:center;font-size:20px;font-weight:700;color:#050f26;}
.box-prd-call .call .tel::before {content:'';display:inline-block;width:48px;height:48px;margin-right:16px;background:url(../images/ico/ico_call.png) no-repeat 0 0;}
.box-prd-call .call .disc {font-size:14px;color:#3d414a;}
.box-prd-call .call .tel + .disc {margin-left:16px;}
.box-prd-call .btn {display:flex;padding:0;margin-left:0;}
.box-prd-call .btn::after {content:none;}
.box-prd-call .btn > .item {position:relative;margin-left:12px;}
.box-prd-call:not(.fixed) .btn > .item:first-child,
.box-prd-call.fixed .btn > .item.off {display:none;}
.box-prd-call .btn .tooltip {position:absolute;right:0;bottom:52px;padding:8px 16px;border:1px solid #ccc;border-radius:16px;background-color:#fff;font-size:14px;font-weight:500;color:#1e5bc5;white-space:nowrap;transform:translateY(50%);transition:all .3s ease;box-shadow:0 4px 12px rgba(41,80,148,.15);opacity:.01;}
.box-prd-call .btn a:not(:hover, :focus) + .tooltip {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;clip:rect(1px,1px,1px,1px);}
.box-prd-call .btn a:hover + .tooltip,
.box-prd-call .btn a:focus + .tooltip {transform:translateY(0);opacity:1;}
.box-prd-call .btn .tooltip::before {content:'';position:absolute;right:48px;bottom:-9px;width:12px;height:9px;background:url(../images/common/tooltip_arrow.png) no-repeat 0 0;transform:rotate(-180deg);}
.box-prd-call .layer {display:none;position:absolute;left:0;top:-34px;height:40px;padding:0 20px 0 76px;border:1px solid #ccc;border-radius:20px;box-shadow:0 4px 8px rgba(0,0,0,.12);background-color:#fff;white-space:nowrap;}
.box-prd-call .layer::before {content:'';position:absolute;left:20px;top:-16px;width:48px;height:48px;background:url(../images/ccp/ico_prd_search.png) no-repeat 0 0;}
.box-prd-call .layer::after {content:'';position:absolute;left:20px;bottom:-9px;width:12px;height:9px;background:url(../images/ccp/bg_prd_search_arrow.png) no-repeat 0 0;}
.box-prd-call .layer .layer-tit {font-size:16px;font-weight:500;color:#1e5bc5;}
.box-prd-call .layer .layer-link {display:flex;align-items:center;margin-left:20px;}
.box-prd-call .layer .layer-link span {margin-right:4px;font-size:14px;color:#666;}
.box-prd-call .layer .layer-link::after {content:'';display:inline-block;width:12px;height:12px;background:url(../images/btn/btn_arrow1.png) no-repeat 0 0;}
.box-prd-call.fixed {position:sticky;bottom:0;z-index:8;margin:0;padding-left:0;background-color:rgba(61,65,74,0.88);border-radius:0;transition:transform .1s var(--easeOutSine);}
.box-prd-call.fixed:not(.end){transform:translateY(200%);}
.box-prd-call.fixed .inr{padding:20px 0;width:1128px;margin:0 auto;}
.box-prd-call.fixed .call .tel::before {width:24px;background-image:url(../images/ico/ico_call2.png);background-position:0 50%;}
.box-prd-call.fixed .call .tel,
.box-prd-call.fixed .call .disc {color:#fff;}
.box-prd-call.fixed .call .disc {opacity:.8;}
.box-prd-call.fixed .btn .btn-outline1 {border-color:#fff;background-color:#545860;color:#fff;}
.box-prd-call.fixed .btn .btn-outline2,
.box-prd-call.fixed .btn .btn-solid1 {border-color:#fff;background-color:#fff;color:#1e5bc5;}
.box-prd-call.fixed .btn .btn-outline1:not(:first-child) {display:none;}
.box-prd-call.fixed .btn .btn-outline1:hover {border-color:#2a2c30;;background-color:#2a2c30;}
.box-prd-call.fixed .btn .btn-outline2:hover,
.box-prd-call.fixed .btn .btn-solid1:hover {border-color:#1e5bc5;;background-color:#f5f7fc;}
.box-prd-call.fixed .layer {display:flex;align-items:center;}
.wrap.off .box-prd-call.fixed {transform:translateY(0);}
.box-prd-call.static {position:relative !important;}
.box-prd-call + .box-solid {margin:24px 0 8px;color:#3d414a;}

.inst-box {display:flex;justify-content:space-between;margin-top:24px;}
.inst-box .box {flex:1;padding:32px;border:1px solid #e5e5e5;border-radius:12px;}
.inst-box .box ~ .box {margin-left:24px;}
.inst-box .tit {margin-bottom:16px;font-size:18px;font-weight:700;color:#3d414a;}
.inst-box .box li {font-size:14px;font-weight:300;color:#3d414a;}
.inst-box .box ul.tel {display:table;table-layout:fixed;min-height:48px;padding-left:64px;background:#fff url(../images/ico/ico_call.png) no-repeat left center;}
.inst-box .box ul.tel li {display:table-row;}
.inst-box .box ul.tel li + li {padding-top:8px;}
.inst-box .box ul.tel .item,
.inst-box .box ul.tel .val {display:table-cell;vertical-align:middle;}
.inst-box .box ul.tel .item {padding-right:12px;font-weight:500;}
.inst-box .box ul.info {padding-top:20px;margin-top:20px;border-top:1px solid #e5e5e5;}
.inst-box .box ul.info li {padding-left:24px;background-repeat:no-repeat;background-position:left top;}
.inst-box .box ul.info li.link {background-image:url(../images/ico/ico_inst_link.png);}
.inst-box .box ul.info li.map {display:block;height:auto;background-image:url(../images/ico/ico_inst_map.png);background-color:transparent;}
.inst-box .box ul.info li + li {margin-top:12px;}
.inst-box .box ul.info .btn-link {font-size:inherit;font-weight:300;}

.major-tit {position:relative;padding-left:12px;font-size:18px;font-weight:500;line-height:28px;color:#3d414a;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.major-tit::before {content:'';position:absolute;left:0;top:10px;width:4px;height:4px;background-color:#050f26;border-radius:50%;}
.major-tit + .list-dash.up {margin-top:12px;}
.major-tit + .boards {margin-top:12px;}
.major-txt {font-size:18px;line-height:28px;color:#3d414a;}
.major-txt + .tits3,
.tab-menu + .tits3 {margin:32px 0 16px;}
.major-txt + .tits3 + .boards,
.tab-menu ~ .tits3 + .boards {margin-top:16px;}
.major-txt + .boards {margin-top:20px;}
.major-txt + .tab-menu-sub {margin:32px 0 8px;}
.major-flex {display:flex;flex-wrap:wrap;}
.major-flex > div {width:50%;}
.major-flex > div.full {width:100%;}
.major-flex .list-dot.up > ul > li + li {margin-top:12px;}
.major-flex .list-dot.up .list-dash li ~ li {margin-top:8px;}
.major-flex .disc {margin-top:8px;margin-left:-12px;font-size:14px;font-weight:500;line-height:22px;color:#3d414a;}
.major-flex .txt-tip {margin-top:8px;}
.major-flex .txt-tip + .boards,
.major-flex .tits4 + .boards {margin-top:16px;}
.major-txt + .major-flex {margin-top:8px;}
.tab-menu ~ .major-flex  {margin-top:-24px;}

.box-outline.prd {justify-content:center;padding:48px 32px;margin-top:20px;}
.box-solid.prd {display:block;border-radius:16px;}
.box-solid.prd .txt-tip.up {margin-top:0;}
.box-solid.prd .txt-tip + .list-dot,
.box-solid.prd .txt-tip + .list-num {margin-top:12px;}
.box-solid.prd .list-dot li .list-dash {margin-left:0;}
.box-solid.prd .list-dot li .list-dash li .list-dec {margin-top:6px;}
.box-solid.prd .list-dot li .list-dash li .list-dec li {font-size:13px;line-height:18px;color:#666;}
.box-solid.prd .list-dot li .list-dash li .list-dec li ~ li {margin-top:6px;}
.box-solid.prd .list-dot li .list-dash li .list-dec li::before {background-color:transparent;}
.box-solid.prd .list-dot li > .sub-list {margin-left:0;}
[class^="content-prds"] .boards > .list.line .box-solid {margin-top:20px;background-color:#f8f8f8;}
.major-flex .box-solid {padding:24px 32px;margin-top:8px;background-color:#f9faff;}
.popup-body .box-solid.prd {padding:24px 32px;border-radius:12px;}
.popup-body .box-solid.prd > .list-dot {margin-top:12px;}

.prd-info-list-a > .box {position:relative;height:358px;padding:0 40px 0 24px;margin-top:48px;border-bottom:1px solid #dbdbdb;}
.prd-info-list-a .info-tit1 {font-size:22px;font-weight:700;line-height:32px;color:#050f26;margin-bottom:12px;}
.prd-info-list-a .info-tit2 {font-size:18px;font-weight:500;line-height:28px;color:#3d414a;margin-bottom:8px;}
.prd-info-list-a .info-tit2 + .list-dash {margin-top:8px;}
.prd-info-list-a .info-img {position:absolute;bottom:40px;right:0;width:100%;height:188px;color:#3d414a;text-align:right;}
.prd-info-list-a .info-img > img {height:100%;}
.prd-info-list-a .txt1 {font-size:22px;line-height:32px;color:#050f26;}
.prd-info-list-a .txt2 {font-size:18px;line-height:28px;color:#3d414a;}
.prd-info-list-a .txt3 {margin-top:4px;font-size:16px;line-height:24px;color:#3d414a;}
.prd-info-list-a .txt-tip {margin-top:8px;font-weight:500;}
.prd-info-list-a ~ [class*="tits"] {margin-left:24px;}
.prd-info-list-a ~ [class*="tits"] + .boards {margin-top:32px;}
.prd-info-list-b {display:flex;flex-wrap:wrap;margin:0 -12px;}
.prd-info-list-b > .box {position:relative;width:calc(50% - 24px);height:320px;margin:24px 12px 0;padding:40px 40px 96px;border:1px solid #dbdbdb;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.04);}
.prd-info-list-b > .box:nth-child(1),
.prd-info-list-b > .box:nth-child(2) {margin-top:0;}
.prd-info-list-b .btn {display:flex;position:absolute;right:40px;bottom:32px;}
.prd-info-list-b .btn [class^="btn-"] {margin-left:12px;}
.prd-info-list-b .info-tit {position:relative;}
.prd-info-list-b .info-tit .tit {font-size:20px;font-weight:700;line-height:28px;color:#050f26;}
.prd-info-list-b .info-tit .down {position:absolute;bottom:4px;right:0;}
.prd-info-list-b .info-tit .tooltip-txt {font-weight:300;color:#1e5bc5;}
.prd-info-list-b .info-tit .tooltips .btn-tooltip {width:16px;height:16px;background:#fff url(../images/ccp/ico_subject_tooltip.png) no-repeat;}
.prd-info-list-b .info-tit .tooltips .btn-tooltip::before {content:none;}
.prd-info-list-b .info-tit .tooltips .tooltip-content .tit {font-size:14px;}
.prd-info-list-b .txt {margin-top:16px;font-size:16px;line-height:24px;color:#666;word-break:keep-all;}
.prd-info-list-b .txt.tooltip {display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.prd-info-list-b .txt.tooltip:hover {cursor:pointer;}
.prd-info-list-b .txt-tooltip {visibility:hidden;position:absolute;left:30px;right:30px;z-index:10;padding:12px 16px;margin-top:8px;border:1px solid #666;background-color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.16);line-height:24px;color:#666;word-break:keep-all;}
.prd-info-list-b .txt.tooltip:focus ~ .txt-tooltip,
.prd-info-list-b .txt.tooltip:hover ~ .txt-tooltip {visibility:visible;}
.prd-info-list-b .subject {padding-left:20px;margin-top:12px;}
.prd-info-list-b .subject li {display:flex;position:relative;}
.prd-info-list-b .subject li::before {content:'';position:absolute;top:3px;left:-20px;width:16px;height:16px;background:#fff url(../images/ccp/ico_prd_subject.png) no-repeat;}
.prd-info-list-b .subject li ~ li {margin-top:4px;}
.prd-info-list-b .subject li .item,
.prd-info-list-b .subject li .val {font-size:14px;font-weight:300;line-height:22px;color:#3d414a;word-break:keep-all;}
.prd-info-list-b .subject li .item {width:76px;font-weight:500;}
.prd-info-list-b .subject li .val {width:calc(100% - 76px);}
.prd-info-list-b .subject li .item.ty2 {width:140px;}
.prd-info-list-b .subject li .val.ty2 {width:calc(100% - 140px);}

.prd-info-list-b .box [class^="ico"] {position:absolute;left:40px;bottom:32px;width:64px;height:64px;background-repeat:no-repeat;}
/* 개발 요청건 */
.prd-info-list-b .box .ico-28977 {background-image:url(../images/ccp/ico_prd_subject1.png);} /* 지급보증보험 > 건설기계대여 */
.prd-info-list-b .box .ico-28113 {background-image:url(../images/ccp/ico_prd_subject2.png);} /* 지급보증보험 > 하도급대금 */
.prd-info-list-b .box .ico-28972 {background-image:url(../images/ccp/ico_prd_subject3.png);} /* 지급보증보험 > 에너지공사 */
.prd-info-list-b .box .ico-22003 {background-image:url(../images/ccp/ico_prd_subject4.png);} /* 전세금보장신용보험(개인용) */
.prd-info-list-b .box .ico-22403 {background-image:url(../images/ccp/ico_prd_subject5.png);} /* 전세금보장신용보험(법인용) */
.prd-info-list-b .box .ico-15001 {background-image:url(../images/ccp/ico_prd_subject6.png);} /* 전세금반환보증보험(개인임차인용) */
.prd-info-list-b .box .ico-15401 {background-image:url(../images/ccp/ico_prd_subject7.png);} /* 전세금반환보증보험(법인임차인용) */
.prd-info-list-b .box .ico-28405 {background-image:url(../images/ccp/ico_prd_subject11.png);} /* 지급보증보험 > 보험대리점 */
.prd-info-list-b .box .ico-28962 {background-image:url(../images/ccp/ico_prd_subject12.png);} /* 지급보증보험 > 보험수당 */
.prd-info-list-b .box .ico-28969 {background-image:url(../images/ccp/ico_prd_subject13.png);} /* 지급보증보험 > 보험지원 */
.prd-info-list-b .box .ico-28949 {background-image:url(../images/ccp/ico_prd_subject14.png);} /* 지급보증보험 > 투자권유인 */
.prd-info-list-b .box .ico-28401 {background-image:url(../images/ccp/ico_prd_subject15.png);} /* 지급보증보험 > 공공요금 */
.prd-info-list-b .box .ico-28917 {background-image:url(../images/ccp/ico_prd_subject16.png);} /* 지급보증보험 > 정부보조금 */
.prd-info-list-b .box .ico-28936 {background-image:url(../images/ccp/ico_prd_find12_1.png);} /* 지급보증보험 >  장애인  ******250904********/  
.prd-info-list-b .box .ico-28937 {background-image:url(../images/ccp/ico_prd_subject17.png);} /* 지급보증보험 > 협약지원금 */
.prd-info-list-b .box .ico-28938 {background-image:url(../images/ccp/ico_prd_subject18.png);} /* 지급보증보험 > 의무상환금 */
.prd-info-list-b .box .ico-27310 {background-image:url(../images/ccp/ico_prd_subject19.png);} /* 물품대금보증보험 > 외상물품 */
.prd-info-list-b .box .ico-27750 {background-image:url(../images/ccp/ico_prd_subject20.png);} /* 물품대금보증보험 > 중도매인 */
.prd-info-list-b .box .ico-27321 {background-image:url(../images/ccp/ico_prd_subject21.png);} /* 물품대금보증보험 > 화장품방판 */
.prd-info-list-b .box .ico-51660 {background-image:url(../images/ccp/ico_prd_subject22.png);} /* 인허가보증보험(자격등록) > 부동산중개사 */
.prd-info-list-b .box .ico-51180 {background-image:url(../images/ccp/ico_prd_subject23.png);} /* 인허가보증보험(자격등록) > 감정평가 */
.prd-info-list-b .box .ico-51209 {background-image:url(../images/ccp/ico_prd_subject24.png);} /* 인허가보증보험(자격등록) > 산업지도사 */
.prd-info-list-b .box .ico-51383 {background-image:url(../images/ccp/ico_prd_subject25.png);} /* 인허가보증보험(자격등록) > 노무사등록 */
.prd-info-list-b .box .ico-51694 {background-image:url(../images/ccp/ico_prd_subject26.png);} /* 인허가보증보험(자격등록) > 법무사등록 */
.prd-info-list-b .box .ico-51720 {background-image:url(../images/ccp/ico_prd_subject27.png);} /* 인허가보증보험(자격등록) > 손해사정 */
.prd-info-list-b .box .ico-51770 {background-image:url(../images/ccp/ico_prd_subject28.png);} /* 인허가보증보험(자격등록) > 공증신원 */
.prd-info-list-b .box .ico-51781 {background-image:url(../images/ccp/ico_prd_subject29.png);} /* 인허가보증보험(자격등록) > 부동산경매 */
.prd-info-list-b .box .ico-51002 {background-image:url(../images/ccp/ico_prd_subject30.png);} /* 인허가보증보험(영업등록) > 건설기계 */
.prd-info-list-b .box .ico-51012 {background-image:url(../images/ccp/ico_prd_subject31.png);} /* 인허가보증보험(영업등록) > 환자유치업 */
.prd-info-list-b .box .ico-51110 {background-image:url(../images/ccp/ico_prd_subject32.png);} /* 인허가보증보험(영업등록) > 자동차매매 */
.prd-info-list-b .box .ico-51600 {background-image:url(../images/ccp/ico_prd_subject33.png);} /* 인허가보증보험(영업등록) > 국외직업 */
.prd-info-list-b .box .ico-51760 {background-image:url(../images/ccp/ico_prd_subject34.png);} /* 인허가보증보험(영업등록) > 국내직업 */
.prd-info-list-b .box .ico-51608 {background-image:url(../images/ccp/ico_prd_subject35.png);} /* 인허가보증보험(영업등록) > 어선중개업 */
.prd-info-list-b .box .ico-51010 {background-image:url(../images/ccp/ico_prd_subject3.png);} /* 인허가보증보험(영업등록) > 국내결혼   ******250904********/  
.prd-info-list-b .box .ico-51011 {background-image:url(../images/ccp/ico_prd_subject48.png);} /* 인허가보증보험(영업등록) > 국제결혼  ******250904********/  
.prd-info-list-b .box .ico-51470 {background-image:url(../images/ccp/ico_prd_find12_2.png);} /* 인허가보증보험(영업등록) > 여행알선   ******250904********/  
.prd-info-list-b .box .ico-51350 {background-image:url(../images/ccp/ico_prd_subject36.png);} /* 인허가보증보험(원상복구) > 형질변경 */
.prd-info-list-b .box .ico-51370 {background-image:url(../images/ccp/ico_prd_subject37.png);} /* 인허가보증보험(원상복구) > 골재복구 */
.prd-info-list-b .box .ico-51140 {background-image:url(../images/ccp/ico_prd_subject38.png);} /* 인허가보증보험(원상복구) > 산림훼손 */
.prd-info-list-b .box .ico-51150 {background-image:url(../images/ccp/ico_prd_subject39.png);} /* 인허가보증보험(원상복구) > 토석채취 */
.prd-info-list-b .box .ico-28151 {background-image:url(../images/ccp/ico_prd_subject40.png);} /* 지급보증보험 > 위탁판매 */
.prd-info-list-b .box .ico-28137 {background-image:url(../images/ccp/ico_prd_subject41.png);} /* 지급보증보험 > 택배위수탁 */
.prd-info-list-b .box .ico-28941 {background-image:url(../images/ccp/ico_prd_subject43.png);} /* 지급보증보험 > 홈쇼핑영업 */
.prd-info-list-b .box .ico-28301 {background-image:url(../images/ccp/ico_prd_subject44.png);} /* 지급보증보험 > 복권판매 */
.prd-info-list-b .box .ico-28984 {background-image:url(../images/ccp/ico_prd_subject45.png);} /* 지급보증보험 > 통신사업 */
.prd-info-list-b .box .ico-28928 {background-image:url(../images/ccp/ico_prd_subject46.png);} /* 지급보증보험 > 금융결제 */
.prd-info-list-b .box .ico-28130 {background-image:url(../images/ccp/ico_prd_subject47.png);} /* 지급보증보험 > 카드가맹점 */

.prd-info-list-b .box .ico-15402 {background-image:url(../images/ccp/ico_prd_subject7.png);} /* 전세금반환보증보험(법인임차인용) */
.prd-info-list-b .box .ico-23901 {background-image:url(../images/ccp/ico_prd_subject9.png);} /* 상생선금신용보험 */
.prd-info-list-b .box .ico-23902 {background-image:url(../images/ccp/ico_prd_subject9.png);} /* 상생선금신용보험 */
.prd-info-list-b .box .ico-241 {background-image:url(../images/ccp/ico_prd_subject8.png);} /* 상생계약신용보험 */
.prd-info-list-b .box .ico-242 {background-image:url(../images/ccp/ico_prd_subject10.png);} /* 상생하자신용보험 */

.prd-info-list-b .box .ico42 {background-image:url(../images/ccp/ico_prd_subject42.png);} /* 동산사용 - 코드없음(CCPPRD060201F01) */

[class*="tits"] + .info-img-box {margin-top:28px;}
[class*="tits"] + .txt + .info-img-box {margin-top:32px;}
.info-img-box {padding:56px 0;border-radius:16px;background-color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.08);text-align:center;}
.info-img-box > img {width:auto;max-width:100%;height:auto;}
.info-img-box > .tits3 {margin:0 0 24px;}
.info-img-box.qna {display:flex;justify-content:flex-start;padding:32px 32px 32px 0;margin-top:32px;text-align:left;}
.info-img-box.qna .ico {display:inline-flex;justify-content:center;align-items:center;width:240px;}
.info-img-box.qna .ico > i {display:inline-block;width:136px;height:136px;background:url(../images/ccp/ico_info_qna.png) no-repeat;}
.info-img-box.qna .cont {position:relative;width:calc(100% - 240px);padding:6px 0 6px 48px;}
.info-img-box.qna .cont::before {content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:url(../images/ccp/ico_info_line.png) repeat-y;}
.info-img-box.qna .cont > strong {display:block;font-size:18px;font-weight:700;color:#050f26;}
.info-img-box.qna .cont > strong ~ strong {margin-top:24px;}
.info-img-box.qna .cont .q {color:#7056f5;}
.info-img-box.qna .cont p,
.info-img-box.qna .cont li {margin-top:12px;font-size:14px;line-height:22px;color:#3d414a;}
.info-img-box.qna .cont li ~ li {margin-top:6px;}
.info-img-box + .boards {margin-top:32px;}
.info-img-box + .boards .list.line {margin-top:64px;}

[class^="content-prds"] .step-box.sm {padding:32px 0 32px 24px;}
[class^="content-prds"] .step-box.sm.col3 {padding-left:72px;}
[class^="content-prds"] .step-box.sm.col7 {padding:32px 40px;}
[class^="content-prds"] .step-box.sm.col7 .list-dash li .tooltips {margin-left:0;}
.step-box.sm .tooltip-body .tooltip-content .list-dot,
.step-box.sm .tooltip-body .tooltip-content .list-cir {display:block;}
.step-box.sm .tooltip-body .tooltip-content .list-dot > ul > li {position:relative;padding-left:11px;font-size:14px;line-height:22px;color:#3d414a;}
.step-box.sm .tooltip-body .tooltip-content .list-dot > ul > li::before {content:'';position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:#aaa;}
.step-box.sm .tooltip-body .tooltip-content .list-cir li {padding-left:0;}
.step-box.sm .tooltip-body .tooltip-content .list-cir li::before {content:none;}
.step-box.sm .tooltip-body .tooltip-content .list-cir li [class^="list-"] {margin:0 0 0 11px;}
.step-box.sm .tooltip-body .tooltip-content .list-cir li [class^="list-"] li {font-size:13px;}
.list-dash + .step-box.sm {margin-top:16px;}

.prds-steps {padding:56px 56px 56px 206px;margin-top:32px;background:url(../images/ccp/bg_prds_steps.png) no-repeat left 56px top 112px;border-radius:20px;box-shadow:0 3px 12px rgba(0,0,0,.08);}
.prds-steps > ol {display:flex; justify-content:space-between;}
.prds-steps > ol > li {flex:1; position:relative; text-align:center;}
.prds-steps > ol > li:nth-child(4) {flex:2; display:flex;}
.prds-steps > ol > li:nth-child(4) [class^="step"] {flex:1;}
.prds-steps > ol > li:not(:last-child)::after {content:'';position:absolute;right:0;top:40px;width:1px;height:108px;background-color:#7056f5;background-image:linear-gradient(to bottom, #fff 66%, rgba(255,255,255,0) 0%); background-position:top; background-size:6px 6px; background-repeat:repeat-y;}
.prds-steps [class^="step"] {position:relative; padding:40px 0 28px;}
.prds-steps [class^="step"]::before {content:'';position:absolute;left:50%;bottom:0;width:16px;height:16px; margin-left:-8px; background:url(../images/ccp/ico_prds_steps_dot.png) no-repeat 50%; border-radius:50%; box-shadow:0 2px 6px rgba(0,0,0,.08);}
.prds-steps :not(:last-child) [class^="step"]::after {content:'';position:absolute;right:-50%;bottom:0;width:100%;height:16px; background:url(../images/ccp/bg_prds_steps_dot.png) no-repeat 50%;}
.prds-steps [class^="step"] > i {display:block; width:64px; height:64px; margin:28px auto 32px; background-repeat:no-repeat; background-position:center;}
.prds-steps [class^="step"] > strong {display:block; font-weight:normal; color:#3d414a;}
.prds-steps [class^="step"] > span {position:absolute; left:-18px; top:0; padding:8px 16px 8px 23px; border-radius:20px; font-size:14px; font-weight:700; color:#3d414a;}
.prds-steps [class^="step"] > span::before {content: '';position:absolute;left:6px;top:50%;width:11px;height:8px;margin-top:-4px;background:url(../images/ccp/ico_prds_steps_check.png) no-repeat 0 0;}
.prds-steps .step1 > i {background-image:url(../images/ccp/ico_prds_steps1.png);}
.prds-steps .step2 > i {background-image:url(../images/ccp/ico_prds_steps2.png);}
.prds-steps .step3 > i {background-image:url(../images/ccp/ico_prds_steps3.png);}
.prds-steps .step4 > i {background-image:url(../images/ccp/ico_prds_steps4.png);}
.prds-steps .step5 > i {background-image:url(../images/ccp/ico_prds_steps5.png);}
.prds-steps .step6 > i {background-image:url(../images/ccp/ico_prds_steps6.png);}
.prds-steps > ol > li.on::after {background-color:#7056f5;}
.prds-steps > ol > li.on ~ li::after {background-color:#ccc;}
.prds-steps .on ~ li [class^="step"]::before {box-shadow:none; opacity:.2;}
.prds-steps .on ~ li [class^="step"]::after {opacity:.2;}
.prds-steps .on [class^="step"] > strong {font-weight:700; color:#7056f5;}
.prds-steps .on ~ li [class^="step"] > span {padding:8px 16px; background-color:#eeeafe; color:#666; font-weight:300;}
.prds-steps .on + li [class^="step"] > span {background-color:#7056f5; font-weight:500; color:#fff;}
.prds-steps .on ~ li [class^="step"] > span::after {content: '';position:absolute;left:12px;bottom:-8px;width:12px;height:10px;background:url(../images/ccp/bg_prds_steps_arrow.png) no-repeat 0 0;opacity:.12;z-index:-1;}
.prds-steps .on + li [class^="step"] > span::after {opacity:1;}
.prds-steps .on ~ li [class^="step"] > span::before {display:none;}

/* 상품찾기 */
.content-prds4 .content-head {background-color:#fff;}
.content-prds4 .content-head .head-inr {display:block;height:auto;padding:56px 0;}
.content-prds4 .content-head .head-inr.intro {height:456px;}
.content-prds4 .content-head .head-inr .inr {width:100%;}
.content-prds4 .content-head h2 {margin:0 0 40px;font-size:32px;line-height:44px;font-weight:700;color:#050f26;}
.content-prds4 .content-head .txt {margin-top:0;font-size:20px;line-height:30px;color:#3d414a;}
.content-prds4 .content-head .txt-intro {display: flex;margin-top:12px;font-size:32px;line-height:44px;color:#050f26;}
.content-prds4 .content-head .txt-intro > span {position:relative;font-weight:700;color:#154292;z-index:1;}
.content-prds4 .content-head .txt-intro > span.bg::after {content:'';position:absolute;left:0;bottom:9px;width:100%;height:12px;border-radius:12px;background-color:#e0f3fe;z-index:-1;}
.content-prds4 .content-head .txt-intro > span.mx8{margin: 0 8px;}
.content-prds4 .content-head .prd-top-msg {display:flex;justify-content:space-between;}
.content-prds4 .content-head .prd-top-msg > p {font-size:24px;line-height:32px;color:#3d414a;}
.content-prds4 .content-head .prd-top-msg > p > span {font-weight:700;color:#7056f5;}
.content-prds4 .content-head .prd-top-msg .btn {display:inline-flex;align-items:center;flex:none;min-width:102px;height:40px;padding:0 24px;border-radius:20px;background-color:#385673;font-size:14px;font-weight:500;line-height:40px;color:#fff;text-align:center;}
.content-prds4 .content-head .prd-top-msg .btn:hover {background-color:#2b4258;}
.content-prds4 .content-head .prd-top-msg .btn::after {content:'';display:inline-block;width:12px;height:12px;margin-left:4px;background:url(../images/btn/btn_arrow2.png) no-repeat 50%;}

.content-prds4 .content-body {position:relative;width:100%;padding:0;margin:0;}
.content-prds4 .content-body::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f6f8fd;z-index:-1;}
/* .content-prds4 .content-body.intro::before {height:712px;} */
.content-prds4 .content-body.serch::before {height:222px;}
.content-prds4 .body-inr {width:1128px;padding:0;margin:0 auto;}
.content-prds4 .content-body .section {position:relative;height:800px;padding:80px 0 88px;}
.content-prds4 .content-body.intro .section {height:auto;margin-top:-160px;padding:0 0 120px;}
.content-prds4 .content-body.serch .section {height:auto;padding:80px 0 120px;}
.content-prds4 .content-body .section .sec-tit {font-size:32px;line-height:44px;font-weight:300;color:#3d414a;text-align:center;}
.content-prds4 .content-body .section .sec-tit .num {margin-right:16px;font-size:48px;font-weight:700;color:#1e5bc5;vertical-align:text-bottom;}
.content-prds4 .content-body .section.result {padding:94px 0 64px;}

.content-prds4 .content-body.intro .intro-btn {display:flex;flex-wrap:wrap;justify-content:space-between;}
.content-prds4 .content-body.intro .intro-btn > .btn {flex:1;position:relative;width:360px;height:320px;padding:48px 40px 0;margin-bottom:40px;border-radius:48px 24px 48px 24px;box-shadow:0 4px 16px rgba(0,0,0,.12);transition:all .6s ease;}
.content-prds4 .content-body.intro .intro-btn > .btn ~ .btn {margin-left:24px;}
.content-prds4 .content-body.intro .intro-btn > .btn::after {content:'';display:inline-block;position:absolute;right:16px;bottom:-50px;width:230px;height:215px;background-repeat:no-repeat;background-position:right bottom;transform:scale(.9);transition:all .35s ease;}
.content-prds4 .content-body.intro .intro-btn > .btn:hover::after {transform:scale(1);}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(1) {background-color:#3c7fd2;}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(1)::after {background-image:url(../images/ccp/ico_prd_intro1.png);}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(1):hover {background-color:#224878;}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(2) {background-color:#2d58b7;}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(2)::after {background-image:url(../images/ccp/ico_prd_intro2.png);}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(2):hover {background-color:#193269;}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(3) {background-color:#6d5ce1;}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(3)::after {background-image:url(../images/ccp/ico_prd_intro3.png);}
.content-prds4 .content-body.intro .intro-btn > .btn:nth-child(3):hover {background-color:#3e3481;}
.content-prds4 .content-body.intro .intro-btn > .btn h3 {margin-bottom:20px;font-size:24px;font-weight:700;line-height:32px;color:#fff;}
.content-prds4 .content-body.intro .intro-btn > .btn p {font-size:18px;line-height:28px;color:#fff;}
.content-prds4 .content-body.intro .boards > .list.box2 > .data > ul > li {border:none;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.content-prds4 .content-body.intro .boards > .list.box2 > .data > ul > li ~ li {margin-top:32px;}
.content-prds4 .content-body.intro .boards > .list.box2 .subj a {padding:20px 80px 20px 40px;border-radius:12px;background-color:#fff;font-weight:500;color:#385673;}
.content-prds4 .content-body.intro .boards > .list.box2 li.on .subj a[title] {border-bottom-color:#385673;border-radius:12px 12px 0 0;background-color:#385673;color:#fff;font-weight:700;}
.content-prds4 .content-body.intro .boards > .list.box2 li.on .subj a[title]::before {border:2px solid #fff;background-color:transparent;background-image:url(../images/common/acc_on2.png);}
.content-prds4 .content-body.intro .boards > .list.box2 .obj {background-color:#fff;}
.content-prds4 .content-body.intro .boards > .list.box2 li.on .obj {border-radius:0 0 12px 12px;}
.content-prds4 .content-body.intro .boards > .list.box2 .tits3:first-child {margin:0 0 32px;text-align:center;}
.content-prds4 .content-body.intro .boards > .list.box2 .list-dot li + li {margin-top:12px;}
.difference-box {display:flex;justify-content:space-around;padding:0 10px;border-radius:12px;background-color:#f8f8f8;text-align:center;}
.difference-box ~ .tits3 {margin-top:40px;}
.difference-box > .box {min-width:350px;padding:40px 70px;}
.difference-box > .box .tit {font-size:18px;line-height:28px;font-weight:700;color:#050f26;}
.difference-box > .box .difference-kind {display:inline-flex;position:relative;padding:24px 0;}
.difference-box > .box .difference-kind .ico {display:inline-block;width:64px;height:64px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;box-shadow:0 4px 8px rgba(0,0,0,.04);}
.difference-box > .box .difference-kind .ico + p {margin-top:12px;font-size:14px;font-weight:500;color:#3d414a;}
.difference-box > .box .difference-kind .left,
.difference-box > .box .difference-kind .right {padding:0 47px;}
.difference-box > .box .difference-kind .left .ico {background-image:url(../images/ccp/ico_difference1.png);}
.difference-box > .box .difference-kind .right .ico {background-image:url(../images/ccp/ico_difference2.png);}
.difference-box > .box .difference-kind .same {position:absolute;top:37%;left:50%;transform:translate(-50%, -50%);width:32px;height:10px;background-repeat:no-repeat;background-image:url(../images/ccp/ico_same.png);}
.difference-box > .box .difference-kind .same.not {width:32px;height:27px;background-image:url(../images/ccp/ico_same_not.png);} 
.difference-box > .box .tooltip {position:relative;padding:10px 24px;border-radius:20px;background-color:#2d58b7;font-size:16px;font-weight:500;color:#fff;}
.difference-box > .box .tooltip::before {content:'';position:absolute;top:-9px;left:50%;width:14px;height:9px;margin-left:-5px;background-repeat:no-repeat;background-image:url(../images/ccp/difference_arrow1.png);}
.difference-box > .box + .box .tooltip {background-color:#3c7fd2;}
.difference-box > .box + .box .tooltip::before {background-image:url(../images/ccp/difference_arrow2.png);}

.compari-box {display:flex;justify-content:space-between;align-items:flex-start;padding:0 24px;}
.compari-box .box {width:416px;text-align:center}
.compari-box .box .tit {height:56px;border-radius:12px 12px 0 0;background-color:#1e5bc5;font-size:16px;font-weight:700;line-height:56px;color:#fff;}
.compari-box .box ~ .box .tit {background-color:#7056f5}
.compari-box .box dl {padding:4px 32px 24px;border:solid #e5e5e5;border-width:0 1px 1px;border-radius:0 0 12px 12px;}
.compari-box .box dl dt {padding-top:20px;font-size:18px;font-weight:700;line-height:28px;color:#050f26;}
.compari-box .box dl dt ~ dt {margin-top:20px;border-top:1px solid #e5e5e5;}
.compari-box .box dl dd {margin-top:8px;font-size:16px;line-height:24px;color:#3d414a;}
.compari-box .vs {margin-top:240px;font-size:56px;font-weight:700;color:#ccc;}
.compari-box .txt-tip {margin:12px 0 0;font-weight:500;}

.find-list {display:flex;justify-content:center;margin:76px -12px 0;}
.find-list .box {position:relative;width:360px;height:240px;margin:24px 12px 0;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;}
.find-list .box .disc {display:block;font-size:18px;font-weight:500;line-height:24px;color:#050f26;opacity:0;animation:icoDisc 1.2s .3s ease forwards;}
@keyframes icoDisc {
	0% {opacity:0;}
	100% {opacity:1;}
}

.find-list input[type="radio"] {position:absolute;top:auto;left:0;width:100%;height:100%;border:0;border-radius:12px;background-color:transparent;z-index:-1;}
.find-list input[type="radio"] + label {display:block;width:100%;height:100%;padding:56px 0 40px;margin-left:0;border:2px solid #fff;border-radius:12px;}
.find-list input[type="radio"]:checked {background-image:none;background-color:transparent;}
.find-list input[type="radio"]:checked + label {border:2px solid #385673;}

.find-list.col3,
.find-list.col4 {flex-wrap:wrap;justify-content:flex-start;margin:32px -12px 0;}
.find-list.col3 .box {height:168px;}
.find-list.col3 input[type="radio"] + label {padding:32px 0;}
.find-list.col4 .box {width:264px; height:120px;}
.find-list.col4 .box .disc {margin-left:24px;text-align:left;}
.find-list.col4 input[type="radio"] + label {display:flex;justify-content:flex-start;padding:0 32px;}
.find-list.lg .box {height:320px;}
.find-list.lg .box .disc {font-size:24px;font-weight:500;color:#3d414a;}

.find-list .box [class^="ico"] {display:block;width:64px;height:64px;margin:0 auto 56px;background-repeat:no-repeat;}
.find-list .box [class^="ico"].ty2 {margin:0 auto 36px;}
.find-list.lg .box [class^="ico"] {width:116px;height:108px;}
.find-list.col3 .box [class^="ico"] {margin:0 auto 20px;}
.find-list.col4 .box [class^="ico"] {width:48px;height:48px;margin:0;}
.find-list .box .ico1-1 {background-image:url(../images/ccp/ico_prd_find1_1.png);}
.find-list .box .ico1-2 {background-image:url(../images/ccp/ico_prd_find1_2.png);}
.find-list .box .ico2-1 {background-image:url(../images/ccp/ico_prd_find2_1.png);}
.find-list .box .ico2-2 {background-image:url(../images/ccp/ico_prd_find2_2.png);}
.find-list .box .ico2-3 {background-image:url(../images/ccp/ico_prd_find2_3.png);}
.find-list .box .ico2-4 {background-image:url(../images/ccp/ico_prd_find2_4.png);}
.find-list .box .ico2-5 {background-image:url(../images/ccp/ico_prd_find2_5.png);}
.find-list .box .ico2-6 {background-image:url(../images/ccp/ico_prd_find2_6.png);}
.find-list .box .ico2-7 {background-image:url(../images/ccp/ico_prd_find2_7.png);}
.find-list .box .ico2-8 {background-image:url(../images/ccp/ico_prd_find2_8.png);}
.find-list .box .ico2-9 {background-image:url(../images/ccp/ico_prd_find2_9.png);}
.find-list .box .ico2-10 {background-image:url(../images/ccp/ico_prd_find2_10.png);}
.find-list .box .ico2-11 {background-image:url(../images/ccp/ico_prd_find2_11.png);}
.find-list .box .ico3-1 {background-image:url(../images/ccp/ico_prd_find3_1.png);}
.find-list .box .ico3-2 {background-image:url(../images/ccp/ico_prd_find3_2.png);}
.find-list .box .ico3-3 {background-image:url(../images/ccp/ico_prd_find3_3.png);}
.find-list .box .ico4-1 {background-image:url(../images/ccp/ico_prd_find4_1.png);}
.find-list .box .ico4-2 {background-image:url(../images/ccp/ico_prd_find4_2.png);}
.find-list .box .ico4-3 {background-image:url(../images/ccp/ico_prd_find4_3.png);}
.find-list .box .ico4-4 {background-image:url(../images/ccp/ico_prd_find4_4.png);}
.find-list .box .ico4-5 {background-image:url(../images/ccp/ico_prd_find4_5.png);}
.find-list .box .ico5-1 {background-image:url(../images/ccp/ico_prd_find5_1.png);}
.find-list .box .ico5-2 {background-image:url(../images/ccp/ico_prd_find5_2.png);}
.find-list .box .ico6-1 {background-image:url(../images/ccp/ico_prd_find6_1.png);}
.find-list .box .ico6-2 {background-image:url(../images/ccp/ico_prd_find6_2.png);}
.find-list .box .ico6-3 {background-image:url(../images/ccp/ico_prd_find6_3.png);}
.find-list .box .ico7-1 {background-image:url(../images/ccp/ico_prd_find7_1.png);}
.find-list .box .ico7-2 {background-image:url(../images/ccp/ico_prd_find7_2.png);}
.find-list .box .ico7-3 {background-image:url(../images/ccp/ico_prd_find7_3.png);}
.find-list .box .ico7-4 {background-image:url(../images/ccp/ico_prd_find7_4.png);}
.find-list .box .ico7-5 {background-image:url(../images/ccp/ico_prd_find7_5.png);}
.find-list .box .ico7-6 {background-image:url(../images/ccp/ico_prd_find7_6.png);}
.find-list .box .ico8-1 {background-image:url(../images/ccp/ico_prd_find8_1.png);}
.find-list .box .ico8-2 {background-image:url(../images/ccp/ico_prd_find8_2.png);}
.find-list .box .ico8-3 {background-image:url(../images/ccp/ico_prd_find8_3.png);}
.find-list .box .ico9-1 {background-image:url(../images/ccp/ico_prd_find9_1.png);}
.find-list .box .ico9-2 {background-image:url(../images/ccp/ico_prd_find9_2.png);}
.find-list .box .ico10-1 {background-image:url(../images/ccp/ico_prd_find10_1.png);}
.find-list .box .ico10-2 {background-image:url(../images/ccp/ico_prd_find10_2.png);}
.find-list .box .ico10-3 {background-image:url(../images/ccp/ico_prd_find10_3.png);}
.find-list .box .ico10-4 {background-image:url(../images/ccp/ico_prd_find10_4.png);}
.find-list .box .ico10-5 {background-image:url(../images/ccp/ico_prd_find10_5.png);}
.find-list .box .ico10-6 {background-image:url(../images/ccp/ico_prd_find10_6.png);}
.find-list .box .ico10-7 {background-image:url(../images/ccp/ico_prd_find10_7.png);}
.find-list .box .ico10-8 {background-image:url(../images/ccp/ico_prd_find10_8.png);}
.find-list .box .ico11-1 {background-image:url(../images/ccp/ico_prd_find11_1.png);} 
.find-list .box .ico11-2 {background-image:url(../images/ccp/ico_prd_find11_2.png);} 
.find-list .box .ico11-3 {background-image:url(../images/ccp/ico_prd_find11_3.png);} 
.find-list .box .ico11-4 {background-image:url(../images/ccp/ico_prd_find11_4.png);} 
.find-list .box .ico11-5 {background-image:url(../images/ccp/ico_prd_find11_5.png);} 
.find-list .box .ico11-6 {background-image:url(../images/ccp/ico_prd_find11_6.png);} 
.find-list .box .ico12-1 {background-image:url(../images/ccp/ico_prd_find12_1.png);}
.find-list .box .ico12-2 {background-image:url(../images/ccp/ico_prd_find12_2.png);}
.find-list .box .ico12-3 {background-image:url(../images/ccp/ico_prd_find12_3.png);}
.find-list .box .ico12-4 {background-image:url(../images/ccp/ico_prd_find12_4.png);}
.find-list .box .ico12-5 {background-image:url(../images/ccp/ico_prd_find12_5.png);}
.find-list .box .ico13-1 {background-image:url(../images/ccp/ico_prd_find13_1.png);}
.find-list .box .ico13-2 {background-image:url(../images/ccp/ico_prd_find13_2.png);}
.find-list .box .ico14-1 {background-image:url(../images/ccp/ico_prd_find14_1.png);}
.find-list .box .ico14-2 {background-image:url(../images/ccp/ico_prd_find14_2.png);}
.find-list .box .ico14-3 {background-image:url(../images/ccp/ico_prd_find14_3.png);}
.find-list .box .ico14-4 {background-image:url(../images/ccp/ico_prd_find14_4.png);}
.find-list .box .ico14-5 {background-image:url(../images/ccp/ico_prd_find14_5.png);}
.find-list .box .ico14-6 {background-image:url(../images/ccp/ico_prd_find14_6.png);}
.find-list .box .ico14-7 {background-image:url(../images/ccp/ico_prd_find14_7.png);}
.find-list .box .ico14-8 {background-image:url(../images/ccp/ico_prd_find14_8.png);}
.find-list .box .ico14-9 {background-image:url(../images/ccp/ico_prd_find14_9.png);}
.find-list .box .ico15-1 {background-image:url(../images/ccp/ico_prd_find15_1.png);}
.find-list .box .ico15-2 {background-image:url(../images/ccp/ico_prd_find15_2.png);}
.find-list .box .ico16-1 {background-image:url(../images/ccp/ico_prd_find16_1.png);}
.find-list .box .ico16-2 {background-image:url(../images/ccp/ico_prd_find16_2.png);}
.find-list .box i[class^="ico"] {opacity:0;animation:icoUp .8s ease forwards;}
@keyframes icoUp {
	0% {opacity:0;transform:translateY(30%);}
	100% {opacity:1;transform:translateY(0);}
}

.submit-box {width:936px;padding:32px 40px;margin:100px auto 24px;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.submit-box .submit-sch {display:flex;align-items:center;}
.submit-box .submit-sch .tit {width:110px;margin-right:24px;font-size:24px;font-weight:500;color:#3d414a;}
.submit-box .submit-sch .sch-area {display:flex;justify-content:space-between;align-items:center;width:calc(100% - 110px);padding-left:16px;border-radius:12px 4px 4px 12px;background-color:#f9faff;}
.submit-box .submit-sch .sch-area .txt-tip {margin-top:0;}
.submit-box .submit-result {padding:24px 0;margin-top:20px;border:solid #dbdbdb;border-width:1px 0 1px;}
.submit-box .submit-result .item-box {display:flex;align-items:flex-end;}
.submit-box .submit-result .item-box .item {width:260px;}
.submit-box .submit-result .item-box .item + .item {width:calc(100% - 417px);}
.submit-box .submit-result .item-box .item > span {display:block;font-size:16px;}
.submit-box .submit-result .item-box .item > .val {margin-top:12px;font-size:22px;font-weight:500;color:#050f26;}
.submit-box .submit-result .item-box .unreg {padding:12px 16px 12px 40px;border-radius:4px;background-color:#ffefeb;background:#ffefeb url(../images/common/tip_ico2.png) no-repeat left 16px center;font-size:14px;font-weight:500;color:#ff3700;}
.submit-box .submit-result .tip-box {display:flex;justify-content:space-between;align-items:flex-end;}
.submit-box .submit-result .tip-box .txt-tip {font-weight:500;}
.submit-box ~ .list-dot {width:936px;margin:0 auto;}

.result-msg > i {display:block;width:264px;height:200px;margin:0 auto 68px;background:url(../images/ccp/ico_prd_result.png) no-repeat;animation:bounce 0.75s;}
.result-msg > p {font-size:32px;line-height:44px;color:#3d414a;text-align:center;}

.result-box {position:relative;width:936px;padding:40px 32px 24px 64px;margin:44px auto 0;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.result-box > i {position:absolute;top:-4px;left:0;width:72px;height:80px;padding:28px 18px 16px 0;background:url(../images/ico/ico_terms_info_mark.png) no-repeat 0 0;font-size:12px;font-weight:500;color:#fff;text-align:center;}
.result-box .tit {font-size:24px;font-weight:700;color:#050f26;}
.result-box .tit > span {margin-left:24px;font-size:20px;font-weight:500;color:#3d414a;}
.result-box .txt {font-size:18px;color:#3d414a;margin-top:16px;}
.result-box .btn {display:flex;justify-content:flex-end;margin-top:16px;}
.result-box .btn [class^="btn-"] {margin-left:6px;}

.find-bottom {position:absolute;bottom:88px;left:50%;width:100%;text-align:center;transform:translate(-50%, 0);}
.section.result .find-bottom {bottom:64px;}
.find-bottom .tooltip {display:inline-flex;justify-content:center;position:relative;padding:14px 24px 14px 90px;border-radius:16px 0 16px 16px;background-color:#7056f5;}
.find-bottom .tooltip::before {content:'';position:absolute;left:16px;bottom:0;width:58px;height:80px;background:url(../images/ccp/ico_find_tip.png) no-repeat;}
.find-bottom .tooltip > p {font-size:16px;line-height:24px;color:#fff;}
.find-bottom .tooltip .btn {margin-left:88px;font-size:16px;font-weight:700;color:#fff;}
.find-bottom .tooltip .btn::after {content:'';display:inline-block;width:12px;height:12px;margin-left:4px;background:url(../images/btn/btn_arrow2.png) no-repeat center;}
.find-bottom .btns {margin-top:32px;}

.prd-sch-tit {font-size:32px;font-weight:300;color:#3d414a;text-align:center;}
.prd-sch-box {display:flex;justify-content:space-between;align-items:center;width:936px;padding:32px 64px 32px 40px;margin:48px auto 0;border-radius:12px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.prd-sch-box .tit {font-size:24px;font-weight:500;color:#3d414a;}
.prd-sch-box .forms.search {width:680px;}
.prd-sch-box .forms.search input[type="text"] {height:48px;padding:0;border:2px solid #fff;border-bottom-color:#ccc;font-size:20px;font-weight:700;color:#050f26;}
.prd-sch-box .forms.search input[type="text"]::placeholder {font-size:18px;font-weight:300;color:#666;}
.prd-sch-box .forms.search input[type="text"]:not(:placeholder-shown) {border-bottom-color:#1e5bc5;}
.prd-sch-box .forms.search input[type="text"]:focus-visible {outline:0;border:2px solid #1e5bc5;border-radius:4px;}
.prd-sch-box .forms.search button.ico-search {background:url(../images/common/form_search_prd.png) no-repeat right 8px center;}

.prd-sch-list {display:flex;flex-wrap:wrap;justify-content:flex-start;width:960px;margin:44px auto 0;}
.prd-sch-list > .box {display:flex;flex-direction:column;width:calc(50% - 24px);min-height:218px;padding:32px;margin:20px 12px 0;border:1px solid #dbdbdb;border-radius:16px;}
.prd-sch-list > .box > *{width:100%;}
.prd-sch-list > .box.full {width:100%;}
.prd-sch-list > .box .item {font-size:20px;color:#050f26;}
.prd-sch-list > .box .item > span {margin-left:12px;font-size:18px;font-weight:500;color:#050f26;}
.prd-sch-list > .box .txt {margin-top:12px;margin-bottom:28px;font-size:16px;line-height:24px;color:#3d414a;}
.prd-sch-list > .box .btn {display:flex;justify-content:flex-end;margin-top:auto;}
.prd-sch-list > .box .btn [class^="btn-"] {min-width:80px;margin-left:6px;font-size:14px;box-shadow:none;}
.prd-sch-list .no-data {width:1128px;padding:48px 0;margin:20px -84px 0;border:solid;border-width:1px 0;border-top-color:#707070;border-bottom-color:#ccc;}
.prd-sch-list .no-data::before {content:'';display:block;width:40px;height:40px;margin:0 auto 16px;background:url(../images/ico/ico_data.png) no-repeat 0 0;}
.prd-sch-list .no-data p {font-size:18px;line-height:28px;color:#3d414a;}
.prd-sch-list .no-data p + p {margin-top:12px;font-size:16px;line-height:24px;color:#3d414a;}
.prd-sch-list .no-data p > span {font-size:inherit;font-weight:700;color:#1e5bc5;}

.prd-sch-box + .tit-recom {margin-top:128px;}
.tit-recom {margin-top:64px;font-size:32px;font-weight:700;color:#3d414a;}
.slide-recom {margin-top:20px;}
.slide-recom .slick-list {padding:12px 0;margin:0 -12px;}
.slide-recom .slick-slide {margin:0 12px 20px;}
.slide-recom .slick-arrow{margin-top:-26px;}
.slide-recom .prd-box {display:block;position:relative;height:250px;padding:36px 40px 88px;border:1px solid #e5e5e5;border-radius:24px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08);}
.slide-recom .prd-box .item {font-size:22px;line-height:32px;font-weight:700;color:#050f26;}
.slide-recom .prd-box .item > span {margin-left:8px;font-size:18px;line-height:28px;font-weight:500;color:#050f26;}
.slide-recom .prd-box .txt {margin:8px 0;font-size:16px;line-height:24px;color:#3d414a;}
.slide-recom .prd-box [class^="ico"] {display:inline-block;position:absolute;right:24px;bottom:20px;width:128px;height:88px;background-repeat:no-repeat;}
.slide-recom .prd-box .ico1 {background-image:url(../images/ccp/ico_prd_recom1.png);}
.slide-recom .prd-box .ico2 {background-image:url(../images/ccp/ico_prd_recom2.png);}
.slide-recom .prd-box .ico3 {background-image:url(../images/ccp/ico_prd_recom3.png);}
.slide-recom .prd-box .ico4 {background-image:url(../images/ccp/ico_prd_recom4.png);}
.slide-recom .prd-box .ico5 {background-image:url(../images/ccp/ico_prd_recom5.png);}
.slide-recom .prd-box .ico6 {background-image:url(../images/ccp/ico_prd_recom6.png);}
.slide-recom .prd-box .ico7 {background-image:url(../images/ccp/ico_prd_recom7.png);}
.slide-recom .prd-box .ico8 {background-image:url(../images/ccp/ico_prd_recom8.png);}
.slide-recom .prd-box .ico9 {background-image:url(../images/ccp/ico_prd_recom9.png);}
.slide-recom .prd-box .ico10 {background-image:url(../images/ccp/ico_prd_recom10.png);}
.slide-recom .prd-box .ico11 {background-image:url(../images/ccp/ico_prd_recom11.png);}
.slide-recom .prd-box .ico12 {background-image:url(../images/ccp/ico_prd_recom12.png);}
.slide-recom .prd-box .ico13 {background-image:url(../images/ccp/ico_prd_recom13.png);}
.slide-recom .prd-box .ico14 {background-image:url(../images/ccp/ico_prd_recom14.png);}
.slide-recom .prd-box .ico15 {background-image:url(../images/ccp/ico_prd_recom15.png);}
.slide-recom .prd-box .ico16 {background-image:url(../images/ccp/ico_prd_recom16.png);}
.slide-recom .prd-box .ico17 {background-image:url(../images/ccp/ico_prd_recom17.png);}
.slide-recom .prd-box .ico18 {background-image:url(../images/ccp/ico_prd_recom18.png);}
.slide-recom .prd-box .ico19 {background-image:url(../images/ccp/ico_prd_recom19.png);}
.slide-recom .prd-box .ico20 {background-image:url(../images/ccp/ico_prd_recom20.png);}
.slide-recom .prd-box .ico21 {background-image:url(../images/ccp/ico_prd_recom21.png);}
.slide-recom .prd-box .ico22 {background-image:url(../images/ccp/ico_prd_recom22.png);}
.slide-recom .prd-box .ico23 {background-image:url(../images/ccp/ico_prd_recom23.png);}
.slide-recom .prd-box .ico24 {background-image:url(../images/ccp/ico_prd_recom24.png);}
.slide-recom .prd-box .ico25 {background-image:url(../images/ccp/ico_prd_recom25.png);}
.slide-recom .prd-box .ico26 {background-image:url(../images/ccp/ico_prd_recom26.png);}
.slide-recom .prd-box .ico27 {background-image:url(../images/ccp/ico_prd_recom27.png);}
.slide-recom .prd-box .ico28 {background-image:url(../images/ccp/ico_prd_recom28.png);}
.slide-recom .prd-box .ico29 {background-image:url(../images/ccp/ico_prd_recom29.png);}
.slide-recom .prd-box .ico30 {background-image:url(../images/ccp/ico_prd_recom14.png);}

.direct-link-wrap{position:relative;padding-right:100px;}
.direct-link-wrap .direct-link{display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%);}
.direct-link-wrap .direct-link .inr{display:flex;align-items:center;justify-content:flex-end;width:100%;width:64px;height:64px;background-color:#7056f5;border-radius:32px;white-space:nowrap;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.08);transition:0.3s var(--easeOutQuad)}
.direct-link-wrap .direct-link:hover .inr,
.direct-link-wrap .direct-link:focus .inr{width:318px;}
.direct-link-wrap .direct-link .ico{position:absolute;left:12px;top:12px;display:block;width:40px;height:40px;flex-shrink:0;transition:0.3s var(--easeOutQuad);background:url(../images/ico/ico_prd_sale.png) no-repeat 50%;}
.direct-link-wrap .direct-link:hover .ico,
.direct-link-wrap .direct-link:focus .ico{left:24px;}
.direct-link-wrap .direct-link .tip{position:absolute;top:52px;right:0;width:64px;background:#fff;height:24px;border:1px solid #7056f5;text-align:center;font-size:13px;line-height:22px;font-weight:bold;color:#7056f5;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.08);transition:1s var(--easeOutQuad);pointer-events:none;}
.direct-link-wrap .direct-link:hover .tip,
.direct-link-wrap .direct-link:focus .tip{top:40px;opacity:0 !important;transition-duration:0.3s;}
.direct-link-wrap .direct-link:not(:hover) .tip,
.direct-link-wrap .direct-link:not(:focus) .tip{animation:tipBounce 10s infinite 2s both;transform-origin:center top;}
.direct-link-wrap .direct-link .tip::before{content:'';display:block;width:8px;height:5px;position:absolute;top:-5px;left:50%;margin-left:-4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='30' viewBox='0 0 32 30'%3E%3Cdefs%3E%3Cfilter id='다각형_66' x='0' y='0' width='32' height='30' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='4' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='4' result='blur'/%3E%3CfeFlood flood-opacity='0.122'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='matrix(1, 0, 0, 1, 0, 0)' filter='url(%23다각형_66)'%3E%3Cg id='다각형_66-2' data-name='다각형 66' transform='translate(12 8)' fill='%23fff'%3E%3Cpath d='M 7.065736293792725 5.5 L 0.9342631101608276 5.5 L 3.999999761581421 0.9013950228691101 L 7.065736293792725 5.5 Z' stroke='none'/%3E%3Cpath d='M 3.999999761581421 1.802774906158447 L 1.868516445159912 5 L 6.13148307800293 5 L 3.999999761581421 1.802774906158447 M 3.999999761581421 0 L 8 6 L -4.76837158203125e-07 6 L 3.999999761581421 0 Z' stroke='none' fill='%237056f5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat -12px -8px;}
.direct-link-wrap .direct-link .txt{font-size:0;font-weight:700;overflow:hidden;opacity:0;transition:0.3s var(--easeOutQuad);}
.direct-link-wrap .direct-link:hover .txt,
.direct-link-wrap .direct-link:focus .txt{font-size:14px;opacity:1;margin:0 24px 0 47px;}
.direct-link-wrap .direct-link .txt strong{font-size:20px;}
.direct-link-wrap .direct-link .txt::after{content:'↓';display:inline-block;font-size:20px;margin-left:4px;}
.direct-link-wrap .direct-link[data-animation] .tip{opacity:0;transform:translateY(20px);}
.direct-link-wrap .direct-link[data-animation].on .tip{opacity:1;transform:translateY(0);}
.direct-link-wrap .list-dash.up > ul > li .txt {margin:4px 0 0 -10px;color:#3d414a;}
@keyframes tipBounce {
	0% {transform: scale(1);}
	1.4% {transform: scale(1.25);}
	2.8% {transform: scale(1);}
	4.2% {transform: scale(1.25);}
	7%,100% {transform: scale(1);}
}

/* 상품 - 팝업 */
.box-prd-join {padding:32px;border-radius:12px;border:1px solid #dbdbdb;}
.box-prd-join .msg {text-align:center;}
.box-prd-join .msg.check::before,
.box-prd-join .msg.false::before {content:'';display:block;width:40px;height:40px;margin:0 auto 16px;background-size:cover;background-repeat:no-repeat;}
.box-prd-join .msg.check::before {background-image:url(../images/ccp/ico_prd_check.png);}
.box-prd-join .msg.false::before {background-image:url(../images/ccp/ico_prd_false.png);}
.box-prd-join .msg > strong {font-size:18px;font-weight:500;color:#050f26;}
.box-prd-join .msg > strong + p {margin-top:12px;}
.box-prd-join .msg p {font-size:16px;color:#323b50;}
.box-prd-join .msg .value {display:block;margin-top:12px;font-size:16px;color:#3d414a;}
.box-prd-join .msg .value > span {margin-left:12px;font-size:22px;font-weight:700;color:#1e5bc5;}

.forms > select + .txt-form {margin-left:16px;}

/* ====================
	고객지원
==================== */
.counsel-info {position:relative;min-height:390px;padding:76px 60px 60px 564px;border-radius:8px;background-color:#f6f8fd;}
.counsel-info > img {position:absolute;bottom:0;left:111px;}
.counsel-info .tit {font-size:24px;color:#050f26;}
.counsel-info .txt {margin-top:16px;font-size:16px;color:#3d414a;}
.counsel-info .call-tit {display:block;padding-left:24px;margin:40px 0 24px;font-size:18px;font-weight:500;color:#1e5bc5;background:url(../images/ccp/ico_counsel_call.png) no-repeat;background-position:top 4px left;}
.counsel-info .call-tit + ol {display:flex;flex-wrap:wrap;counter-reset:list-counter;}
.counsel-info .call-tit + ol > li {flex:0 0 50%;position:relative;padding:0 24px 0 33px;font-size:16px;color:#3d414a;}
.counsel-info .call-tit + ol > li:nth-of-type(n+3) {margin-top:15px;}
.counsel-info .call-tit + ol > li .call-num {position:absolute;top:0;left:0;width:25px;height:25px;background-color:#fff;border-radius:50%;border:1px solid #1e5bc5;font-size:14px;font-weight:700;color:#1e5bc5;line-height:23px;text-align:center;}
.counsel-box {display:flex;}
.counsel-box .box {flex:1;position:relative;padding:32px;border-radius:12px;border:1px solid #e5e5e5;}
.counsel-box .box ~ .box {margin-left:24px;}
.counsel-box [class^="ico"] {display:block;position:absolute;right:32px;width:48px;height:48px;background-repeat:no-repeat;background-position:0 0;}
.counsel-box .ico1 {background-image:url(../images/ccp/ico_counsel1.png);}
.counsel-box .ico2 {background-image:url(../images/ccp/ico_counsel2.png);}
.counsel-box .ico3 {background-image:url(../images/ccp/ico_counsel3.png);}
.counsel-box [class^="ico"] + span,
.counsel-box [class^="ico"] ~ strong {padding-right:82px;}
.counsel-box .box > span {display:block;font-size:16px;font-weight:700;color:#3d414a;}
.counsel-box .box > span + strong,
.counsel-box .box > span + em {display:block;margin-top:6px;color:#050f26;}
.counsel-box .box > span + strong {font-size:24px;font-weight:700;}
.counsel-box .box > span + em {font-size:20px;font-weight:700;}
.list-dot.col2 > ul {display:flex;flex-wrap:wrap;}
.list-dot.col2 > ul > li {flex:0 0 50%;}
.list-dot.col2 > ul > li:nth-of-type(2) {margin-top:0;}
.counsel-box .box strong {font-size:18px;color:#050f26;}
.counsel-box .box > em + .btn {margin-top:12px;}

/* 보안프로그램 설치 안내 */
.boards .table.col table td .col-btn {margin-top:8px;}

/* 장애인고객 이용 안내 */
.cs-use-list > ul {border-top:2px solid #050f26;}
.cs-use-list > ul > li {border-bottom:1px solid #e5e5e5;}
.cs-use-list .item {position:relative;padding:40px 40px 40px 168px;}
.cs-use-list .item [class*="ico"] {position:absolute;left:40px;top:40px;width:88px;height:88px;background-repeat:no-repeat;background-position:center top;}
.cs-use-list .item .ico1 {background-image:url(../images/ccp/ico_cs_use1.png);}
.cs-use-list .item .ico2 {background-image:url(../images/ccp/ico_cs_use2.png);}
.cs-use-list .item .ico3 {background-image:url(../images/ccp/ico_cs_use3.png);}
.cs-use-list .item .ico4 {background-image:url(../images/ccp/ico_cs_use4.png);}
.cs-use-list .item > strong {display:block;margin:8px 0 16px;font-size:20px;color:#050f26;}
.cs-use-list .item > strong > span {margin-right:8px;color:#1e5bc5;}
.cs-use-list .item .list-dot .list-dash {margin-bottom:12px;}
.cs-use-list .item .list-dot li:last-child .list-dash {margin-bottom:0;}
.cs-use-list .item .btns {margin-top:24px;justify-content:left;}

/* 고객확인제도 안내 */
.cs-system-list > ul {display:flex;flex-wrap:wrap;margin:24px -8px 0;}
.cs-system-list .item {position:relative;width:calc(50% - 16px);margin:0 8px;padding:32px 56px 32px 176px;border:1px solid #e5e5e5;border-radius:8px;}
.cs-system-list .item:nth-child(n+3) {margin-top:16px;}
.cs-system-list .item [class*="ico"] {position:absolute;left:56px;top:32px;width:80px;height:80px;background-repeat:no-repeat;background-position:center top;}
.cs-system-list .item .ico1 {background-image:url(../images/ccp/ico_cs_system1.png);}
.cs-system-list .item .ico2 {background-image:url(../images/ccp/ico_cs_system2.png);}
.cs-system-list .item .ico3 {background-image:url(../images/ccp/ico_cs_system3.png);}
.cs-system-list .item .ico4 {background-image:url(../images/ccp/ico_cs_system4.png);}
.cs-system-list .item > strong {display:block;margin-bottom:16px;font-size:20px;color:#050f26;}
.cs-system-list .item > p {line-height:24px;color:#3d414a;}

/* 지점 안내 */
.agree-sub-tit {display:flex;align-items:center;}
.tits > .fl-txt {position:absolute;right:0;bottom:0;} /* CCPCST040101F01 */

.map-box {margin:40px 0;}
.map {display:flex;justify-content:center;align-items:center;height:400px;background-color:#e5e5e5;}
.popup-content .map {height:300px;margin-top:24px;}

.branch-box {position:relative;background-color:#e5e5e5;}
.branch-box .map {display:block;width:100%;height:530px;}
.branch-box .info-box {display:block;overflow:auto;margin-top:0;position:absolute;top:40px;right:40px;max-height:450px;padding:40px;border-radius:8px;background-color:#fff;}
.branch-box .info-box .tit {font-size:20px;font-weight:500;color:#050F26;}
.branch-box .info-box .addr {display:inline-block;margin-top:11px;}
.branch-box .info-box .contact {margin-top:25px;}
.branch-box .info-box .info {margin-top:24px;padding-top:24px;border-top:1px solid #e5e5e5;}
.branch-box .info > li {display:flex;gap:16px;}
.branch-box .info > li:not(:first-child) {margin-top:16px;}
.branch-box .info .info-tit {min-width:72px;font-size:14px;font-weight:500;color:#3d414a;}
.branch-box .info .info-txt {font-size:14px;color:#666;}
.branch-box .info .list-dot {margin-top:0;}
.branch-box .contact > span {position:relative;padding-left:28px;background-repeat:no-repeat;background-position:left top;}
.branch-box .contact > span:not(:first-child) {margin-left:16px;}
.branch-box .contact > span:not(:last-child) {margin-right:16px;}
.branch-box .contact > span:first-child::after {content:'';position:absolute;top:50%;width:1px;height:8px;margin-left:16px;background-color:#ccc;transform:translateY(-50%);}
.branch-box .contact .tel {background-image:url(../images/ccp/ico_cst_call.png);}
.branch-box .contact .fax {background-image:url(../images/ccp/ico_cst_fax.png);}

.boards > .list.qna .subj .mark-box {display:inline-flex;}
.boards > .list.qna .subj .mark-box[style*="block"] {display:inline-flex !important;}
.boards > .list.qna .subj .mark-box > span {font-size:13px;font-weight:300;color:#3d414a;}
.boards > .list.qna .subj .mark-box > span:not(:first-child) {margin-left:16px;}
.boards > .list.qna .subj .mark-box > span img {margin-right:8px;}
.boards > .list.qna .subj .mark-box .agent {background-image:url(../images/ccp/ico_agent_noti.png);}
.boards > .list.qna .subj .mark-box .certi{background-image:url(../images/ccp/ico_certi.png);}
.boards > .list.qna .subj .mark-box .blue-ribbon {background-image:url(../images/ccp/ico_blue_ribbon.png);}
.boards > .list.qna .subj .stars {margin:3px 0 0 10px;vertical-align:top;}
.boards > .list.qna .obj .agency-flex > div {display:flex;justify-content:flex-start;margin-top:14px;}
.boards > .list.qna .obj .agency-flex .info-tit,
.boards > .list.qna .obj .agency-flex .info-data {font-size:16px;font-weight:300;line-height:24px;color:#3d414a;}
.boards > .list.qna .obj .agency-flex .info-tit {width:95px;font-weight:700;}
.boards > .list.qna .obj .agency-flex .info-data .list-dot {margin-top:0;}
.boards > .list.qna .obj .agency-flex .info-data .list-dot li {border:none;}
.boards > .list.qna .obj .agency-flex .info-data .list-dot li:first-child {margin-top:0;}
.boards > .list.qna .obj .agency-flex .info-data .list-dot li ~ li {margin-top:2px;}
.boards > .list.qna .obj .agency-flex ~ .map {height:280px;margin-top:28px;}
.boards > .list.qna .obj .agency-flex ~ .btns {position:absolute;right:0;top:26px;margin:0;}

.task-box {display:flex;margin-top:52px;}
.task-box .box {display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;position:relative;min-height:120px;box-sizing:border-box;border:1px solid #e5e5e5;border-radius:60px;text-align:center;}
.task-box .box ~ .box {margin-left:16px;}
.task-box .box > .tit {font-size:20px;font-weight:500;color:#3d414a;}
.task-box .box > p {margin-top:12px;}
.task-box .box > p > em {display: block;}
.task-box .bubble-tag {display: block;position:absolute;top:-26px;left:50%;padding:8px 12px;border-radius:20px;background-color:#1e5bc5;color:#fff;transform:translateX(-50%);}
.task-box .bubble-tag::after {content:'';display:inline-block;position:absolute;left:50%;bottom:-5px;width:12px;height:10px;background:url(../images/ccp/tab_bubble_triangle.png) no-repeat center;transform:translateX(-50%);}
.task-box .box > .bubble-tag span {font-size:14px;font-weight:500;}
.task-box .box[title] {background-color:#f6f8fd;border-color:#1e5bc5;outline:1px solid #1e5bc5;box-shadow:0 8px 16px rgba(30 91,197,.08);box-sizing:border-box;}
.task-box .box[title] > .tit {font-size:20px;font-weight:700;color:#1e5bc5;}

/* 기업 서비스 관리 */
[class*="tab-menu"] + .step-box {margin-top:0;}
.step-box.arrow {padding:32px 56px;border:none;background-color:#f9faff;}
.step-box + [class*="tab-menu"] {margin-top:40px;}
.step-box.arrow li {padding-left:0;}
.step-box.arrow li::after,
.step-box.arrow li > strong::before {content:none;}
.step-box.arrow.col3 li::before {width:16px;height:16px;top:calc(50% - 8px);right:-88px;background:url(../images/common/step_arrow3.png) no-repeat;}
.step-box.arrow.col3 > ol > li ~ li {padding-left:160px;}
.step-box.arrow.col3 + .tab-menu-sub {display:block;margin-top:40px;}
.step-box.arrow .step-txt {display:block;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1;color:#7056f5;}
.step-box.arrow .step-txt::before {counter-increment:list-counter;content:'STEP. ' counter(list-counter, decimal-leading-zero) ' ';}

/* 중소기업 지원 서비스 관리 */
.call-box {display:flex;justify-content:space-between;margin-top:64px;padding:32px 56px;background-color:#f6f8fd;border-radius:12px;}
.call-box .tit {display:inline-flex;align-items:center;flex-shrink:0;font-size:18px;color:#050f26;}
.call-box .tit::before {content:'';display:inline-block;width:24px;height:24px;margin-right:12px;background:url(../images/ico/ico_call_box.png) no-repeat center;}
.call-box .right .call {display:inline-flex;position:relative;align-items:center;margin-left:32px;padding-left:12px;font-weight:700;color:#3d414a;}
.call-box .right .call::before {content:'';position:absolute;left:0;top:12px;width:4px;height:4px;border-radius:50%;background-color:#050f26;}
.call-box .right .call em {font-size:20px;color:#1e5bc5;}
.call-box .right .call span + em {margin-left:8px;}

.cs-step-slide {padding:28px 68px 28px;border-top:2px solid #050f26;border-bottom:1px solid #ccc;}
.cs-step-slide .item {display:flex;overflow:hidden;width:968px;height:360px;margin:12px;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.08);}
.cs-step-slide .item .img {flex-shrink:0;width:600px;background-color:#f8f8f8;}
.cs-step-slide .item .info {padding:40px;}
.cs-step-slide .item .info > span {display:block;margin-bottom:8px;font-size:14px;font-weight:500;line-height:1;color:#7056f5;}
.cs-step-slide .item .info > strong {display:block;font-size:18px;font-weight:500;color:#050f26;}
.cs-step-slide .item .info .num {display:inline-block;width:16px;height:16px;margin-right:8px;background-color:#050f26;border-radius:50%;font-size:11px;color:#fff;line-height:17px;text-align:center;vertical-align:middle;}
.cs-step-slide .slick-arrow.slick-prev {transform:translate(-40%, -50%);}
.cs-step-slide .slick-arrow.slick-next {transform:translate(40%, -50%);}
.cs-step-slide .slick-dots {margin-top:10px;}

.edu-box {display:flex;margin-top:24px;}
.edu-box .box {flex:1;padding:40px;text-align:center;border-radius:8px;background-color:#f8f8f8;}
.edu-box .box ~ .box {margin-left:24px;}
.edu-box .box > strong {display:block;margin-bottom:16px;font-size:18px;color:#050f26;}
.edu-box .box > img {display:block;margin:0 auto 32px;}
.edu-box .box .txt {font-size:16px;color:#3d414a; }
.edu-box .box .edu-down {display:flex;margin:40px 12px 0;justify-content:space-between;}
.edu-box .box .edu-down .txt {margin-top:30px;font-size:16px;font-weight:700;color:#050f26;line-height:24px;}

.content-body > .box-service:first-child {margin-top:0;}
.box-service {padding:40px;margin-top:64px;border-radius:8px;border:6px solid #f8f8f8;background-color:#fff;}
.box-service {display:flex;flex-direction:column;align-items:center;}
.box-service p {font-size:18px;color:#3d414a;}
.box-service > p + [class^="btn-"] {margin:16px 0 0;}
.box-service .row {display:inline-flex;align-items:center;margin-top:16px;}
.box-service .row > p + [class^="btn-"] {margin-left:12px;}
.box-service + .tits1 {margin-top:52px;}
.box-service + .tits1 ~ .boards {margin-top:24px;}

/* 자주하는 질문 */
.insur-box {padding:24px 32px;margin-top:34px;border-radius:16px;background-color:#f9faff;}
.insur-box > strong {display:block;margin-bottom:12px;font-size:14px;font-weight:500;color:#3d414a;}
.insur-box > .btn-link {display:inline-block;position:relative;margin:4px 4px 4px 0;padding-right:8px;font-size:14px;font-weight:300;}
.insur-box > .btn-link::before {content:'';display:inline-block;position:absolute;right:0;top:6px;width:1px;height:8px;background-color:#949494;}
.insur-box > .btn-link:last-child {margin-right:0;padding-right:0;}
.insur-box > .btn-link:last-child::before {display:none;}

/* 채무 안내 */
.content-body > .info-half:first-child {margin-top:-24px;}
.boards > .list.box li .obj-inr > .agree-tits {margin-top:40px;}
.boards > .list.box li .obj-inr > .agree-tits + .agree-list > ol {padding-top:32px;border-top:2px solid #050f26;} /* [공통확인] CCPCST020208F01 */
.boards > .list.box .obj .obj-inr > .table-flex > [class^="tits"] {margin-top:40px;}
.table-flex {display:flex;flex-wrap:wrap;}
.table-flex > div {width:calc(50% - 12px);}
.table-flex > div + div {margin-left:24px;}
.table-flex.none {display:block;}
.table-flex.none > div {width:100%;}
.table-flex.none .boards .table.col > table > thead > tr > th:nth-child(5),
.table-flex.none .boards .table.col > table > tbody > tr > td:nth-child(5) {border-left-width:2px;border-left-color:#050f26;}
.boards .table .info-data {padding:40px 0 !important;text-align:center !important;}
.boards .table .info-data > p > em {display:block;font-weight:500;}
.box-empty {display:flex;justify-content:center;align-items:center;padding:48px 0;background-color:#f8f8f8;}
.box-empty > span {color:#3d414a;}

.info-half {display:flex;flex-wrap:wrap;}
.info-half .box-outline {flex:0 0 calc(50% - 12px);align-items:stretch;}
.info-half .box-outline .msg > .tit {font-size:20px;}
.info-half .box-outline .msg > .tit + p {margin-top:16px;font-size:14px;line-height:22px;}
.info-half .box-outline .msg .tel {margin:24px 0 8px;font-size:14px;font-weight:500;color:#3d414a;}
.info-half .box-outline .msg .tel .num {position:relative;top:-1px;font-family:initial;}
.info-half .box-outline + .box-outline {margin-left:24px;}
.info-half .box-outline > .btn {margin:auto 0 0 14px;}
.info-half .box-outline dl {flex-direction:column;}
.info-half .box-outline dl dt,
.info-half .box-outline dl dd {font-weight:500;color:#3d414a;}
.info-half .box-outline dl dd {margin-top:8px;margin-left:0;}
.debt-box {display:flex;margin-top:24px;}
.debt-box + .tab-menu {margin-top:64px;}
.debt-box .box {flex:1;position:relative;padding:24px 32px 24px 112px;border-radius:8px;background-color:#f8f8f8;}
.debt-box .box ~ .box {margin-left:24px;}
.debt-box .box > strong {font-size:18px;color:#050f26;}
.debt-box .box > p {margin-top:8px;font-size:14px;color:#666;}
.debt-box .box [class^="ico"] {display:inline-block;position:absolute;left:32px;top:50%;width:56px;height:56px;background-repeat:no-repeat;background-position:0 0;transform:translateY(-50%);}
.debt-box .box .ico1 {background-image:url(../images/ccp/ico_debt1.png);}
.debt-box .box .ico2 {background-image:url(../images/ccp/ico_debt2.png);}
.debt-box .box .ico3 {background-image:url(../images/ccp/ico_debt3.png);}
.debt-notice {margin:40px 0 80px;}
.debt-notice > div {padding-left:24px;border-left:2px solid #e5e5e5;}
.debt-notice > div [class*="tits"] {margin:28px 0 20px;}
.debt-notice .txt {font-size:14px;line-height:22px;color:#3d414a;}

.system-info-list {border-top:2px solid #050f26;}
.system-info-list > ul > li {display:flex;flex-wrap:wrap;padding:32px 24px;border-bottom:1px solid #e5e5e5;}
.system-info-list li > strong {flex:1;padding-right:24px;font-size:18px;font-weight:500;color:#050f26;}
.system-info-list .msg {width:calc(100% - 280px);}
.system-info-list .msg > p {display:flex;align-items:flex-start;font-size:16px;line-height:24px;color:#3d414a;}
.system-info-list .msg > p ~ p {margin-top:16px;}
.system-info-list .msg > p + .list-dot > ul > li {line-height:inherit;}
.system-info-list .msg .copy {width:80px;font-weight:500;color:#385673;}
.system-info-list .list-dot,
.system-info-list .list-dot li {margin-top:12px;}
.system-info-list .list-dot li .list-dash li {margin-top:4px;}

.emphs-box {position:relative;margin-top:72px;padding:32px;border-radius:8px;border:1px solid #ccc;text-align:center;}
.emphs-box::before {content:'';display:block;position:absolute;left:calc(50% - 12px);top:-50px;width:24px;height:24px;background:url(../images/ccp/ico_emphs_arrow.png) center no-repeat;}
.emphs-box > strong {font-size:20px;color:#3d414a;}
.emphs-box > strong + p {margin-top:16px;}
.emphs-box > p {font-size:16px;color:#3d414a;}

/* 통합테스트 로그인 안내 */
.tongnte {margin-bottom:-40px;display:flex;padding:32px 56px 28px 40px;border-radius:12px;}
.tongnte.user1 {background-color:#ffefeb;}
.tongnte.user2 {background-color:#f6f8fd;}
.tongnte > img {margin-right:32px;}
.tongnte .tit {margin-bottom:12px;display:block;font-size:20px;font-weight:700;color:#050f26;}
.tongnte .tit ~ p {font-size:16px;font-weight:500;color:#3d414a;font-weight:300;line-height:1.5;}
.tongnte > div:last-child {margin:auto 0 0 auto;}
.tongnte ul {display:inline-flex;align-items:center;}
.tongnte li {padding:0 16px;display:inline-block;position:relative;font-size:18px;font-weight:500;color:#050f26;}
.tongnte li.id {padding-left:0;}
.tongnte li.id::after {content:'';display:block;position:absolute;top:5px;right:0;width:1px;height:12px;background-color:#ccc;}
.tongnte li.pwd {padding-right:0;}
.tongnte li.pwd > em {font-size:20px;}
.tongnte .txt {position:relative;margin-top:8px;padding-left:22px;font-size:14px;line-height:22px;color:#3d414a;}
.tongnte .txt::before {content:'';position:absolute;top:3px;left:0;width:16px;height:16px;background:url(../images/common/tip_ico4.png) no-repeat 0 0;}

/* 로그인비밀번호 입력툴팁  : 20250319 */
.pw-tooltip {position: relative;display:none;top:150px;left:-77px;;}
.pw-tooltip > .container {z-index:102;position: absolute;background-color: #fff;text-align:left;border-radius:8px;border:1px solid #e5e5e5;padding: 8px;font-size: 14px;white-space: normal;width: 205px;}
.pw-tooltip > .container::before {content:'';position: absolute;left: -13px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 6px 12px 6px 0;border-color: transparent #e5e5e5 transparent transparent;}
.pw-tooltip > .container::after {content:'';position: absolute;left: -10px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-style: solid;border-width: 5px 10px 5px 0;border-color: transparent #FFF transparent transparent;}

/* 원격지원 */
.remote-use-list > ol {counter-reset:list-counter;padding:0 48px;border-radius:12px;border:1px solid #e5e5e5;}
.remote-use-list > ol > li {display:flex;flex-wrap:wrap;align-items:flex-start;padding:40px 0;}
.remote-use-list > ol > li ~ li::before {content:'';display:block;position:relative;top:-40px;width:100%;height:1px;background:url(../images/common/div_dot.png) repeat-x;}
.remote-use-list > ol > li:first-child,
.remote-use-list > ol > li:last-child {align-items:center;}
.remote-use-list > ol > li > strong {flex:1;font-size:20px;font-weight:700;color:#050f26;}
.remote-use-list > ol > li > strong::before {counter-increment:list-counter;content:'Step ' counter(list-counter, decimal-leading-zero)'.';display:block;margin-bottom:8px;font-size:16px;font-weight:700;line-height:1;color:#1e5bc5;}
.remote-use-list > ol > li > .msg {width:calc(100% - 360px);}
.remote-use-list > ol > li > .img-align {display:flex;width:calc(100% - 360px);}
.remote-use-list > ol > li > .img-align > .msg {margin-left:24px;}
.remote-use-list > ol > li .msg .tel {font-size:18px;font-weight:500;color:#050f26;}
.remote-use-list > ol > li .msg .tel::after {content:'';display:inline-block;width:16px;height:20px;margin:0 4px 0 8px;background:url(../images/btn/btn_arrow_category.png) no-repeat;vertical-align:middle;}
.remote-use-list > ol > li .msg .tit {display:block;font-size:16px;font-weight:500;color:#050f26;margin:48px 0 12px;}
.remote-use-list > ol > li .msg .txt {font-size:16px;line-height:23px;color:#3d414a;}
.remote-use-list > ol > li .msg [class^="btn-"].sm {margin-top:12px;}

/* 전자서명 안내 */
.method-list {display:flex;flex-wrap:wrap;margin:0 -16px;}
.method-list .box {display:flex;position:relative;width:calc(50% - 32px);margin:0 16px;padding:32px 32px 64px 24px;border:1px solid #e5e5e5;border-radius:8px;}
.method-list .box::after {content:'';display:block;clear:both;}
.method-list .imgbox {margin-right:28px;padding-right:8px;border-right:1px solid #e5e5e5;}
.method-list .imgbox [class^="ico"] {width:128px;height:128px;background-repeat:no-repeat;}
.method-list .imgbox .ico1 {background-image:url(../images/main/ico_service2.png);}
.method-list .imgbox .ico2 {background-image:url(../images/main/ico_service9.png);}
.method-list .item dt {margin-bottom:20px;font-size:20px;font-weight:700;color:#050f26;}
.method-list .item dd {font-size:16px;color:#3d414a;line-height:22px;}
.method-list .item .star {margin-top:8px;font-size:13px;}
.method-list .btn-link {position:absolute;right:40px;bottom:32px;}

.method-info {display:flex;position:relative;margin-top:64px;}
.method-info .prd-tit {flex:none;width:264px;padding:68px 0 0 28px;font-size:32px;font-weight:500;color:#050f26;line-height:44px;}
.method-info .prd-tit > strong {display:inline-block;}
.method-info .prd-tit > strong::after {content:'';display:block;height:12px;margin-top:-15px;background-color:#c7eafd;border-radius:12px;}
.method-info .product-contents {display:flex;width:100%;}
.method-info .product-contents::before {content: '';position:absolute;top:0;right:0;width:730px;height:264px;background-color:#f6f8fd;border-radius:60px 10px;z-index:-1;}
.method-info [class^="product-item"] {position:relative;width:236px;height:236px;margin:36px 0 0 40px;}
.method-info [class^="product-item"] > a {display:block;width:100%;height:100%;padding:32px 28px;border-radius:60px 10px;box-shadow:0px 30px 20px 0px rgba(178,178,178,0.4);}
.method-info [class^="product-item"] .tit {margin-bottom:68px;font-size:22px;line-height:30px;color:#fff;letter-spacing:-0.5px;}
.method-info [class^="product-item"] .txt {font-size:16px;line-height:22px;color:#fff;}
.method-info .product-item1 > a {background-color:#3C7FD2;}
.method-info .product-item2 > a {background-color:#2D58B7;}
.method-info .product-item3 > a {padding:25px 21px;background-color:#fff;text-align:center;border:7px solid #6d5ce1;}
.method-info .product-item3 .tit {color:#050f26;margin-bottom:8px;}
.method-info .product-item3 .desc {margin-top:8px;font-size:12px;color:#2952cf;font-weight:500;}