@charset 'UTF-8';

/* common.css
========================== */
@import './pc_cyber_kys.css?11';

@font-face {
	font-family: 'NanumSquare';
	font-weight:300;
	src: local(NanumSquareOTFLight);
	src: url("../../fonts/cyber/NanumSquareOTFLight.eot");
	src: url("../../fonts/cyber/NanumSquareOTFLight.woff") format("woff"),
		url("../../fonts/cyber/NanumSquareOTFLight.otf") format("opentype");
  }
  
  @font-face {
	font-family: 'NanumSquare';
	font-weight:400;
	src: local(NanumSquareOTFRegular);
	src: url("../../fonts/cyber/NanumSquareOTFRegular.eot");
	src: url("../../fonts/cyber/NanumSquareOTFRegular.woff") format("woff"),
		url("../../fonts/cyber/NanumSquareOTFRegular.otf") format("opentype");
  }
  
  @font-face {
	font-family: 'NanumSquare';
	font-weight:700;
	src: local(NanumSquareOTFBold);
	src: url("../../fonts/cyber/NanumSquareOTFBold.eot");
	src: url("../../fonts/cyber/NanumSquareOTFBold.woff") format("woff"),
		url("../../fonts/cyber/NanumSquareOTFBold.otf") format("opentype");
  }
  
  @font-face {
	font-family: 'NanumSquare';
	font-weight:800;
	src: local(NanumSquareOTFExtraBold);
	src: url("../../fonts/cyber/NanumSquareOTFExtraBold.eot");
	src: url("../../fonts/cyber/NanumSquareOTFExtraBold.woff") format("woff"),
		url("../../fonts/cyber/NanumSquareOTFExtraBold.otf") format("opentype");
  }

/* common */
* { font-family:'NanumSquare', sans-serif; line-height:1.4; letter-spacing:-0.4px; margin:0; padding:0; box-sizing:border-box; }
html, body { font-weight:400; background:#fff; user-select:none; -webkit-user-select:none; -ms-user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; }

h1, h2, h3, h4, h5, h6 { font-weight:400; color:#000; }
a { text-decoration:none; outline-offset:1px; }
a:hover { text-decoration:none; }
p { line-height:1.5; }
dl, ol, ul, dt, dd, li { position:relative; display:block; list-style:none; }
table { width:100%; border-collapse:collapse; border-spacing:0; }
caption { height:0; opacity:0; }
th, td { border-collapse:collapse; font-weight:400; vertical-align:middle; }
button { position:relative; display:inline-block; border:0; background:none; cursor:pointer; -webkit-appearance:none; }
select, textarea, input { -webkit-appearance:none; border:0; }
select { height:40px; padding:0 10px 0 10px; }
input { border:0; }
em, i { font-style:normal; text-decoration:none;}
hr { position:relative; display:block; height:1px; border:0; background:#eee; margin:30px 0; }
.h2.underline {border-bottom: 2px solid #000; padding-bottom: 14px;}
img { border:0; }
.hanja { font-family:'맑은 고딕', '돋움', '굴림'; }

/* only for screen reader */
.only-sr { position:absolute; display:block; width:1px; height:1px; font-size:xx-small; opacity:0; color:transparent; overflow:hidden; }

/* text-align style */
.txt-l { text-align:left !important; }
.txt-c { text-align:center !important; }
.txt-r { text-align:right !important; }

/* gnb */
.gnb { position:fixed; display:flex; top:0; left:0; width:100%; height:90px; background:#fff; border-bottom:1px #ff6600 solid; z-index:11; }
.gnb .logo { position:relative; display:block; width:145px; height:49px; background:url('../../images/home/logo.png') no-repeat; background-size:contain; cursor:pointer; }
/* .gnb .logo > h1 { position:absolute; top:0; left:0; width:0; height:0; font-size:xx-small; overflow:hidden; } */
.gnb .tit { display:none; }
.gnb .lnb-open { position:absolute; right:0; top:35px; width:30px; height:30px; }
.gnb .lnb-open span { display:block; font-size:10px; font-weight:800; color:#043b72; text-align:center; padding-top:18px; }
.gnb .lnb-open i { position:absolute; display:block; right:0; top:0; width:30px; height:15px; transition-duration:0.2s; transform:rotateZ(0deg); }
.gnb .lnb-open i > span { position:absolute; top:0; left:0; width:0; height:0; font-size:xx-small; overflow:hidden; }
.gnb .lnb-open i::before { content:''; position:absolute; top:0px; left:0; width:100%; height:4px; background:#043b72; transition-duration:0.2s; transform:rotate(0deg); }
.gnb .lnb-open i::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#043b72; transition-duration:0.2s; transform:rotate(0deg); }
.gnb .lnb-open.open i { top:5px; transform:rotate(90deg); }
.gnb .lnb-open.open i::before { top:7px; height:1px; background:#000; transform:rotateZ(45deg); }
.gnb .lnb-open.open i::after { top:7px; height:1px; background:#000; transform:rotateZ(-45deg); }
.gnb .lnb-open.open > span { display:none; }
.gnb-wrap { position:relative; display:flex; height:90px; width:1200px; min-width:1200px; margin:0 auto; align-items:center; justify-content:initial; }
.gnb .logo span { position:relative; display:inline-block; font-size:xx-small; width:0; height:0; overflow:hidden; }
.gnb-wrap .btn-setting { right:70px; top:45px; }
.gnb-wrap .btn-setting > span { width:auto; height:auto; font-size:13px; overflow:visible; }
.gnb-menu { position:relative; display:flex; min-width:500px; height:90px; align-items:center; margin-left:20px; }
.gnb-menu .headerTitle { position:relative; display:flex; align-items:center; }
.gnb-menu .headerTitle > strong { font-size:20px; font-weight:800; color:#043b72; }
.gnb-menu > ul { display:flex; }
.gnb-menu > ul > li { padding:0 30px; border:0; }
.gnb-menu > ul > li > a { height:90px; display:inline-block; font-size:18px; color:#043b72; font-weight:700; line-height:90px; }
.gnb-menu > ul > li > a:focus,
.gnb-menu > ul > li > a:hover { color:#ff821e; text-decoration:none; }
.gnb-menu .headerTitle + ul { margin-left:30px; }
.gnb-menu > ul > li.over > .submenu-wrap { display:block; height:auto; padding:40px 0; z-index:1; }
.gnb-menu > ul > li > .sel { color:#ff821e; }
.gnb-menu > ul > li > .sel::after { content:''; position:absolute; display:block; bottom:0; left:0; width:100%; height:3px; background:#ff821e; pointer-events:none; }
.gnb .submenu-wrap { position:fixed; display:block; top:90px; left:0; width:100%; height:0; background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); overflow:hidden; transition:height 0.2s, padding 0.2s ease-out; z-index:0; }
.gnb .submenu-wrap .submenu { position:relative; display:flex; width:1200px; margin:0 auto; }
.gnb .submenu-wrap .submenu > ul { width:25%; }
.gnb .submenu-wrap .submenu strong { display:inline-block; height:35px; font-size:16px; color:#212121; line-height:35px; padding-bottom:10px; }
.gnb .submenu-wrap .submenu a > i { position:relative; display:inline-block; width:15px; height:15px; background:url('../../images/home/ico_mn_link.png') no-repeat; margin-left:5px; margin-bottom:2px; vertical-align:middle; }
.gnb .submenu-wrap .submenu a > i > span { display:block; width:0; height:0; overflow:hidden; }
.sub-gnb { position:absolute; top:35px; right:80px; }
.sub-gnb a { position:relative; display:inline-block; height:auto; font-size:15px; color:#212121; font-weight:700; line-height:1.4em; padding:0 20px; }
.sub-gnb a::before { content:''; position:absolute; display:block; top:4px; left:-2px; width:1px; height:10px; background:#e0e0e0; }
.sub-gnb a:first-child::before { display:none; }
.sub-gnb .btn-search { position:relative; width:22px; height:20px; text-indent:-9999px; background:url('../../images/home/ico_search_b.png') no-repeat; margin-left:30px; }
.gnbDim { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:opacity 0.2s ease-out; z-index:1; }
.gnbDim.on { opacity:1; }

/* 사이트 바로가기 */
.site-jump { position:absolute; display:none; top:38px; right:120px; }
.site-jump > a { position:relative; display:block; display:inline-block; color:#000; font-weight:700; padding-right:25px; }
.site-jump > a::after { content:''; position:absolute; display:block; right:0; top:3px; width:15px; height:15px; background:url('../../images/home/ico_gosite.png') no-repeat; background-size:100%; }
.site-jump > a:last-child { padding-left:18px; margin-left:18px; }
.site-jump > a:last-child::before { content:''; position:absolute; display:block; top:5px; left:0; width:1px; height:10px; background:#bdbdbd; }

.pageTitle { position:relative; display:inline-block; color:#043b72; font-weight:700; margin-left:14px; }

.cyber-menu { position:fixed; top:89px; left:0; width:100%; height:calc(100% - 200px); background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); overflow-y:auto; transition:height 0.2s ease-out; z-index:21; }
.cyber-menu.off { height:0 !important; }
.cyber-menu .menu-wrap { position:relative; width:1200px; margin:0 auto; }



/* skip_nav */
.skip_nav{position:fixed;top:0;left:0;width:100%;z-index:9999}
.skip_nav a,
.skip_nav a:link{position:absolute;top:-1px;left:0;width:100%;height:1px;display:block;overflow:hidden;font-size:12px;margin:0 0 -1px}
.skip_nav a:active,
.skip_nav a:focus,
.skip_nav a:hover{clear:left;padding:5px 0;width:100%;height:40px; line-height:40px; background:none repeat scroll 0 0 #fff;color:#333;float:left;text-align:center}


/* pc일 때 줄내림 style */
.pc-br { display:block; }

/* layout */
.wrap { position:relative; display:flex; width:1200px; margin:0 auto; padding-top:90px; }
.wrap.full { width:100%; }
.wrap.full .main-wrap { width:100%; }
.main-wrap.login { width:800px !important; }
#contents { position:relative; display:flex; width:100%; }


/* style common */
.hide, .hidden { position: absolute; left: -999px; top: -999px; width: 1px;height: 1px;overflow: hidden;margin-left: -1px; border: 0 none !important;  background: transparent !important; color: transparent !important; }
.blind {position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0);top:0;left:0;}
.displayNone {display: none !important;}
.scrollX {overflow-x: auto !important;}
.textEllipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bgNavy {background-color:#043b72 !important;}
.posRelative {position: relative !important;}
.w100p {width:100% !important;}
/* main content */
.main-wrap { position:relative; display:block; width:870px; margin:0 auto;  min-height:680px; }
.main-wrap::after { content:''; display:block; clear:both; }
.main-wrap.non-rnb { width:1200px; }
.main-wrap .main { float:left; position:relative; width:50%; height:1000px; padding:20px 20px 40px; background:#fafafa; }
.main-wrap .main-sub { float:right; position:relative; width:50%; height:700px; padding:20px 20px 40px; background:#fff; }

.mgt-n { margin-top:0 !important; }
.mgt1 { margin-top:5px !important; }
.mgt2 { margin-top:10px !important; }
.mgt3 { margin-top:15px !important; }
.mgt4 { margin-top:20px !important; }
.mgt5 { margin-top:25px !important; }
.mgt6 { margin-top:30px !important; }
.mgt7 { margin-top:35px !important; }
.mgt8 { margin-top:40px !important; }
.mgt9 { margin-top:45px !important; }
.mgt10 { margin-top:50px !important; }
.mgt11 { margin-top:55px !important; }
.mgt12 { margin-top:60px !important; }
.mgt13 { margin-top:65px !important; }
.mgt14 { margin-top:75px !important; }
.mgt15 { margin-top:70px !important; }
.mgt16 { margin-top:80px !important; }
.mgt17 { margin-top:85px !important; }
.mgt18 { margin-top:90px !important; }
.mgt19 { margin-top:95px !important; }
.mgt20 { margin-top:100px !important; }

/* padding style */
.pd-n { padding:0 !important; }
.pd1 { padding:5px !important; }
.pd2 { padding:10px !important; }
.pd3 { padding:15px !important; }
.pd4 { padding:20px !important; }
.pd5 { padding:25px !important; }
.pd6 { padding:30px !important; }
.pd7 { padding:35px !important; }
.pd8 { padding:40px !important; }
.pd9 { padding:45px !important; }
.pd10 { padding:50px !important; }

/* font color */
.fc-primary { color:#ff6600 !important; }
.fc-secondary { color:#2041bf !important; }
.fc-sub { color:#757575 !important; }
.fc-warn { color:#f9a825 !important; }
.fc-bad { color:#d32f2f !important; }
.fc-good { color:#36a93b !important; }
.fc-black { color:#000000 !important; }

/* UI/UX Layout */
.title-wrap { position:relative; padding-top:60px; color:#757575; }
.title-wrap .pageTit { font-size:30px; font-weight:800; }
.title-wrap .h1 { font-size:20px; font-weight:400; margin-top:20px; color:#757575; }
.title-wrap .h1 strong { font-weight:700; color:#424242; }
.title-wrap .h1 [class*="pd"] { padding:0 !important; }
.title-wrap .tit-sub { font-size:16px; margin-top:15px; }
.title-wrap + * { margin-top:60px; }

/* tab */
.tab-wrap { position:relative; }
.tab-wrap.scr.left::after { display:none; }
.tab-btns-wrap { position:relative; background:#fff url('../../images/home/bg_tab.png') bottom repeat-x; overflow-x:auto; }
/* .tab-btns-wrap::before { content:''; position:absolute; display:block; bottom:0; left:0; width:100%; height:1px; background:#eee; } */
.tab-btns-wrap .btn-tab { float:left; position:relative; display:block; height:50px; font-size:15px; }
.tab-btns-wrap .btn-tab.now { font-weight:800; color:#ff6600; }
.tab-btns-wrap .btn-tab.now::before { content:''; position:absolute; display:block; left:0; bottom:0; width:100%; height:2px; background:#ff6600; }
.tab-btns-wrap .btn-tab i { font-size:13px; font-weight:400; color:#757575; }
.tab-btns-wrap .btn-tab.now i { color:#ff6600; }
.tab-btns-wrap.type-sub { margin-top:-5px; }
.tab-btns-wrap.type-sub .tab-inner { padding:0 25px 20px; }
.tab-btns-wrap.type-sub label { height:35px; font-size:13px; color:#757575; line-height:34px; border:1px #eee solid; border-radius:4px; background:#fff; padding:0 15px; margin-right:3px; cursor:pointer; }
.tab-btns-wrap.type-sub label:last-child { margin-right:0; }
.tab-btns-wrap.type-sub input[type="radio"]:checked + label { color:#ff6600; border-color:#ff6600; }
.tab-cont-wrap { margin-top:25px; }
.tab-cont { position:relative; }
.tab-btns-wrap.col2 .btn-tab { width:50%; }
.tab-btns-wrap.col3 .btn-tab { width:33.3%; }
.tab-btns-wrap.col4 .btn-tab { width:25%; }
.tab-btns-wrap.col8 .btn-tab { width:12.5%; }

.tab-inner { position:relative; white-space:nowrap; }
.tab-inner::after { content:''; display:block; clear:both; }
.tab-wrap .ui-fixed-top .ui-floating-wrap .btn-tab { border-top:0; }

/* 탭버튼 하단의 작은 버튼 리스트 */
.tab-btns-wrap-d2 { padding:12px 0; overflow:auto; }
.tab-btns-wrap-d2 .btn-tab-s { display:inline-block; vertical-align:middle; height:30px; margin:2px 0; border:1px solid #eee; border-radius:4px; padding:0 8px; font-size:11px; color:#757575; background:#fff; }
.tab-btns-wrap-d2 .btn-tab-s.on { border-color:#ff6600; color:#ff6600; }
.tab-btns-wrap-d2.btn-wrap { margin:0 !important; padding-top:22px; }

/* link layout */
.link-list .link-item { position:relative; border-bottom: 1px solid #eeeeee; border-color: #eeeeee; }
.link-list .link-item:after{ position:absolute; top:50%; right:25px; display:block; width:8px; height:8px; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg) translateY(-50%); content:""; }
.link-list .link-item > a,
.link-list .link-item > .item-wrap { display:block; width:100%; height:100%; padding: 20px 55px 20px 25px; }
.link-list .link-item > .item-wrap > .link-area { position:absolute; display:block; top:0; right:0; width:100%; height:100%; font-size:xx-small; text-align:left; text-indent:-9999px; }
.link-list .link-head { }
.link-list .link-head .h3 { padding:0 25px; }
.link-list .link-head + .link-item { border-top:1px #eee solid; margin-top:20px; }
.link-list .link-sub { margin-bottom:5px; }
.link-list .link-sub .category { color:#000; }
.link-list .link-sub span { color:#757575; }
.link-list .link-sub span:before { display:inline-block; width:1px; height:12px; margin:-2px 8px 0; background:#e0e0e0; vertical-align:middle; content:""; }
.link-list .link-sub span:first-child:before { display:none; }
.link-list .link-title { display:block; height:1.4em; font-size:15px; font-weight:700; white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis; }
.link-list .link-cont { margin-top:15px; }
.link-list .link-cont span { color:#757575; font-size:11px; }
.link-list .link-cont span:before { display:inline-block; width:1px; height:10px; margin:-2px 6px 0; background:#e0e0e0; vertical-align:middle; content:""; }
.link-list .link-cont span:first-child:before { display:none; }
.link-list.divide { border-top:1px #eee solid; }

.link-wrap { position:relative; }
.link-item .link-base { position:relative; display:block; font-size:15px; font-weight:700; padding:25px; padding-right:50px; }

/* link + 구분선 */
.link-base { display:inline-block; }
.link-base.sepline::after { content:'|'; display:inline-block; color:#bdbdbd; margin:0 12px 0 16px; }

/* link with icon */
.link-wrap.type-icon { text-align:center; margin-top:20px; }
.link-list.type-icon::after { content:''; display:block; clear:both; }
.link-list.type-icon .link-item { float:left; display:block; border:0; }
.link-list.type-icon .link-item::after { display:none; }
.link-list.type-icon .link-item:last-child { margin-right:0; }
.link-list.type-icon .link-item > a { text-align:center; font-weight:400; padding:0; border-radius:5px; border:1px #bdbdbd solid; box-shadow:0 5px 5px rgba(189,189,189,0.1); }
.link-list.type-icon .link-item > a:hover { color:#fff; background:#f2760a; border-color:#f2760a; }
.link-list.type-icon .link-item > a::before { content:''; position:absolute; display:block; left:50%; background-repeat:no-repeat; }
.link-wrap.type-icon .link-base { display:inline-block; color:#424242; vertical-align:top; }
.link-wrap.type-icon .link-base > span { display:block; margin:0 auto; background-repeat:no-repeat; }


/* plugins css */
/* accordion */
.ui-acco { position:relative; margin:10px 0; list-style:none; }
.ui-acco-wrap { position:relative; width:100%; padding:0; margin:0; list-style:none; }
.ui-acco-tit { box-sizing:border-box; position:relative; width:100%; height:100%; margin:0; padding:0; background:#fff; }
.ui-acco-tit h1 { position:relative; z-index:0; }
.ui-acco-btn { cursor:pointer; position:relative; top:0; right:0; z-index:1; width:100%; height:100%; padding:23px 25px; letter-spacing:0; box-sizing:border-box; text-align:left; color:#000; font-size:14px; }
.ui-acco a { display:inline-block; text-decoration:underline; }
.ui-acco a.ui-acco-btn .ui-acco-arrow { transform:rotate(-90deg); }
.ui-acco-pnl { position:relative; box-sizing:border-box; color:#757575; background:#f2f2f2; margin:0; padding:23px 25px; }
.ui-acco-arrow { display:block; position:relative; top:2px; width:18px; height:18px; float:right; overflow:hidden; color:transparent; font-size:xx-small; }
.ui-acco-arrow:after,
.ui-acco-arrow:before { content:""; display:block; width:9px; height:1px; background:#000; position:absolute; }
.ui-acco-arrow:after { transform:rotate(-45deg); top:8px; left:7px; }
.ui-acco-arrow:before { transform:rotate(45deg); top:8px; left:1px; }
.selected .ui-acco-arrow:after { transform:rotate(45deg); }
.selected .ui-acco-arrow:before { transform:rotate(-45deg); }
.ui-acco.type-b .ui-acco-btn { position:absolute; color:transparent; overflow:hidden; font-size:xx-small; line-height:0; padding:0; }
.ui-acco.type-b .ui-acco-tit { height:40px; }
.ui-acco.type-b .ui-acco-txt { position:relative; display:inline-block; padding:10px; z-index:2; text-decoration:none; color:#000; }
.ui-acco.type-b .ui-acco-tit .lb-check { position:absolute; z-index:2; }
.ui-acco.type-b .check-wrap { display:inline-block; padding:7px 0; margin:0; /*z-index:2;*/ }
.ui-acco.type-note,
.ui-acco.type-caution,
.ui-acco.type-useinfo { margin:0; }
.ui-acco.type-note .ui-acco-tit,
.ui-acco.type-caution .ui-acco-tit,
.ui-acco.type-useinfo .ui-acco-tit { border:0; }
.ui-acco.type-note .ui-acco-btn,
.ui-acco.type-caution .ui-acco-btn,
.ui-acco.type-useinfo .ui-acco-btn { padding-left:42px; font-size:15px; font-weight:800; }
.ui-acco.type-basic .ui-acco-btn { font-size:15px; font-weight:800; }
.ui-acco.type-note .ui-acco-btn::before,
.ui-acco.type-caution .ui-acco-btn::before,
.ui-acco.type-useinfo .ui-acco-btn::before { content:''; position:absolute; display:block; top:25px; left:23px; width:15px; height:15px; background-size:100%; } 
.ui-acco.type-useinfo .ui-acco-btn::before { background-image:url('../../images/home/ico_info.png'); }
.ui-acco.type-note .ui-acco-btn::before { background-image:url('../../images/home/ico_note.png'); }
.ui-acco.type-caution .ui-acco-btn::before { background-image:url('../../images/home/ico_warning.png'); }
.ui-acco.type-note .ui-acco-pnl,
.ui-acco.type-caution .ui-acco-pnl,
.ui-acco.type-useinfo .ui-acco-pnl { border:0; padding:23px 25px 23px; background:#f2f2f2; }
.ui-acco.type-faq { }
.ui-acco.type-faq .ui-acco-btn { padding-left:45px; }
.ui-acco.type-faq .ui-acco-pnl { padding-left:45px; }
.ui-acco.type-faq .ui-acco-btn:before { position:absolute; top:23px; left:25px; display:block; color:#d32f2f; content:"Q"; }
.ui-acco.type-faq .ui-acco-pnl:before { position:absolute; top:23px; left:25px; display:block; color:#2c62c1; content:"A"; }
.info-cont { margin-top:20px; }
.info-cont:first-child { margin-top:0; }
.info-cont > [class*="bul-"] { margin-bottom:5px; }




/* pc.common.css
========================== */
html, body { height:100%; font-size:15px; color:#212121; }
body.had-scroll { padding-right:17px; }
a { color:#212121; }

/* button내 텍스트 줄내림 */
a.btn-base > span { white-space:nowrap; }

/* headline style */
.h1 { font-size:30px; }
.h2 { font-size:25px; }
.h3 { font-size:25px; font-weight:800; }
.h4 { font-size:20px; font-weight:800; }
.h5 { font-size:17px; font-weight:800; }

/* title */
.cyber-wrap .h3,
.ui-modal .h3,
.cyber-wrap .h4,
.ui-modal .h4 { margin-bottom:17px; }
.fclear .h4,
.h4.f-left { margin-top:3px; margin-bottom:0 !important; } /* 우측에 bar 붙는것과 정렬 */
.cyber-wrap .h5,
.ui-modal .h5 { margin-bottom:13px; }

/* tab */
.tab-btns-wrap::after { content:''; display:block; clear:both; }
.tab-btns-wrap .btn-tab { float:left; display:block; height:70px; font-size:18px; color:#757575; font-weight:400; word-break:keep-all; padding:0 5px; }
.tab-btns-wrap .btn-tab::after { content:''; position:absolute; display:block; top:50%; right:0; width:1px; height:20px; background:#bdbdbd; margin-top:-10px; }
.tab-btns-wrap .btn-tab:last-child::after { display:none; }
.tab-btns-wrap .btn-tab.now::before { height:4px; }
.tab-btns-wrap[class*="col1"] .btn-tab { min-width:200px; }
.tab-btns-wrap.col4 .btn-tab { width:25%; }
.tab-btns-wrap.col5 .btn-tab { width:20%; }
.tab-btns-wrap.col6 .btn-tab { width:16.666%; }
.tab-btns-wrap.col7 .btn-tab { width:14.2%; }
.tab-inner { white-space:initial; }

/* step page */
.main-page { position:relative; }
.main-page + .main-page { margin-top:60px; }
.ui-modal .main-page + .main-page { border-top: 10px solid #f5f5f5; padding-top: 60px; margin-top: 60px; }


/* list > 아이콘 link */
.link-list.type-icon .link-item { width:calc(25% - 10px); height:180px; margin-right:13px; }
.link-list.type-icon.col3 .link-item { width:calc(33.3% - 7px); margin-right:10px; }
.link-list.type-icon .link-item:last-child,
.link-list.type-icon.col3 .link-item:nth-child(3) { margin-right:0; }
.link-list.type-icon .link-item > a { font-size:15px; padding-top:130px; }
.link-list.type-icon .link-item > a::before { top:40px; width:80px; height:60px; background-image:url('../../images/home/login_icon_pc.png'); margin-left:-40px; }
.link-list.type-icon .link-item > a.simple::before { background-position:0 0; }
.link-list.type-icon .link-item > a.simple:hover::before { background-position:0 -60px; }
.link-list.type-icon .link-item > a.certify::before { background-position:-80px 0; }
.link-list.type-icon .link-item > a.certify:hover::before { background-position:-80px -60px; }
.link-list.type-icon .link-item > a.kakao::before { background-position:-160px 0; }
.link-list.type-icon .link-item > a.kakao:hover::before { background-position:-160px -60px; }
.link-list.type-icon .link-item > a.mobile::before { background-position:-240px 0; }
.link-list.type-icon .link-item > a.mobile:hover::before { background-position:-240px -60px; }
.link-list.type-icon .link-item > a.group01::before { background-position:0 -120px; }
.link-list.type-icon .link-item > a.group01:hover::before { background-position:0 -180px; }
.link-list.type-icon .link-item > a.group02::before { background-position:-80px -120px; }
.link-list.type-icon .link-item > a.group02:hover::before { background-position:-80px -180px; }
.link-list.type-icon .link-item > a.group03::before { background-position:-160px -120px; }
.link-list.type-icon .link-item > a.group03:hover::before { background-position:-160px -180px; }

/* link with icon */
.link-wrap.type-icon { margin-top:50px; }
.link-wrap.type-icon .link-base { width:120px; height:120px; margin-bottom:0; }
.link-wrap.type-icon .link-base > span { width:120px; height:50px; background:url('../../images/home/login_ico_service_pc.png'); margin-bottom:15px; }
.link-wrap.type-icon .link-base > span.happycall { background-position:0 0; }
.link-wrap.type-icon .link-base > span.claim { background-position:-135px 0; }
.link-wrap.type-icon .link-base > span.complaint { background-position:-265px 0; }
.link-wrap.type-icon .link-base > span.insurelist { background-position:-395px 0; }
.link-wrap.type-icon .link-base > span.receipt { background-position:-525px 0; }
.link-wrap.type-icon .link-base > span.agency { background-position:-655px 0; }
.link-wrap.type-icon .link-base > span.annuityAccTranfer { background-position:-785px 0; }

.link-list .link-cont span { font-size:13px; }

/* 로그인 layout */
.commPage .tab-cont .main-page { margin-top:40px; }
.commPage .main-page + .main-page { padding-top:60px; }
.commPage .main-page + .main-page::before { content:''; position:absolute; display:block; top:-10px; left:-80px; width:calc(100% + 160px); height:10px; background:#eee; }

/* quick menu */
.quick-menu { position:fixed; display:block; top:0; right:0; width:60px; height:100%; background:#fff; box-shadow:5px 20px 15px 0 rgba(33,33,33,0.2); transition:right 0.2s ease-out; z-index:12; }
.quick-menu.off { right:-60px; }
.quick-menu .btn-quick { position:absolute; top:50%; left:-20px; width:20px; height:50px; border-radius:4px 0 0 4px; border:1px #bdbdbd solid; border-right:0; margin-top:-25px; background:#fff; box-shadow:-2px 0 6px rgba(99,99,99,0.1); }
.quick-menu .btn-quick > span { display:inline-block; width:0; height:0; font-size:xx-small; overflow:hidden; }
.quick-menu .btn-quick::before { content:''; position:absolute; display:block; top:50%; left:50%; width:8px; height:8px; border-bottom:1px #000 solid; border-right:1px #000 solid; transform:rotateZ(-45deg); margin:-4px 0 0 -6px; }
.quick-menu.off .btn-quick::before { margin-left:-1px; transform:rotateZ(135deg); }
.quick-menu .quick-zoom { position:absolute; top:20px; left:20px; width:20px; padding-top:20px; background:url('../../images/home/quick_ico_zoom.png') no-repeat; }
.quick-zoom > .btn-zoom { position:relative; display:block; width:20px; height:20px; background-repeat:no-repeat; margin-top:5px; }
.quick-zoom > .btn-zoom > span { display:inline-block; width:0; height:0; font-size:xx-small; overflow:hidden; }
.quick-zoom .in { background-image:url('../../images/home/quick_ico_plus.png'); }
.quick-zoom .out { background-image:url('../../images/home/quick_ico_minus.png'); }
.quick-menu .quick-go { position:absolute; top:50%; left:0; width:60px; transform:translateY(-50%); }
.quick-go .btn-go { position:relative; display:block; width:60px; height:45px; font-size:10px; color:#424242; padding-top:30px; margin-top:25px; }
.quick-go .btn-go:first-child { margin-top:0; }
.quick-go .btn-go::before { content:''; position:absolute; display:block; top:0; left:50%; width:24px; height:25px; background-repeat:no-repeat; margin-left:-12px; }
.quick-go .btn-go.certify::before { background-image:url('../../images/home/quick_ico_certify.png'); }
.quick-go .btn-go.agency::before { background-image:url('../../images/home/quick_ico_agency.png'); }
.quick-go .btn-go.dictionary::before { background-image:url('../../images/home/quick_ico_dictionary.png'); }
.quick-go .btn-go.fcstory::before { background-image:url('../../images/home/quick_ico_fcstory.png'); }
.quick-go .btn-go.brochure::before { background-image:url('../../images/home/quick_ico_brochure.png'); }
.quick-go .btn-go.talk::before { background-image:url('../../images/home/quick_ico_talk.png'); }
.quick-go .movie { display:block; margin-top:25px; }
.quick-go .movie > img { display:block; }
.quick-menu .quick-updown { position:absolute; bottom:20px; left:10px; width:40px; }
.quick-updown > .btn-page { position:relative; display:block; width:40px; height:40px; background-repeat:no-repeat; margin-top:10px; }
.quick-updown > .btn-page > span { display:inline-block; width:0; height:0; font-size:xx-small; text-indent:-9999px; }
.quick-updown .up { background-image:url('../../images/home/quick_ico_up.png'); }
.quick-updown .down { background-image:url('../../images/home/quick_ico_down.png'); }

/* footer */
.footer { position:relative; margin-top:50px; padding-top:0; }
.footer-wrap { position:relative; border-top:1px #eee solid; background:#eceff5; }
.footer-inner { position:relative; width:1200px; text-align:center; margin:0 auto; padding:40px 0 60px 0; }
.footer-inner::after { content:''; display:block; clear:both; }
.footer .footer-address { font-size:13px; color:#06417c; }
.footer .footer-address > div { margin-bottom:10px; }
.footer .footer-address em { font-weight:800; color:#06417c; margin-right:10px; }
.footer .footer-address .address,
.footer .footer-address .etc { display:inline-block; }
.footer .footer-address .address { margin-right:10px; }



/* common.cyber.css
========================== */
.search-menu-area{display:none}

/* 아코디언 */
.cyber-wrap .ui-acco-btn { padding:23px 45px 23px 25px; }
.cyber-wrap .ui-acco-arrow { position:absolute; top:calc(50% - 9px); right:25px; float:none; }
#MO-DR-020002-010100 .ui-acco-arrow { position:relative !important; top:2px !important; right:auto !important; float:right !important; }

.ui-acco.type-caution .ui-acco-btn,
.ui-acco.type-useinfo .ui-acco-btn,
.ui-acco.type-note .ui-acco-btn { padding-left:20px; }
.ui-acco.type-caution .ui-acco-btn:before,
.ui-acco.type-useinfo .ui-acco-btn:before,
.ui-acco.type-note .ui-acco-btn:before { left:0; }
.ui-acco.mg-full .ui-acco-btn { padding-left:0; padding-right:0; }



/* pc.cyber.css
========================== */

/*두꺼운 구분선*/
hr.divide {margin:40px -80px;}
.main-page hr.divide {margin:40px -80px;}
.ui-modal hr.divide { width:100%; margin-left:0; margin-right:0; }

/* 전체메뉴 */
.cyber-menu { position:fixed; top:89px; left:0; width:100%; height:calc(100% - 200px); background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.1); overflow-y:auto; transition:height 0.2s ease-out; z-index:21; }
.cyber-menu.off { height:0 !important; }
.cyber-menu .menu-wrap { position:relative; width:1200px; margin:0 auto; }
.cyber-menu .menu-wrap > li { position:relative; border-bottom:1px #ededed solid; padding:40px 0; }
.cyber-menu .menu-wrap > li:last-child { border-bottom:0; }
.cyber-menu .menu-wrap > li::after { content:''; display:block; clear:both; }
.cyber-menu .menu-wrap .mMenu,
.cyber-menu .menu-wrap .sub-list { float:left; }
.cyber-menu .menu-wrap .mMenu { position:relative; display:block; width:340px; font-size:20px; font-weight:800; }
.cyber-menu .menu-wrap .mMenu:hover { text-decoration:none; }
.cyber-menu .menu-wrap .sub-list { width:calc(100% - 340px); }
.cyber-menu .menu-wrap .sub-list::after { content:''; display:block; clear:both; }
.cyber-menu .menu-wrap .sub-list > li { float:left; width:33.3%; margin-bottom:10px; }
.cyber-menu .menu-wrap .sub-list > li:last-child { margin-bottom:0; }
.cyber-menu .menu-wrap .sub-list > li.col2 { width:66.6%; }
.cyber-menu .menu-wrap .sub-list > li > .sMenu { height:30px; line-height:30px; }
.cyber-menu .menu-wrap .sub-list > li > ul > li > a { height:30px; font-size:13px; color:#424242; line-height:30px; }
.cyber-menu .menu-wrap .sub-list > li > ul > li > a.depth3 + ul {display: none;}
.cyber-menu .menu-wrap .sub-list > li.col2 > ul { width:100%; }
.cyber-menu .menu-wrap .sub-list > li.col2 > ul::after { content:''; display:block; clear:both; }
.cyber-menu .menu-wrap .sub-list > li.col2 > ul > li { float:left; width:50%; }
.cyber-menu .menu-wrap .sMenu { font-weight:700; }

.cyber-menu .mAbs1 { position:absolute; top:90px; }
.cyber-menu .fund-Abs1 { margin-top:-245px; }
.cyber-menu .fund-Abs2 { margin-top:-110px; }
.cyber-menu .fund-Abs3 { margin-top:-90px; }


/* 상단 타이틀 */
.cyber-wrap .title-wrap { margin-bottom:60px; }

/* 온라인설명의무 가이드라인  */
.onlevimg { background:url('../../images/fund/welev_1.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px;}
.onlevimg1 { background:url('../../images/fund/welev_1.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.onlevimg2 { background:url('../../images/fund/welev_2.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.onlevimg3 { background:url('../../images/fund/welev_3.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.onlevimg4 { background:url('../../images/fund/welev_4.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.onlevimg5 { background:url('../../images/fund/welev_5.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.onlevimg6 { background:url('../../images/fund/welev_6.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.yegmimg { background:url('../../images/fund/yegm_pc.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.wongmimg { background:url('../../images/fund/wongm_pc.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.webubimg { background:url('../../images/fund/webup_pc.png'); background-size: 90px 90px; height: 90px; width: 90px; margin-right:10px; }
.jagiimg { background:url('../../images/fund/jagi_pc.png'); background-size: 90px 90px; height: 90px; width: 90px; }
.onimgdiv { display:flex; }
.sfs6 { font-size:15px !important; }
.ui-modal.sangdampc8 { height:420px !important; }
.ui-acco-pnl.colorlev1 { background:url('../../images/fund/colorLev1_pc.png') no-repeat 40px 20px !important;  background-color: #f2f2f2 !important; padding: 70px 0px !important; }
.ui-acco-pnl.colorlev2 { background:url('../../images/fund/colorLev2_pc.png') no-repeat 40px 20px !important;  background-color: #f2f2f2 !important; padding: 70px 0px !important; }
.ui-acco-pnl.colorlev3 { background:url('../../images/fund/colorLev3_pc.png') no-repeat 40px 20px !important;  background-color: #f2f2f2 !important; padding: 70px 0px !important; }
.ui-acco-pnl.colorlev4 { background:url('../../images/fund/colorLev4_pc.png') no-repeat 40px 20px !important;  background-color: #f2f2f2 !important; padding: 70px 0px !important; }
.ui-acco-pnl.colorlev5 { background:url('../../images/fund/colorLev5_pc.png') no-repeat 40px 20px !important;  background-color: #f2f2f2 !important; padding: 70px 0px !important; }
.ui-acco-pnl.colorlev6 { background:url('../../images/fund/colorLev6_pc.png') no-repeat 40px 20px !important;  background-color: #f2f2f2 !important; padding: 70px 0px !important; }
.ui-modal.colmodal8 { width:800px !important; height:90% !important; }
.ui-modal.boolmodal8 { width:800px !important; height:90% !important; left:56% !important; }
.levpmtop { margin-top:25px; }
.dlpri { padding-left:28px; color:#ff6600; }
.dlpri2 { padding-left:28px;}
.sfs7 { font-size:16px !important; }
.ui-modal.sinmodal { height:auto !important; }
.ui-modal.sinmodal .ui-modal-header { min-height:40px; }
.ui-modal.sinmodal .ui-modal-inner { padding:0px 40px 120px !important; }
.ui-modal.odabpop4 { height:295px !important; width:400px !important; margin-left:-196px !important; }
.ui-modal.odabpop4 .ui-modal-header { min-height:40px !important; }
.ui-modal.odabpop4 .ui-modal-inner { padding:5px 40px 0px !important; }
.ui-modal.odabpop5 { height:258px !important; width:400px !important; margin-left:-196px !important; }
.ui-modal.odabpop5 .ui-modal-inner { padding:0px 40px 0px !important; }
.ui-modal.odabpop5 .ui-modal-header { min-height:40px !important; }

/* 온라인설명 대출  */
.fspops5 { font-size: 14px; }
.fspops6 { font-size: 15px; }
.fspops7 { font-size: 15px; }
.fspops8 { font-size: 15px; }
.bulpop5 { font-size: 13px !important; }
.popgraphm { display:flex; margin-top:15px;}
.popgraphm1 { background:url('../../images/home/pop2graph1_pc.png') no-repeat; height: 148px; width: 204px; margin-top: 15px; }
.popgraphm1-1 { background:url('../../images/home/pop2graph1_1_pc.png') no-repeat; height: 148px; width: 204px; margin-top: 15px; }
.popgraphm2 { background:url('../../images/home/pop2graph2_pc.png') no-repeat; height: 164px; width: 228px; }
.popgraphm2-1 { background:url('../../images/home/pop2graph2_1_pc.png') no-repeat; height: 164px; width: 228px; margin-top: 5px; }
.popgraphm2-2 { background:url('../../images/home/pop2graph2_2_pc.png') no-repeat; height: 164px; width: 228px; margin-top: 5px; }
.borlin { border-top: 1px #e0e0e0 solid;}
.tbl-data.chool th { font-size: 13px; }
.tbl-data.chool td { font-size: 15px; }
.total.kcool dt { font-size: 13px; }
.total.kcool dd { font-size: 20px; }
.pdpopl { padding: 0px 40px 30px !important; }
.seolpri{ width: 100%; padding: 20px; background: #fff7f1; border-radius: 14px; color: #ff4200; border: solid 1px; font-size:15px; word-break: keep-all; }

/* 레이아웃 */
.cyber-wrap { opacity:0; }
.cyber-wrap .main-page + .main-page { border-top:10px solid #f5f5f5; padding-top:60px; }
.cyber-wrap .main-page + .main-page::before { content: ''; position: absolute; display: block; top: -10px; left: -80px; width: calc(100% + 160px); height: 10px; background: #eee; }
.cyber-wrap .ui-modal .main-page + .main-page::before { left:0; width:100%; }
.main-page.divide-n-pc { border-top:0 !important; padding-top:0 !important; }
.main-page.divide-n-pc::before { display:none !important; }


.fingerLayer {display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;transition:0.3s;}
.ui-modal-cont .listWrap{display:flex;flex-direction:column;gap: 10px;}
.ui-modal-cont .listWrap button {display:block;text-align:center;}


.certiNumbers {display:flex;gap:8px;}
.certiNumbers input[type="number"] {width:42px;height:52px;font-size:16px;font-weight:600;color:#212121;display:inline-flex;align-items:center;text-align:center;border:1px solid #e0e0e0;}
.certiNumbers input[type="number"]::-webkit-outer-spin-button,.certiNumbers input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;morgin:0;border: 0;}

/* 로그인 화면애소 우선적 로딩 스타일 */
.modal-open { width:100%; }
.modal-backdrop { display:none; opacity:0; position:fixed; top:0; left:0; z-index:20; width:100%; height:200%; background-color:rgba(0,0,0,0.8); }
.ui-modal { display:none; opacity:0; position:fixed; z-index:1; width:auto; height:auto; padding:0; transition:transform 0.15s ease-in; transform:scale(0.9); }
.ui-modal > form { height:100%; }
.ui-modal.ps-top { top:-100%; transition:top 200ms; }
.ui-modal.view { transform:scale(1); }
.ui-modal.show { display:block; left:50%; }
.ui-modal.ps-center { top:40%; }
.ui-modal.ps-bottom { bottom:-25%; }
.ui-modal.type-full { left:0; top:0; width:100%; height:100%; }
.ui-modal.transparent .ui-modal-inner { padding:0; }
.ui-modal .btn-close,
.ui-modal .btn-share { position:absolute; }
.ui-modal .ui-modal-wrap { width:100%; height:100%; background-color:#fff; }
.ui-modal .ui-modal-wrap.no-header .btn-close { z-index:1; }
.ui-modal .ui-modal-wrap.no-header .ui-modal-cont { padding-top:60px; }
.ui-modal .ui-modal-header { position:relative; display:block; width:100%; height:60px; line-height:62px; text-align:center; padding:0 50px 0 50px; }
.ui-modal .ui-modal-header h1 { display:inline-block; font-size:16px; font-weight:700; text-align:center; vertical-align:middle; }
.ui-modal .ui-modal-cont { position:relative; overflow-y:auto; overflow-x:hidden; width:100%; margin:0; }
.ui-modal .ui-modal-inner { position:relative; padding:10px 25px 40px; }
.ui-modal .ui-modal-footer { position:absolute; bottom:0; width:100%; height:auto; text-align:center; padding:0 25px 25px; }
.ui-modal .ui-modal-footer::before { content:''; position:absolute; display:block; bottom:100%; left:0; width:100%; height:15px; background:#fff; }
.ui-modal .ui-modal-footer.pd-n:before { display:none; }
.ui-modal .ui-modal-footer .cancel { color:#424242; border:1px #bdbdbd solid; background:#fff; }
.modal-floating { background:#fff; }
.loginWrap .main-page {padding-top: 25px;}
.flexLayout {display:flex;flex-direction:column;align-items:center;}
.flexLayout .flexZone {flex:1;width: 100%;}
#mntMb001P12-02 .flexLayout .flexZone {text-align: center;}
.loginWrap .flexLayout {/* height:calc(100vh - 142px); */}
.loginWrap .flexLayout.noTabs {height:calc(100vh - 61px);}
.loginWrap .flexLayout .btnGroup1 {margin-bottom:200px;}
.loginWrap .flexLayout .btnGroup2 {/* margin-bottom:32px; */}
#loginTab .loginWrap .flexLayout .flexZone {/* min-height:200px; */}
.cyber-wrap .loginWrap.main-wrap {padding-bottom:0;}
.cyber-wrap .loginWrap.main-wrap .ui-acco:not(.data-wrap) {width:calc(100% + 50px);border-top: 10px solid #eee;margin-top:32px;}
.cyber-wrap .loginWrap .btnArrow1 {}
.cyber-wrap .loginWrap .input-wrap {padding-bottom:10px;}
.cyber-wrap .loginWrap .input-wrap .inp-del {background-color:#ccc;}
.cyber-wrap .loginWrap .title-wrap {margin-top:25px;}
.loginWrap .title-wrap:not(.only-pc) + .input-wrap {margin-top:20px;}
.cyber-wrap .loginWrap .tab-cont-wrap {margin-top:25px;}
.floatingBtn .gnbFloatingBtn{display:none;}
.only-mo {display: none !important;}
.btnGroup1 {display:flex;gap:12px;flex-wrap:wrap;align-content: flex-start;}
.btnGroup1 .btnGroupItem {border:1px solid #e0e0e0;background-color:#fff;width:calc(50% - 6px);height: 128px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 0;border-radius:8px;gap:0;}
.btnGroup1 .btnGroupItem .part1 {margin-bottom:12px;width:24px;}
.btnGroup1 .btnGroupItem .part2 {font-size:16px;font-weight:700;color:#424242;}
.btnArrow2 {font-size:14px;line-height: 1;color:#424242;padding:0 21px 0 0;background:url('../../images/cyber/main/iconArrowRight_black.svg') no-repeat center right 9px;background-size: 5px;}

/* 저축은행 예금상품 운용 지시 확인서 팝업  */
.ui-modal.jisimodal8 { width:1060px !important; height:90% !important; margin-left: -560px !important; }

/* 신탁 신규가입  */
.oldage-links .box-line.jongsin .title:before { background-image:url('../../images/home/jongsin_pc.png'); }
.oldage-links .box-line.nosin .title:before { background-image:url('../../images/home/nosin_pc.png'); background-size:25px; height:35px; }
.oldage-links .box-line.mmtsin .title:before { background-image:url('../../images/home/mmtsin_pc.png'); }
.cyber-wrap.newsin { margin:0 auto; padding: 90px 150px 60px 150px; }
.box-line.newsinbox { margin-top: 15px; }
.cyber-wrap.injg { width:865px;}
.process-wrap.prosin{ margin-top:55px; }
.sinh1 { font-size: 20px; font-weight: 600; }
.sinsub { font-size: 15px; color:#757575 }
.sinbonmat { margin-top : 80px; }
.sintit { margin-bottom:90px !important; }
.oneinpc { background-image:url('../../images/home/onein_pc.png'); position:relative; width:70px; height:57px; left:40%; }
.sinwid { width:400px !important; }
.sinft { right:14%; }
.ui-modal.sinle { margin-left: -205px !important; height:373px !important; }
.gmot { margin-top:25px; }
.ui-modal-inner.sinpdb {padding-bottom:0px !important;}
.ui-modal.sininpc { height:475px !important; }
.ui-modal.sinresultpc { height:420px !important; width: 500px !important; margin-left: -245px !important; }
.toofont { font-size:20px !important; }
.sinsub2 { font-size: 13px !important; }
.sinpoptit { font-size: 15px !important; font-weight:800 !important; }
.sindpop { font-size:15px !important; padding: 0px 0px !important;}
.ui-modal.type-modal-system.sindht { height:310px !important; }
.ui-modal.seolhei { height: calc(100% - 220px) !important; }
.ui-modal-inner.seolinner { padding: 0 40px 10px !important; }
.resultpd { padding-bottom:25px !important; padding-top:25px !important; }
.list-wrap .list-item .tbl-desc.sintbl > table > tbody > tr > th { width: 70px !important; }
.sinbtn { display : flex !important; }
.sinbt { margin:0px 10px 30px 10px !important; }
.sinbt2 { margin: 0px 5px 30px 10px !important; }
.sinja { display:inline !important; }
.sintxt { width: 100%; background-color: #f4f4f4; padding-left:20px;}
.sintxt2 { line-height: 45px !important; padding-left:20px; }
.sintxt1 { display: inline !important; }
.lafont { font-size: 20px !important; font-weight:800 !important; }
.sinsrput { display : flex; }
.btn-base.sinsrbt { width : 140px; }
.tbl-base.sinchtb td { text-align:center; }
.check-item.sinchlab label { padding: 2px 0 17px 30px !important; }
.sinsubpc { text-align:center; }
.complete-wrap.sinwrap { margin: 40px 30px 25px !important; }
.sinnemo { background-color:#fff6ef; text-align:center; padding:20px 0 20px 0; color:#e67602; width:auto !important;}
.sinye { display:flex !important; width:auto !important; margin-top:90px; }
.sinye .input-item { width:432px !important; }
.sinyefont { font-size: 20px; font-weight: 600; }
.datwrap { margin-right: 10px; }
.ui-modal.sinmodal { height:auto !important; }
.ui-modal.sinmodal .ui-modal-header { min-height:40px; }
.ui-modal.sinmodal .ui-modal-inner { padding:0px 40px 120px !important; }

/* 전자증명서 이용안내 */
.process-use.use2 dt.step1::after{bottom:-22px;}
.process-use.use2 dt { width:65px; height:65px; }
.process-use.use2 dd { font-size:15px; width:calc(100% - 85px); padding:15px 0 50px 30px; }
.process-use.use2 dd > h4 { font-size:15px; margin-bottom:10px; font-weight: 800; }
.process-use.use2 dt:before { width:65px; height:65px; background-size: auto 85px;  }
.process-use.use2 dt:after { width:75px; height:75px;  }
.process-use.use2 dl::before { left:31px; margin-top:37px; width:15px; height:15px; background: url(../../images/home/bg_ann_arrow.png) no-repeat 0 0; background-size: 15px auto; }
.process-use.use2 dt.step1::before { background: url(../../images/ed/ico_ed_Info_list01.png) no-repeat 8px 5px; background-size: 65px auto; }
.process-use.use2 dt.step2::before { background: url(../../images/ed/ico_ed_Info_list02.png) no-repeat 8px 5px; background-size: 65px auto; }
.process-use.use2 dt.step3::before { background: url(../../images/ed/ico_ed_Info_list03.png) no-repeat 8px 5px; background-size: 65px auto; }
.process-use.use2 dt.step4::before { background: url(../../images/ed/ico_ed_Info_list04.png) no-repeat 8px 5px; background-size: 65px auto; }
.download-guide3 .btn-wrap {display: flex; flex-direction: row; margin: 25px 0 0;}
.download-guide3 .btn-wrap .btn-base,
.download-guide3 .btn-wrap .btn-base:hover,
.download-guide3 .btn-wrap .btn-base:focus {display: block; width: 320px; margin: 0 10px 0 0; text-align: center; border: none; padding: 0 20px 0 10px; box-shadow: none; border:1px solid #c0c0c0; background: #fff; height: 44px;}
.download-guide3 .btn-wrap .btn-base::before {content: ''; display: inline-block; width: 25px; height: 25px; margin-right: 10px; vertical-align: middle;}
.download-guide3 .btn-wrap .btn-base.googleplay::before {background: url('../../images/home/ico_googleplay.png') center center no-repeat; background-size: 100% auto;}
.download-guide3 .btn-wrap .btn-base.appstore::before {background: url('../../images/home/ico_appstore.png') center center no-repeat; background-size: 100% auto;}
.download-guide3 .btn-wrap .btn-base span {font-size: 16px;  font-weight: 800; color: #000;}

/*사이버창구 멀티팝업  */
.ui-modal.cybymulti { top:54% !important; z-index:22 !important; margin-top: 0px !important; height: 0px; }

/*전자증명서이용안내 하단  배너 */
.banner-wrap.cyberbn { position:relative; padding:25px 170px 25px 200px; margin:42px 0 -25px; border-top-left-radius:20px; border-top-right-radius:20px; box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.15); }
.banner-wrap.cyberbn p { font-size:15px; font-weight:800;}
.banner-wrap.cyberbn h4 { font-size:18px; font-weight:800; }
.banner-wrap.cyberbn p:after { position:absolute; left:13%; top:35%; display:block; width:65px; height:50px; background:url('../../images/ed/mmiso_pc.png') 0 0 no-repeat; content:""; }
.banner-wrap.cyberbn span { z-index:0; position:relative; }
.banner-wrap.cyberbn strong { z-index:0; position:relative; font-weight:700; }
.banner-wrap.cyberbn strong:before { z-index:-1; position:absolute; bottom:3px; left:0; display:block; width:100%; height:10px;  background:#f09647; opacity:.3; content:""; }

/*전자문서지갑바로가기 배너*/
.ico-baroimg { width:100%; height:100px; background:url('../../images/ed/ico_baro_pc.png') 0 0 no-repeat; margin-left:3%; }

/* 제휴서비스 */
.sinserv_img{ display: block; margin: 20px; width: 111px; height: 111px; background: url(../../images/home/sinserv_PC.png) no-repeat 0 0; background-size: auto 111px; }
.sinserv_img2{ display: block; margin: 20px; width: 111px; height: 111px; background: url(../../images/home/sinserv_PC.png) no-repeat 0 0; background-size: auto 111px; background-position-x: -111px; }
.sinservfx{ display:flex; margin-top:30px; }
.sinservfx1{ margin-top:35px; }
.linkmove.sinsvmgr{ margin-right : 5px;}
.btn-wrap.conts-type.col4 .btn-base-s.linkmove { width: max-content; }