<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@charset "utf-8";
/* -------------------------------------------
## common_biz.css
ìµœì¢…ì&nbsp;„ë‹¬ ë‚&nbsp;ì§œë²„ì&nbsp;„ : 2024-03-13 V1.0 : í•´ì™¸ì†¡ê¸ˆ ì•ˆë‚´ ìˆ˜ì&nbsp;•
---------------------------------------------- */
/* CSS Document */

/*
  ìˆ˜í˜‘ ê¸°ì—… ì¸í„°ë„· ë±…í‚¹ _ ì&nbsp;„ì²´ íŽ˜ì´ì§€ ê³µí†µ, ë¦¬ì…‹ CSS
*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,select,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;}
html{overflow:hidden; overflow-x:auto; overflow-y:scroll; background:#fff;}
html,body{width:100%; height:100%;}
html,body,pre,select,textarea,input/*,h1,h2,h3,h4,h5,h6*/{font-size:14px;line-height:22px;font-family:ë§‘ì€ê³&nbsp;ë”•, malgun gothic, Dotum, Arial, Helvetica, sans-serif;color:#333;letter-spacing:-1px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0}
caption{overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
img,fieldset,iframe{border:none; border:0;}
img, .inputBtn{vertical-align:middle;}
ul, ol{list-style:none;}
a{color:#666; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
button,label{cursor:pointer;}
button{ border:0 none; padding:0; margin:0}
* html a span{cursor:pointer;}
em,address{font-style:normal;}
textarea{overflow-y:auto;}
pre, .pre{white-space:pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}
.pre{white-space:pre;};
option{float:none !important; display:block !important;}
label{padding-left:5px; vertical-align:2px;}

.a_link{ position:relative; display:inline-block; color:#333}
.a_link:hover{ text-decoration:none}
.a_link:after{ width:100%; height:1px; background:#333; position:absolute; left:0; bottom:0; content:'';}

/* common */
.textarea{border:1px solid #cecece;}
.inputText{ display:inline-block; height:28px; border:1px solid #ddd; padding:0 5px; line-height:28px; color:#666; vertical-align:middle}
.inpNoBd{height:16px; padding:2px 5px 0 5px; border:1px solid #fff;}
.inputFile{height:28px; border:1px solid #ddd; padding:0 5px; line-height:28px; color:#666; background:#fff; }
.textarea{padding:20px; line-height:18px;}
* html .inputCheck, * html .inputRadio{overflow:hidden; width:13px; height:14px;}
*+ html .inputCheck, *+ html .inputRadio{overflow:hidden; width:13px; height:14px;}
.select{height:30px; border:1px solid #dddddd; vertical-align:middle; padding:0 0 0 5px;}
.inputROnly{background-color:#f0f0f0;}
.textarea{border:1px solid #dddddd; padding:5px;}

.body_scroll{ overflow:hidden; height:100% !important}
/*2024.04.09 : readonly ë°°ê²½ìƒ‰ ì²˜ë¦¬*/
input[type="text"]:read-only, input[type="password"]:read-only, input[type="tel"]:read-only, input[type="number"]:read-only{background:whitesmoke;}

.bg_smooth_blue{ background:#a9e1fe}
.bg_smooth_red{ background:#ffc0c0}

.file_area_wrap{position:relative; display:block; overflow:hidden}
.file_area{ }
.file_area label{ z-index:10; position:absolute;  left:0; top:0}
.file_area input{ position:absolute; width:80px; height:28px; left:2px; top:0px; padding:0; margin:0; overflow:hidden; border:0 none; z-index:1; display:none}
.file_input{ display:inline-block; margin-left:100px; position:relative}
.file_input label{ vertical-align:middle; margin-right:3px; color:#666; font-size:13px; font-weight:bold}
.file_input .btn_input_del {background: url(/images/biz_new/common/btn_input_del.gif) no-repeat 50% 50%;  width:14px;  height:14px;  display:block;  position:absolute;  right:5px;  top:8px;}

/* 20160122 ì¶”ê°€(placeholder íš¨ê³¼) */
.inputText.greyTxt{color:#ccc;}

.blind, legend{overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
hr{display:none;}
.clear{*zoom:1;}
.clear:after{content:""; display:block; clear:both;}
.ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding: url('ellipsis.xml#ellipsis');}
.noBoder{border:0 !important; border:none !important;}
.alignRight{text-align:right !important;}
.alignLeft{text-align:left !important;}
.alignCenter{text-align:center !important;}
.valignTop{vertical-align:top;}
.valignMiddle{vertical-align:middle;}
.valignBottom{vertical-align:bottom;}
.fNone{float:none !important;}
.fLeft{float:left;}
.fRight{float:right;}
em{color:#0072bc;}
.pd0{padding:0 !important;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdl15{padding-left:15px;}
.pdl20{padding-left:20px;}
.pdl25{padding-left:25px;}
.pdl30{padding-left:30px;}
.pdl35{padding-left:35px;}
.pdl40{padding-left:40px;}
.pdl50{padding-left:50px;}
.pdb5{padding-bottom:5px;}
.pdb20{padding-bottom:20px;}
.pdr10{padding-right:10px;}
.mgt5{margin-top:5px;}
.mrl20{margin-left:20px;}
.mr10{margin-right:10px;}
.pd5{padding:5px;}
.pt8{ padding-top:8px !important;}
.lh20{line-height:20px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml_10{ margin-left:-10px !important;}

/*2022.08 : ê¸°ì—…ì—ì„œì˜ margin ì‚¬ìš©ë²• */
.mt0{ margin-top:0px !important;}
.mt4{ margin-top:4px !important;}
.mt8{ margin-top:8px !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt12{ margin-top:12px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px  !important;}
.mt25{ margin-top:25px  !important;}
.mt30{ margin-top:30px  !important;}
.mt40{ margin-top:40px !important; }
.mb0{ margin-bottom:0px  !important;}
.mb5{ margin-bottom:5px  !important;}
.mb10{ margin-bottom:10px  !important;}
.mb15{ margin-bottom:15px  !important;}
.mb20{ margin-bottom:20px  !important;}
.mb60{ margin-bottom:60px  !important;}
.mb8{ margin-bottom:8px  !important;}

/*2022.08 : ê°œì¸ì—ì„œì˜ margin ì‚¬ìš©ë²• */
.mgt4{ margin-top:4px !important;}
.mgt8{ margin-top:8px;}
.mgt10{ margin-top:10px !important;}
.mgt12{ margin-top:12px !important;}
.mgt15{ margin-top:15px !important;}
.mgt20{ margin-top:20px  !important;}
.mgt25{ margin-top:25px  !important;}
.mgt30{ margin-top:30px  !important;}
.mgt40{ margin-top:40px !important;}
.mgbt20{ margin-bottom: 20px !important;}

.w30{ width:30px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w90{ width:90px;}
.w100{ width:110px;}
.w120{ width:120px;}
.w140{ width:140px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w205{ width:205px;}
.w270{ width:270px;}
.w340{ width:340px;}
.w350{ width:350px;}
.w420{ width:420px;}
.w450{ width:450px;}
.w500{ width:500px;}
.w515{ width:515px;}
.w580{ width:580px;}
.w600{ width:600px;}

.f13{font-size:13px  !important;}
.f14{font-size:14px  !important;}
.f15{font-size:15px  !important;}
.f16{font-size:16px  !important;}
.f17{font-size:17px  !important;}
.f18{font-size:18px  !important;}
.f19{font-size:19px  !important;}

/* color */
.txt-orange{color: #E45800;}

/* font */
@font-face{
	font-family: 'NanumGothicWEB';
	src: url('font/NanumGothic.eot');
	src: url('font/NanumGothic.eot?iefix') format('eot'), url('font/NanumGothic.woff') format('woff'), url('font/NanumGothic.ttf') format('truetype');
}
@font-face{
	font-family: 'NanumGothicBoldWEB';
	src: url('font/NanumGothicBold.eot');
	src: url('font/NanumGothicBold.eot?iefix') format('eot'), url('font/NanumGothicBold.woff') format('woff'), url('font/NanumGothicBold.ttf') format('truetype');
}
@font-face{font-family:'NanumSL';src:url(font/NanumSquareL.eot);src:url(font/NanumSquareL.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareL.woff) format("woff")}
@font-face{font-family:'NanumS';src:url(font/NanumSquareR.eot);src:url(font/NanumSquareR.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareR.woff) format("woff")}
@font-face{font-family:'NanumSB';src:url(font/NanumSquareB.eot);src:url(font/NanumSquareB.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareB.woff) format("woff")}
@font-face{font-family:'NanumSEB';src:url(font/NanumSquareEB.eot);src:url(font/NanumSquareEB.eot?#iefix) format("embedded-opentype"),url(font/NanumSquareEB.woff) format("woff")}

@font-face{font-family:'NanumL';src:url(font/NanumGothic-Light.eot);src:url(font/NanumGothic-Light.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-Light.woff) format("woff")}
@font-face{font-family:'Nanum';src:url(font/NanumGothic-Regular.eot);src:url(font/NanumGothic-Regular.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-Regular.woff) format("woff")}
@font-face{font-family:'NanumB';src:url(font/NanumGothic-Bold.eot);src:url(font/NanumGothic-Bold.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-Bold.woff) format("woff")}
@font-face{font-family:'NanumEB';src:url(font/NanumGothic-ExtraBold.eot);src:url(font/NanumGothic-ExtraBold.eot?#iefix) format("embedded-opentype"),url(font/NanumGothic-ExtraBold.woff) format("woff")}

/* skip navigation */
.skipNavi{position: absolute; top:0; left:0; z-index:1000; width:100%;}
.skipNavi a {display:block; position: absolute; top: -9999px; width:100%;}
.skipNavi a:focus,
.skipNavi a:hover,
.skipNavi a:active{display:block; top:0; width:100%; padding:10px 0; color:yellow; font-weight: bold; text-align: center; background-color: #000;}

/* button */
.btn_blueB_type{
    display: inline-block;
    min-width: 100px;
    height: 40px;
    padding: 0 30px;
    line-height: 40px;
    border-radius: 5px;
    font-weight: bold;
    font-weight: bold;
    font-family: Malgun Gothic;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #005fa1;
    box-sizing: border-box;
}
.btnBarea{text-align:center}



/* top popup area */
.popupNotice{width:100%; border-bottom:1px solid #555; background:#f2f2f2;}
.popupNotice .popNWrap{position:relative; width:970px; padding:5px 30px 5px 0; margin:0 auto; border-bottom:1px solid #fff; border-top:1px solid #e7e7e7;}
.popupNotice .popNWrap:after{content:""; display:block; clear:both;}
.popupNotice .popNTitle{float:left; background:url(/images/common/bul_top_pop.gif) no-repeat 2px 4px; font-family:NanumGothic,NanumGothicWEB; text-indent:17px;}
.popupNotice .viewMore{float:left; padding-right:12px;}

.popupNotice .btnPNClose{font-size:11px; letter-spacing:-1px; color:#000; margin-left:10px;}
.popupNotice .btnPNClose:after{content:""; display:block; clear:both;}
.popupNotice .btnPNClose input, .popupNotice .btnPNClose label, .popupNotice .btnPNClose a{float:left;}
.popupNotice .btnPNClose input{margin:1px 8px 0 0;}
*:first-child+html .popupNotice .btnPNClose input{width:14px; height:14px; overflow:hidden;}
.popupNotice .btnPNClose label{padding:2px 12px 0 0;}

/* tooltip by 140424 */
.tooltipLyPop{position:absolute;z-index:100;top:30%; margin-top:-70px;left:30%; width:500px;background:#fff;border:none; }
.tooltipLyPop .popNWrap{position:relative;width:100%;padding:0 0 15px 0;border:2px solid #999;}
.tooltipLyPop .popNTitle{position:relative;z-index:10;width:100%; padding:12px 0 11px 0; background:#1c4693 url(/images/contents/bg_lpop_title.jpg) no-repeat 100% 0; border-bottom:1px solid #ebebeb; font-family:NanumGothicBold, NanumGothicBoldWEB; color:#fff; font-size:16px; line-height:20px; text-indent:23px;}
.tooltipLyPop .tooltipText{clear:both;padding:30px 30px 80px 30px;height:120px;overflow:hidden;overflow-y:scroll}
.tooltipLyPop .tooltipText .tooltipList{margin:0 0 5px 10px}
.tooltipLyPop .tooltipText .tooltipList li{text-indent:-10px;line-height:18px;}
.tooltipLyPop .tooltipText .tooltipComment{line-height:18px;margin-bottom:10px}
.tooltipLyPop .tooltipText .tooltipBtn {clear:both; margin-bottom:10px; height:20px;}
.tooltipLyPop .tooltipText .tooltipBtn a{float:right !important;}
.tooltipLyPop .tooltipText .tooltipBtn:after{content:"";clear:both;display:block}
.tooltipLyPop .tooltipClose{position:absolute;right:10px;top:10px;z-index:100;display:block;*zoom:1;}

/* add by 140114 */
.popBg{background:url(/images/main/top_notice_bg.png);}
.popup2{width:950px;height:105px;margin:0 auto;position:relative}
.popup2 .popTit{font-family:NanumGothicBoldWEB;font-size:14px;color:#000;margin:15px 0 7px 0;}
.popup2 .popConTxt{font-family:dotum,"ë‹ì›€";font-size:12px;color:#666;line-height:1.2;letter-spacing:-0.5px}
.popup2 .popBtn{margin:10px 0 0 0;text-align:left}
.popup2 .notice_01{float:left;display:inline;padding-left:160px;width:340px;background:url(/images/main/top_notice_img01.png) no-repeat left 7px;}
.popup2 .notice_02{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img02.png) no-repeat left 5px;}
.popup2 .notice_03{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img03.png) no-repeat left 5px;}
.popup2 .notice_04{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img04.png) no-repeat left 5px;}
.popup2 .notice_05{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img05.png) no-repeat left 5px;}
.popup2 .notice_06{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img06.png) no-repeat left 5px;}
.popup2 .notice_07{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img07.png) no-repeat left 5px;}
.popup2 .notice_08{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img08.png) no-repeat left 5px;}
.popup2 .notice_09{float:left;display:inline;padding-left:130px;width:320px;background:url(/images/main/top_notice_img09.png) no-repeat left 5px;}
.popup2 .chkToday{position:absolute;right:0;bottom:10px}
.popup2 .chkToday a{vertical-align:bottom}
body{ min-width:1000px; height:auto !important; height:100%; min-height:100%; position:relative}
#wrapper{width:100%; min-width:1000px; height:auto !important; height:100%; min-height:100%;}

/*GNB ì˜ì—­*/
#header{ width:100%; margin:0 auto}
#header .utill_wrap{ width:100%; margin:0 auto; overflow:hidden}
#header .utill_wrap .utill_area{ width:980px; margin:10px auto 0; overflow:hidden; position:relative; }
#header .utill_wrap .utill_area .logo{ display:inline-block}
#header .utill_wrap .utill_area .login_info{ display:inline-block; margin-left:5px;}
#header .utill_wrap .utill_area .login_info span{ display:inline-block}
#header .utill_wrap .utill_area .login_info span.m_name{ color:#333; font-size:13px; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline}
#header .utill_wrap .utill_area .login_info span.m_time{ background:url(/images/biz_new/menu/ico_time.gif) no-repeat 0 6px; padding-left:17px; font-size:13px; margin:0 1px 0 6px }

#header .utill_wrap .utill_area .cert_btn a.btn_cert_center{ margin-left:-5px}
#header .utill_wrap .utill_area .business_area{ display:block; position:relative}
#header .utill_wrap .utill_area .business_area h2{ padding-left:30px; vertical-align:bottom; display:inline-block; padding-top:6px;}
#header .utill_wrap .utill_area .business_area .cert_btn{ display:inline-block; overflow:hidden; position:absolute; top:6px; left:86px;}
#header .utill_wrap .utill_area .business_area .cert_btn.logout{ left:89px;}

.utill_sub_area{ position:absolute; top:0; right:0; overflow:hidden}
.utill_sub_area ul{ display:inline-block; margin-top:-1px; float:left}
.utill_sub_area li{ float:left; padding-right:16px; position:relative}
.utill_sub_area li:after{width:1px; height:10px; background:#b8b8b8; position:absolute; top:8px; right:7px; content: '';}
.utill_sub_area li.dokdo{background:url(/images/biz_new/menu/ico_dokdo.gif) no-repeat 0 7px; padding:0 0 0 22px}
.utill_sub_area li.dokdo:after{ display:none}
.utill_sub_area li a{ font-size:12px; color:#000;}
.utill_sub_area li a:hover{ font-weight:bold}

.top_search_area{ float:right; display:inline-block; background:url(/images/biz_new/menu/bg_search_input.gif) no-repeat 0 0; width:140px; height:24px; position:relative; margin-left:8px;}
.top_search_area [type='text']{ border:0 none; height:20px; width:100px; position:absolute; left:10px; top:2px;}
.btn_search{ position:absolute; right:9px; top:4px;  width:14px; height:14px; background:url(/images/biz_new/menu/btn_search.gif) no-repeat 0 0; border:0 none; cursor:pointer; text-indent:-9999px; }

.main_menu_area{ float:right; margin-top:-19px;}
.main_menu_area li{ float:left; display:inline-block; margin-right:26px;}
.main_menu_area li:last-child{ margin-right:0}
.main_menu_area li a{ font-size:15px; color:#333; display:inline-block; position:relative; vertical-align:bottom; font-weight:bold }
.main_menu_area li a:hover{ font-weight:bold; color:#4971b7}
.main_menu_area li a.selected:after{width:100%; height:3px; background:#4971b7; position:absolute; top:-2px; left:0; content: '';}

.gnb_wrap{ width:100%; background:#0065a1; height:45px; margin-top:16px; }
.gnb_area{width:1010px; margin:0 auto; position:relative;  z-index:90}
.bg_sub_wrap{ width:100%;  position:absolute; top:45px; left:0;  background:url(/images/biz_new/menu/bg_sub_menu.png) repeat-y 0 100%; }
.business .gnb_area li{ float:left}
.business .gnb_area li:first-child{ margin-left:5px;}
.business .gnb_area li li:first-child, .business .gnb_area li li li:first-child{ margin-left:0;}
.business .gnb_area li a{ font-size:15px; font-weight:bold; color:#fff; padding:0 17px; line-height:45px; display:inline-block;  position:relative}
.business .gnb_area.customer li a{ padding:0 39px !important;} /*ê³&nbsp;ê°ì„¼í„°*/
.business .gnb_area.bank_info li a{ padding:0 38px !important;} /*ì€í–‰ì†Œê°œ*/
.business .gnb_area.portal li a{ padding:0 15px;} /*ê¸ˆìœµì†Œë¹„ìží¬í„¸*/
.business .gnb_area.gongsi li a{ padding:0 40px ;} /*ìƒí’ˆê³µì‹œì‹¤*/
.business .gnb_area li a:hover, .business .gnb_area li a.selected { background:#1e3a53; }
.business .gnb_area li a.over { background:#1e3a53; }
.business .gnb_area li a.on{ background:#1e3a53; }
.business .gnb_area li a.on:after{ background:url(/images/biz_new/menu/bg_gnb_arrow.png) no-repeat 0 0; width:12px; height:6px; position:absolute; bottom:-5px; left:50%; margin-left:-6px; content: '';  z-index:1000}
.business .gnb_area li a:hover:after{ background:url(/images/biz_new/menu/bg_gnb_arrow.png) no-repeat 0 0; width:12px; height:6px; position:absolute; bottom:-5px; left:50%; margin-left:-6px; content: '';  z-index:1000}
.business .gnb_area li a.no_arrow:hover:after{ background:none !important}
.business .gnb_area li ul{ overflow:hidden; padding:20px 0 0 0}
.business .gnb_area li li{ width:176px; padding-left:20px}
.business .gnb_area li ul.etc_4 li{ width:210px !important; padding-left:20px}
.business .gnb_area li ul.etc_4 li li{padding-left:0;}
.business .gnb_area li ul li.sub_etc{ width:500px !important; position:relative}
.business .gnb_area li ul li.sub_etc li{ width:220px !important; float:none;}
.business .gnb_area li ul li.sub_etc li.case11{ position:absolute; left:250px; top:32px}
.business .gnb_area li ul li.sub_etc li.case12{ position:absolute; left:250px; top:61px}
.business .gnb_area li ul li.sub_etc li.case13{ position:absolute; left:250px; top:90px}
.business .gnb_area li ul li.sub_etc li.case14{ position:absolute; left:250px; top:119px}
.business .gnb_area li ul li.sub_etc li.case15{ position:absolute; left:250px; top:148px}
.business .gnb_area li ul li.sub_etc li.case16{ position:absolute; left:250px; top:177px}
.business .gnb_area li ul li.sub_etc li.case17{ position:absolute; left:250px; top:206px}
.business .gnb_area li ul li.sub_etc li.case18{ position:absolute; left:250px; top:235px}
.business .gnb_area li ul li.sub_etc li.case19{ position:absolute; left:250px; top:264px}
.business .gnb_area li ul li.sub_etc li.case20{ position:absolute; left:250px; top:293px}
.business .gnb_area li li a{ color:#3474bb; font-size:15px; font-weight:bold; margin-bottom:10px; padding:0 !important; line-height:22px;}
.business .gnb_area li li a:hover{ background:none}
.business .gnb_area li li a:hover:after{ background:none}
.business .gnb_area li ul ul{ padding:0 0 30px 0}
.business .gnb_area li li li{ position:static; padding-left:0; margin-bottom:5px;}
.business .gnb_area li li li a{ font-size:13px; color:#333; margin-bottom:0; font-weight:normal; position:relative;  }
.business .gnb_area li li li a:hover{ text-decoration:underline !important }

.business .gnb_area.customer li li a{ padding:0 !important}
.business .gnb_area.bank_info li li a{ padding:0 !important}
.business .gnb_area.portal li li a{ padding:0 !important}
/*.business .gnb_area li li li a:hover:after{width:100%; height:1px; background:#4971b7; position:absolute; bottom:1px; left:0; content: '';}*/

/*ì&nbsp;•ë³´ë‹´ë‹¹ìžì˜ì—­*/
.charge_area{ width:100%; height:26px;}
.charge_area p{ width:980px; margin:0 auto; text-align:right; vertical-align:bottom; padding-top:5px;}
.charge_area p span{ position:relative; padding:0 25px 0 8px; font-size:13px; color:#666}
.charge_area p span:before{content:""; position:absolute; width:3px; height:10px; left:0; top:5px; background:#a6a6a6}

.btn_plus_time{display:inline-block; padding:0 0 0 8px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 0; line-height:16px; text-decoration:none !important;}
.btn_plus_time span{display:inline-block; height:18px; padding:0 9px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% 0; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#3764b3; letter-spacing:-1px; font-weight:bold}
.business_area .btn_login{display:inline-block; padding:0 0 0 10px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -23px; line-height:23px; text-decoration:none !important;}
.business_area .btn_login span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -23px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.business_area .btn_login:hover{display:inline-block; padding:0 0 0 10px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -77px; line-height:23px; text-decoration:none !important;}
.business_area .btn_login:hover span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -77px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.business_area .btn_logout{display:inline-block; padding:0 0 0 10px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -104px; line-height:23px; text-decoration:none !important;}
.business_area .btn_logout span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -104px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.business_area .btn_logout:hover{display:inline-block; padding:0 0 0 10px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -131px; line-height:23px; text-decoration:none !important;}
.business_area .btn_logout:hover span{display:inline-block; height:25px; padding:0 12px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -131px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold}
.business_area .btn_cert_center{display:inline-block; padding:0 0 0 12px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -50px; line-height:23px; text-decoration:none !important;}
.business_area .btn_cert_center span{display:inline-block; height:25px; padding:0 13px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -50px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#333; letter-spacing:-1px; font-weight:bold}
.business_area .btn_cert_center:hover{display:inline-block; padding:0 0 0 12px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -50px; line-height:23px; text-decoration:none !important;}
.business_area .btn_cert_center:hover span{display:inline-block; height:25px; padding:0 13px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -50px; font-size:14px; letter-spacing:-1px; white-space:nowrap; color:#6695b1; letter-spacing:-1px; font-weight:bold}
.business_area .btn_cert_center.myinfo:hover span{ color:#666 !important;}
.page_location_wrap .btn_top_faq{display:inline-block; padding:0 0 0 25px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -158px; line-height:22px; text-decoration:none !important;}
.page_location_wrap .btn_top_faq span{display:inline-block; height:24px; padding:0 8px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -158px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#575757; letter-spacing:-1px; font-weight:bold}
.page_location_wrap .btn_top_print{display:inline-block; padding:0 0 0 25px !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 0 -187px; line-height:22px; text-decoration:none !important;}
.page_location_wrap .btn_top_print span{display:inline-block; height:24px; padding:0 8px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/menu/btn_menu.png) no-repeat 100% -187px; font-size:12px; letter-spacing:-1px; white-space:nowrap; color:#575757; letter-spacing:-1px; font-weight:bold}

.page_location_wrap{ width:100%; height:40px; border-bottom:1px solid #eaeaea}
.page_location_area{width:980px; margin:0 auto; position:relative}
.page_location_area ul{margin-left:20px;}
.page_location_area ul li{ display:inline-block;  }
.page_location_area ul li a{ display:block; line-height:40px; color:#333; font-size:14px; padding-right:30px; position:relative}
.page_location_area ul li a:after{width:4px; height:7px; background:url(/images/biz_new/menu/ico_location_arrow.gif) no-repeat 0 0;  position:absolute; top:17px; right:10px; content: '';}
.page_location_area ul li a.home{ background:url(/images/biz_new/menu/ico_location.gif) no-repeat 50% 50%; width:15px; height:13px; padding-right:9px; vertical-align:bottom}
.page_location_area ul li a.home:after, .page_location_area ul li.last a:after{ display:none}
.page_location_area ul li.last{ color:#333; font-weight:bold}
.page_location_area .top_btn_area{ position:absolute; right:25px; top:7px;}
.page_location_area .top_btn_area a:first-child{ margin-right:1px}


/*LNB ì˜ì—­*/
#leftArea{ padding-top:32px !important}
.left_wrap{ width:200px;}
.left_wrap h3{ color:#333; font-size:26px; font-weight:bold; padding-bottom:25px; font-family:ë§‘ì€ê³&nbsp;ë”•, malgun gothic !important;}
.left_wrap .sub_left_menu{ border-top:3px solid #52718b;}
.left_wrap .sub_left_menu li{ border-bottom:1px solid #d4dde3}
.left_wrap .sub_left_menu li li{ border-bottom:0 none}
.left_wrap .sub_left_menu li a{ display:block; padding:10px 22px 12px 9px;  font-size:15px; font-weight:bold; color:#333; position:relative}
.left_wrap .sub_left_menu li a.selected{ color:#0072bc}
.left_wrap .sub_left_menu li a:after{width:12px; height:7px; background:url(/images/biz_new/menu/ico_lnb_down.gif) no-repeat; position:absolute; top:18px; right:7px; content: '';}
.left_wrap .sub_left_menu li a.selected:after{width:12px; height:7px; background:url(/images/biz_new/menu/ico_lnb_up.gif) no-repeat 0 0; position:absolute; top:18px; right:7px; content: '';}
.left_wrap .sub_left_menu li.none a:after{ display:none}
.left_wrap .sub_left_menu div{ background:#edf4fb; border:1px solid #4471a0; position:relative}
.left_wrap .sub_left_menu div:before{width:10px; height:6px; background:url(/images/biz_new/menu/ico_left_top_arrow.gif) no-repeat; position:absolute; top:-6px; left:9px; content: '';}
.left_wrap .sub_left_menu div ul{ padding:4px 14px 4px 14px;}
.left_wrap .sub_left_menu li li{padding:3px 0 3px 0; position:relative; background:url(/images/biz_new/menu/ico_lnb_plus.png) no-repeat 100% 12px;}
.left_wrap .sub_left_menu li li a{display:block; font-size:14px; font-weight:normal; color:#333; padding:0 0 3px 0}
.left_wrap .sub_left_menu li li a:hover,.left_wrap .sub_left_menu li li a.selected{ color:#225187; font-weight:bold; text-decoration:underline !important}
/*.left_wrap .sub_left_menu li li a:hover:before,.left_wrap .sub_left_menu li li a.selected:before{width:100%; height:1px; background:#4971b7; position:absolute; bottom:10px; left:0; content: '';}*/
/*.left_wrap .sub_left_menu li li:after{width:8px; height:8px; background:url(/images/biz_new/menu/ico_lnb_plus.png) no-repeat 0 0; position:absolute; top:12px; right:0; content: '';}*/
.left_wrap .sub_left_menu li li.none:after{ display:none}
.left_wrap .sub_left_menu li li.none{ padding-right:0 !important; background:none}
.left_wrap .sub_left_menu li li a:after{ display:none}
.left_wrap .sub_left_menu li li.selected{ color:#225187; font-weight:bold; background:url(/images/biz_new/menu/ico_lnb_minus.png) no-repeat 100% 12px;}
.left_wrap .sub_left_menu li li.none.selected{ background:none}
/*.left_wrap .sub_left_menu li li.selected:after{width:8px; height:8px; background:url(/images/biz_new/menu/ico_lnb_minus.png) no-repeat 0 0; position:absolute; top:12px; right:0; content: '';}*/
.left_wrap .sub_left_menu div ul ul{ background:#fff; padding:0 0 5px 0; margin:5px -14px 0 -14px; border-top: 1px solid #dff1f9; border-bottom: 1px solid #dff1f9}
.left_wrap .sub_left_menu div ul ul li{ background:none; padding:3px 3px 3px 0;}
.left_wrap .sub_left_menu div ul ul li a{ font-size:13px; color:#666; margin-left:20px; position:relative; display:inline-block; padding-top:0; padding-bottom:0 }
.left_wrap .sub_left_menu div ul ul li a.selected{ color:#306c9e; font-weight:bold }
/*.left_wrap .sub_left_menu div ul ul li a.selected:before{width:100%; height:1px; background:#4971b7; position:absolute; bottom:10px; left:0; content: '';}*/
.left_wrap .sub_left_menu div ul ul li:after{ display:none}
/*.left_wrap .sub_left_menu div ul ul li a:hover:before,.left_wrap .sub_left_menu div ul ul li a.selected:before{width:100%; height:1px; background:#4971b7; position:absolute; bottom:0px; left:0; content: '';}*/
.left_business{ width:200px;}
.left_business .btn_business_area{ overflow:hidden}
.left_business .btn_business_area.type01 li{ float:none; width:100%; margin-bottom:5px;}
.left_business .btn_business_area.type01 li .btn_b_pay span{ width:145px; text-align:left;}
.left_business .btn_business_area.type01 li a.btn_b_pay01 span{ width:151px; text-align:left; }
.left_business .btn_business_area li .btn_b_pay{display:inline-block; padding:0 0 0 38px !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 0 -1289px; line-height:38px; text-decoration:none !important;; vertical-align:top; position:relative; height:40px}
.left_business .btn_business_area li .btn_b_pay em{ position:absolute; right:15px; top:0; display:inline-block;}
.left_business .btn_business_area li .btn_b_pay em a{ font-size:14px; color:#c6feff; display:inline; position:relative}
.left_business .btn_business_area li .btn_b_pay em a:hover:after{width:100%; height:1px; background:#c6feff; position:absolute; bottom:-1px; left:0; content: '';}
.left_business .btn_business_area li .btn_b_pay em strong{ font-size:18px; font-weight:bold; vertical-align:top; display:inline-block; margin-right:5px}
.left_business .btn_business_area li .btn_b_pay span{display:inline-block; height:40px; padding:0 18px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 100% -1289px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px; font-weight:bold; vertical-align:top}
.left_business .btn_business_area li .btn_b_pay01{display:inline-block; padding:0 0 0 38px !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 0 -1334px; line-height:38px; text-decoration:none !important; vertical-align:top;  height:40px}
.left_business .btn_business_area li .btn_b_pay01 em{ background:url(/images/biz_new/common/btn_ico_business.png) no-repeat 0 -22px; width:14px; height:30px; display:inline-block; padding:0 5px 0 0;  vertical-align:top}
.left_business .btn_business_area li .btn_b_pay01 span{display:inline-block; height:40px; padding:0 11px 0 0 !important; margin-right:0 !important; background:url(/images/biz_new/common/bg_btn.png) no-repeat 100% -1334px; font-size:13px; letter-spacing:-1px; white-space:nowrap; color:#fff; letter-spacing:-1px;  font-weight:bold; vertical-align:top}
.left_business .m_business{ border-bottom:1px dashed #cccccc; margin-bottom:40px;}
.left_business .m_business dl{ padding:0 10px 12px 10px; overflow:hidden}
.left_business .m_business dl dt{ float:left; font-size:13px; color:#666; background:url(/images/biz_new/common/ico_m_business.gif) no-repeat 0 5px; padding-left:16px; vertical-align:top}
.left_business .m_business dl dd{ float:right; font-size:13px; color:#333;  vertical-align:top}
.left_business .m_business dl dd a{ font-size:14px; font-weight:bold; color:#333;   position:relative; vertical-align:-1px}
.left_business .m_business dl dd a em{ display:inline-block; margin-right:5px; color:#333;}
.left_business .m_business dl dd a:hover:after{width:100%; height:1px; background:#333; position:absolute; bottom:-1px; left:0; content: '';}
.left_use_list{ position:relative; margin-top:20px; min-height:250px;}
.left_use_list .use_list_menu{ background:#338ec9; border:1px solid #0072bc; width:198px; display:block; color:#fff; font-weight:bold; font-size:15px; line-height:36px; height:38px; text-indent:12px; position:relative}
.left_use_list .use_list_menu em{ position:absolute; width:12px; height:6px; right:11px; top:17px;}
.left_use_list .use_list_menu.up em{ background:url(/images/biz_new/common/ico_use_list_menu_up.png) no-repeat 0 0}
.left_use_list .use_list_menu.down em{ background:url(/images/biz_new/common/ico_use_list_menu_down.png) no-repeat 0 0}
.left_use_list div{ border-bottom:1px solid #0072bc; border-left:1px solid #0072bc; border-right:1px solid #0072bc; width:198px; position:absolute; }
.left_use_list div ul{ padding:15px 10px}
.left_use_list div ul li{ margin-top:10px; overflow:hidden; position:relative; }
.left_use_list div ul li:first-child{  margin-top:0}
.left_use_list div ul li a.list_text{display:inline; position:relative; float:left; width:150px; line-height:18px;}
.left_use_list div ul li a.list_text:hover{ color:#0072bc; text-decoration:underline }
.left_use_list div ul li a.list_del{ width:12px; height:12px; background:url(/images/biz_new/common/btn_left_use_list_del.gif) no-repeat 0 0; position:absolute; right:0; top:6px}
.left_ban_biz{ padding-top:10px;}

/*ë¡œê·¸ì¸ ì˜ì—­*/
#logincontents{ width:980px; margin:0 auto; padding: 16px 0 0 0;}
.total_login_wrap{ border-top:2px solid #0059ab; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; /* margin-top:28px;*/}
.total_login_wrap .total_login{ padding:35px 50px 40px 50px; background:url(/images/biz_new/common/ico_login.gif) no-repeat 89% 100px}
.total_login_wrap .total_login dt{ font-size:18px; font-weight:bold; margin-bottom:14px;}
.total_login_wrap .login_info{ background:#fcfcfc; border-top:1px solid #eee; padding:14px 50px 26px 50px}
.total_login_wrap .login_info dt{ font-size:14px; color:#666; font-weight:bold; margin-bottom:12px;}
.total_login_wrap .login_info li{ color:#666; font-size:13px;  line-height:20px;}
.total_login_wrap .total_login .btn_wrap{ position:relative; margin-top:27px;}
.total_login_wrap .total_login .btn_wrap ul{ position:absolute; left:325px; top:0}
.total_login_wrap .total_login .btn_wrap ul li{ margin-bottom:5px;}
.btn_login_cert{ display:inline-block; width:320px; height:85px; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -396px; border:0; padding:0; margin:0; font-size:18px; color:#fff; font-weight:bold}
.btn_cert_line{ display:inline-block; width:185px; height:40px; background:url(/images/biz_new/common/bg_btn_b.png) no-repeat 0 -486px; border:0; padding:0; margin:0; font-size:15px; color:#006db8; font-weight:bold}
.login_sub_conwrap{ margin:25px auto 0;  width:910px; overflow:hidden }
.login_sub_conwrap li.accident_wrap{ margin-right:60px; position:relative}
.login_sub_conwrap li.accident_wrap:after{width:1px; height:114px; position:absolute; top:4px; right:-72px; content: ''; background:#eeeeee}
.login_sub_conwrap li.accident_wrap, .login_sub_conwrap li.cust_wrap{ float:left}
.accident_wrap dt{ color:#333; font-size:16px; font-weight:bold; margin-bottom:17px;}
.accident_wrap dd{ margin-left:8px;}
.accident_wrap a{ display:inline-block; text-align:center; background:url(/images/biz_new/common/bg_login_icon.png) no-repeat 50% 0}
.accident_wrap a span{ display:block; padding-top:62px;}
.accident_wrap a.img01{ background-position:50% 0; margin-right:66px}
.accident_wrap a.img02{ background-position:50% -136px;  margin-right:66px}
.accident_wrap a.img03{ background-position:50% -272px;  margin-right:43px}
.accident_wrap a.img04{ background-position:50% -408px}
.cust_wrap{ background:url(/images/biz_new/common/ico_customer.gif) no-repeat 100% 40px; width:320px; margin-left:50px}
.cust_wrap dt{ color:#333; font-size:16px; font-weight:bold; margin-bottom:12px;}
.cust_wrap li span{ display:block; padding-left:62px;}

#wrapper .header_new_wrap{width:100%; min-width:1000px; height:auto !important; }
#header a, #leftArea a, #footer a{text-decoration:none;}
#header .header_new{position:relative; z-index:3; width:980px;  margin:0 auto;}
#header .header_new:after{content:""; display:block; clear:both;}
.mainLogoArea{float:left; width:240px; padding-top:57px;}
.mainLogoArea h1{float:left; width:100%; height:39px; font-family:NanumGothicBold,NanumGothicBoldWEB;}
.mainLogoArea .welcome{position:absolute; top:0; left:0; width:245px;}
.mainLogoArea .welcome:after{content:""; display:block; clear:both;}
.mainLogoArea .welcome .ellipsis{max-width:140px;_width:140px;}
.mainLogoArea .welcome .name{padding:1px 0 0 0;}
.mainLogoArea .welcome .sir{display:inline; padding:1px 0 0 5px; line-height:18px;}
.mainLogoArea .welcome .icon{width:38px; height:17px; padding-top:1px; margin-right:5px; background:url(/images/common/bg_wc_biz_icon.gif) no-repeat; text-align:center; color:#fff;}
.mainLogoArea .welcome .iconLB{background-position:-38px 0;}
.welcome span, .welcome a{float:left; font-size:11px; line-height:18px; letter-spacing:-1px; color:#d5d9e1;}
.mainLogoArea .welcome .psn{padding:5px 0 0 25px; background:url(/images/common/ico_psn.png) no-repeat 0 2px;}
.mainLogoArea .welcome .biz{padding:5px 0 0 25px; background:url(/images/common/ico_biz.png) no-repeat 0 6px;}
.mainLogoArea .wMore{display:block; padding-right:15px; background:url(/images/common/bg_welcome_more.gif) no-repeat 100% 12px;}
.mainLogoArea .wHover{width:240px; height:45px; padding-right:6px; background:url(/images/common/bg_welcome_hover.gif) no-repeat;}
.mainLogoArea .wHover .biz{padding-left:31px; background-position:5px 9px;}
.mainLogoArea .wHover a{width:100%;height:100%;}
.mainLogoArea .wHover a span{color:#666 !important;}
.mainLogoArea .wHover .icon{margin-top:2px; background-position:0 -18px; color:#fff !important;}
.mainLogoArea .wHover .iconLB{background-position:-38px -18px;}
.mainLogoArea .wHover .name{float:none;display:inline;max-width:150px;_width:150px;}
.mainLogoArea .wHover .sir{float:none;padding:1px 3px 0 2px;}
.mainLogoArea .wHover .psn{background-position:3px 3px;}
.mainLogoArea .logIn, .logIn li{float:left;}
.menuWrap{float:right; width:730px;}
.hTopWrap{float:left; width:100%; height:50px;}
.hTopWrap li{float:left;}
.bHMenu{float:left;}
.bHMenu a{overflow:hidden; display:block; width:55px; height:28px; text-indent:-500000px; background:url(/images/common/btn_choice_banking.gif) no-repeat;}
.bHMenu a.selected{background-position:0 -28px;}
.bHMenu .biz a{background-position:-55px 0;}
.bHMenu .biz a.selected{background-position:-55px -28px;}
.bCMenu{float:right;}
.bmWrap{float:left; width:100%; height:34px;}
.bmMenu, .bmMenu li{float:left;}
.bmMenu li{padding-right:2px;}
.bmMenu a{overflow:hidden; display:block; width:66px; height:25px; text-indent:-50000px;}
.bmMenu a.selected{height:30px; background-position:0 -25px;}
/* ê°œì¸ë±…í‚¹ë©”ë‰´ */
.bmPsn a{background:url(/images/common/m_bankingmenu_psn.jpg) no-repeat;}
.bmPsn .bm2 a{background-position:-68px 0;}
.bmPsn .bm2 a.selected{background-position:-68px -25px;}
.bmPsn .bm3 a{background-position:-136px 0;}
.bmPsn .bm3 a.selected{background-position:-136px -25px;}
.bmPsn .bm4 a{background-position:-204px 0;}
.bmPsn .bm4 a.selected{background-position:-204px -25px;}
.bmPsn .bm5 a{background-position:-272px 0;}
.bmPsn .bm5 a.selected{background-position:-272px -25px;}
/* ê¸°ì—…ë±…í‚¹ë©”ë‰´ */
.bmBiz a{background:url(/images/common/m_bankingmenu_biz.jpg) no-repeat;}
.bmBiz .bm2 a{width:91px; background-position:-68px 0;}
.bmBiz .bm2 a.selected{background-position:-68px -25px;}
.bmBiz .bm3 a{background-position:-161px 0;}
.bmBiz .bm3 a.selected{background-position:-161px -25px;}
.bmBiz .bm4 a{background-position:-229px 0;}
.bmBiz .bm4 a.selected{background-position:-229px -25px;}
.bmBiz .bm5 a{background-position:-297px 0;}
.bmBiz .bm5 a.selected{background-position:-297px -25px;}
.bmBiz .bm6 a{width:96px; background-position:-365px 0;}
.bmBiz .bm6 a.selected{background-position:-365px -25px;}

.bmWrapInner{float:right;width:320px;}
.btn_prev_site{float:left;}
.srhAll{position:relative; float:right; width:179px; height:20px; padding:1px 0 0 2px; background:url(/images/common/bg_srhall.gif) no-repeat;}
.srhAll .inputText{border:0; background:transparent;}
.srhAll .inputBtn{position:absolute; top:1px; right:2px;}

/* global navigation */
#gnb{float:left;}
.gnb{position:relative; width:730px; height:42px; background:url(/images/common/line_gnb.gif) repeat-x 0 100%;}
.gnb:after{content:""; display:block; clear:both;}
.gnb li{position:relative; float:left;}
.gnb li a{position:relative; z-index:2; display:block; padding-left:14px; }
.gnb li a span{display:inline-block; height:30px; padding:12px 16px 0 0; font-size:16px; line-height:18px; font-family:NanumGothic, NanumGothicWEB; color:#323232;}
* html .gnb li a{float:left;}
.gnb li a.opened{background:url(/images/common/m_gnb_l.gif) no-repeat;}
.gnb li a.opened span{font-family:NanumGothicBold,NanumGothicBoldWEB; background:url(/images/common/m_gnb_r.gif) no-repeat 100% 0; color:#0173bf;}
.gnb a.selected{background:url(/images/common/bg_gnb_selected.gif) repeat-x 0 100%; color:#000;}
.gnb a.selected span{font-family:NanumGothicBold,NanumGothicBoldWEB;}
.gnb li div{display:none; position:absolute; top:42px; left:0; z-index:1; width:210px; margin-top:-1px; background:url(/images/common/bg_gnb_sm_b_210.png) no-repeat 0 100%;}
.gnb li ul{padding:12px 3px 26px 1px; background:url(/images/common/bg_gnb_sm_t.png) no-repeat 100% 0;}
.gnb li ul li{float:none; width:100%; border-bottom:1px solid #f1f1f1;}
.gnb li ul li a{float:none; display:block; padding:7px 10px 6px 16px; font-size:12px; line-height:14px; font-family:"ë‹ì›€", Dotum, Arial, Helvetica, sans-serif; letter-spacing:0; line-height:18px;}
.gnb li ul li a:hover{background:#0173bf url(/images/common/bg_smhover_a.gif) no-repeat 0 50%; font-weight:bold; letter-spacing:-1px; color:#fff;}


/* ì‚¬ì´ë“œ ë©”ë‰´ */
#aside{ overflow:visible; position:fixed; left:0; top:0; width:100%; z-index:95; height:auto}
.aside_dimm {display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; background:url(/images/biz_new/common/bg_pop.png) repeat !important;}
.aside_inner {position:absolute; z-index:1000; top:0; right:50px; height:100%;}
.aside{ z-index:1000; width:50px; position:absolute; top:168px; left:0;}
.aside li{ width:50px; height:78px; background:url(/images/biz_new/menu/bg_aside.png) no-repeat 0 0;}
.aside li a{ display:block; width:50px; height:78px; font-size:12px; color:#fff; line-height:16px; text-align:center}
.aside li.on a, .aside li:hover a{ font-weight:bold; color:#456076}
.aside li a span{ padding-top:34px; display:block}
.aside li.aside_menu01{ background-position:0 0}
.aside li.aside_menu01.on, .aside li.aside_menu01:hover{ background-position:-50px 0}
.aside li.aside_menu02{ background-position:0 -78px;}
.aside li.aside_menu02.on, .aside li.aside_menu02:hover{ background-position:-50px -78px;}
.aside li.aside_menu03{ background-position:0 -156px;}
.aside li.aside_menu03.on,.aside li.aside_menu03:hover{ background-position:-50px -156px;}
.aside li.aside_menu04{ background-position:0 -234px;}
.aside li.aside_menu04.on,.aside li.aside_menu04:hover{ background-position:-50px -234px;}
.aside_area{ position:absolute; left:50px; top:0; height:100%; background:url(/images/biz_new/menu/bg_aside_wrap.png) repeat-y 0 0; width:100%; overflow:hidden; z-index:100}
.quick_service{ background:#fff; padding:37px 30px 37px 27px; height:100%; position:relative}
.quick_service dt{ font-size:22px; font-weight:bold; color:#384e60; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:20px}
.quick_service dd li{ width:50%; float:left; text-align:center; background:url(/images/biz_new/menu/bg_quick_service.gif) no-repeat 0 0; margin-bottom:20px }
.quick_service dd li.img01{ background-position:20px 0}
.quick_service dd li.img02{ background-position:-61px 0}
.quick_service dd li.img03{ background-position:20px -109px}
.quick_service dd li.img04{ background-position:-61px -109px}
.quick_service dd li.img05{ background-position:20px -219px}
.quick_service dd li.img06{ background-position:-61px -219px}
.quick_service dd li.img07{ background-position:20px -328px}
.quick_service dd li.img08{ background-position:-61px -328px}
.quick_service dd li.img09{ background-position:20px -437px}
.quick_service dd li.img10{ background-position:-61px -437px}
.quick_service dd li a{ display:block; line-height:18px; padding-top:54px;}
.btn_aside_close{ background:url(/images/biz_new/menu/btn_aside_close.gif) no-repeat 0 0; width:17px; height:17px; display:block; position:absolute; right:30px; top:42px}

.inqy_service{ background:#fff; padding:37px 30px 37px 27px; height:100%; position:relative}
.inqy_service dt{ font-size:22px; font-weight:bold; color:#384e60; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:20px}
.inqy_service dd{ overflow:hidden}
.product_service{ background:#fff; padding:37px 30px 37px 27px; height:100%; position:relative}
.product_service dt{ font-size:22px; font-weight:bold; color:#384e60; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:20px}
.product_service dd li{ margin-bottom:15px; position:relative}
.product_service dd li a{ line-height:17px; display:inline-block; width:90%}
.product_service dd li span{ display:inline-block; position:absolute; right:0; top:5px; padding-left:10px;}
.product_service dd li span a{ display:block; background:url(/images/biz_new/menu/btn_product_service_del.gif) no-repeat 0 0; width:11px; height:11px;}

.all_menu_wrap{ width:100%; height:100%; position:relative; /*background:url(/images/biz_new/menu/bg_all.jpg) repeat 0 0*/}
.all_menu{ width:940px; height:750px; position:absolute; left:50%; top:30px; margin-left:-470px;}
.all_menu dt{ position:relative}
.all_menu dt span{ display:inline-block; margin-top:10px;}
.all_menu dt .all_menu_tab{ width:705px; height:45px; position:absolute; left:204px; top:0; overflow:hidden}
.all_menu dt .all_menu_tab li{ height:43px; border-bottom:1px solid #8b8b8b; border-top:1px solid #8b8b8b; border-right:1px solid #8b8b8b; float:left; width:350px}
.all_menu dt .all_menu_tab li.on{border-bottom:1px solid #0060a8; border-top:1px solid #0060a8; border-right:1px solid #0060a8; background:#0060a8; color:#fff}
.all_menu dt .all_menu_tab li:first-child{border-left:1px solid #8b8b8b;}
.all_menu dt .all_menu_tab li.on:first-child{border-left:1px solid #0060a8;}
.all_menu dt .all_menu_tab li.on a{ color:#fff; font-weight:bold}
.all_menu dt .all_menu_tab li a{ display:block; width:100%; height:43px; text-align:center; color:#cccccc; font-size:18px; line-height:40px;}
.all_menu dt .all_menu_tab li a:hover{ text-decoration:none}
.all_menu dd {height:680px; padding-top:40px;}
.all_menu dd div.all_menu_inner {overflow:hidden;}
.all_menu dd .all_menu_lnb{width:209px;}
.all_menu dd li{ border-right:1px solid #5a5e5f; padding-top:25px; width:209px;}
.all_menu dd li:last-child{ padding-bottom:10px;}
.all_menu dd li .inner { position:absolute; left:260px; top:0; width:680px; height:680px; }
.all_menu dd li .inner .inner_scroll{border-right:1px solid #5a5e5f;}
.all_menu dd li:first-child{padding-top:0;}
.all_menu dd li a{ color:#fff; font-size:18px; font-weight:bold; display:inline; position:relative}
.all_menu dd li.on a:after{width:100%; height:1px; background:#88c6fa; position:absolute; top:29px; left:0; content: '';}
.all_menu dd li a:hover{ color:#88c6fa; font-size:20px; text-decoration:none}
.all_menu dd li.on a{ color:#88c6fa; font-size:20px;}
/*.all_menu dd li ul{ position:absolute; left:260px; top:0; height:100% }*/
.all_menu dd li ul li{ border-right:0 none; width:340px;}
.all_menu dd li.on li a{ color:#b0b0b0; font-weight:normal; font-size:20px; line-height:28px;}
.all_menu dd li.on li a:after{ display:none}
.all_menu dd li.on li a:hover{ color:#fff;}
.all_menu dd li ul li.on a{ color:#fff;}
.all_menu dd li ul li.on a:after{ display:none}
.all_menu dd li ul ul{ position:static; margin-top:-28px; margin-left:340px;}
.all_menu dd li ul ul li{ padding-top:4px; width:200px;}
.all_menu dd li ul li li a{ font-size:16px !important; color:#b0b0b0; line-height:22px !important;}
.all_menu dd li ul li.on li a:hover, .all_menu dd li ul li li a:hover{ color:#88c6fa !important}
.all_menu dd li ul li.on li a{ font-size:16px; color:#fff; line-height:22px;}
.all_menu .btn_all_close{ width:24px; height:24px; background:url(/images/biz_new/menu/btn_all_menu.png) no-repeat; display:block; position:absolute; right:-8px; top:10px; text-indent:-9999px;}
.asideLayer{position:relative; display:none; height:100%; background:url(/images/common/bg_aside_layer.gif) repeat-y;}


* html .asideLayer{float:none;}
.btnLayerClose{position:absolute; top:15px; right:10px;}
.myMenu, .todayItem{width:0px; overflow:hidden;}
.myMenu .login{padding:15px 0 0 20px;}
.myMenu h2, .todayItem h2{padding:47px 0 26px 20px;}
.myMenu ul, .todayItem ul{width:170px; padding-left:20px;}
.myMenu ul:after, .todayItem ul:after{content:""; display:block; clear:both;}
.myMenu ul li, .todayItem ul li{float:left; width:100%; border-bottom:1px solid #dedede;}
.myMenu ul li .fLeft, .todayItem ul li .fLeft{padding:9px 0 7px 0;}
.myMenu ul li a, .todayItem ul li a{color:#333;}

.quickSearch{width:0;}
.quickSearch h2{height:59px; padding:26px 0 0 30px;}
.quickSearch .tCont{}
.quickSearch .tCont iframe{margin-bottom:30px;}
.quickSearch .tabStyle{width:730px !important; padding-left:20px; background:#fff url(/images/common/bg_aside_layer.gif) repeat-y;}
.quickSearch .tabStyle dt.tMenu{width:129px;}
.quickSearch .tabStyle dt.tMenu.selected{width:130px;}
.quickSearch .tm2{left:150px;}
.quickSearch .tm3{left:280px;}
.quickSearch .tm4{left:410px;}
.quickSearch .tm5{left:540px;}
.quickSearch .resultWrap{}
.quickSearch .resultWrap .dlTypeTb, .quickSearch .resultWrap .tableWrap{width:710px;}
.quickSearch .resultWrap .dlTypeTb .wd50 dd{width:175px;}
.quickSearch .rw1{height:380px;}
.quickSearch .rw2{height:280px;}
.quickSearch .rw3{height:450px;}
.quickSearch .rw4{height:620px;}
.quickSearch .rw5{height:620px;}


/* mainLypop by 140605 */
.mainLyPop{position:absolute;z-index:10;top:405px; margin-top:-70px;left:30%; width:500px;background:#fff;border:none;}
.mainLyPop .popNWrap{position:relative;width:100%;padding:0 0 15px 0;border:2px solid #999;}
.mainLyPop .popNTitle{position:relative;z-index:10;width:100%; padding:12px 0 11px 0; background:#1c4693 url(/images/contents/bg_lpop_title.jpg) no-repeat 100% 0; border-bottom:1px solid #ebebeb; font-family:NanumGothicBold, NanumGothicBoldWEB; color:#fff; font-size:16px; line-height:20px; text-indent:23px;}
.mainLyPop .lypopText{clear:both;padding:30px;height:180px;overflow:hidden;overflow-y:scroll}
.mainLyPop .lypopText .text01{font-size:14px;font-weight:bold;line-height:18px;margin-bottom:10px;}
.mainLyPop .lypopText .text02{font-size:12px;margin-bottom:10px;line-height:16px;}
.mainLyPop .lypopText .text03{font-size:12px;font-weight:bold;}
.mainLyPop .lypopText .point1{color:red}
.mainLyPop .mainLyPopClose{position:absolute;right:10px;top:10px;z-index:100;display:block;*zoom:1;}

#footer{ background:none !important; padding-top:0 !important}
.footer_new_wrap{ width:100%; border-top:1px solid #e4e4e4; margin-bottom:20px; margin-top:40px}
.footer_data_wrap{ width:980px; margin:15px auto 0; position:relative}
.footer_go_area { overflow:hidden}
.footer_go_area li{float: left;margin-right: 24px;position: relative;} /* 675ì¤„ */
.footer_go_area li a{display: inline-block;color: #666;font-size:12px;} /* 676ì¤„ */
.footer_go_area li a strong{font-weight: bold;color: #222;} /* 677ì¤„ */
.footer_go_area li:after {content: "";display: block;position: absolute;width: 1px;height: 10px;background: #d3d3d3;left: -11px;top: 7px;} /* 678ì¤„ */
.footer_go_area li:first-child:after{ display:none}
.footer_tel{ overflow:hidden; margin-top:13px;}
.footer_tel li{float:left; margin-right:35px; position:relative}
.footer_tel li:after{content:""; display:block;  position:absolute; width:4px; height:4px; background:url(/images/biz_new/menu/bg_foot_dot.gif) no-repeat 0 0; left:-18px; top:10px;}
.footer_new_wrap .copyright{ font-family:Tahoma; color:#666; font-size:13px; letter-spacing:0; margin-top:2px;}
.footer_site{ position:absolute; right:0; top:0; background:url(/images/biz_new/menu/bg_footer.gif) no-repeat 0 0}
.footer_site a{ display:inline-block; width:22px; height:22px; text-indent:-9999px}
.footer_site a.btn_footer_face{}
.footer_site a.btn_footer_blog{}
.footer_new_wrap .web_logo{ position:absolute; right:70px; top:-10px;}


/*ìŠ¤í…ê°€ì´ë“œ*/
.step_process{ float:right;  text-align:right; margin-top:24px;}
.step_process dt{ display:inline-block; font-size:15px; font-family:Tahoma; font-weight:bold; color:#333; margin-right:3px;}
.step_process dd{ display:inline-block}
.step_process dd li{ display:inline-block; width:23px; height:23px; text-align:center; background:url(/images/biz_new/common/bg_step.png) 0 -23px; font-size:14px; line-height:21px;}
.step_process dd li.on{ background-position:0 0; font-weight:bold; color:#fff}
.step_process dd li em{display: block; overflow: hidden;  font-size: 0; line-height: 0;  position:absolute; text-indent:-9999px; width:1px; height:1px;}
.step_process:after{content:""; display:block; clear:both;}

.step_wrap{ overflow:hidden}
.step_process_txt{ float:right;  text-align:right;}
.step_process_txt dd{ display:inline-block}
.step_process_txt dd li{display:inline-block; font-size:16px; font-weight:bold; margin-right:1px;}
.step_process_txt dd li span{display:inline-block; width:23px; height:23px; text-align:center; background:url(/images/biz_new/common/bg_step.png) 0 -23px; font-size:14px; line-height:21px;}
.step_process_txt dd li.on span{ background-position:0 0; font-weight:bold; color:#fff; margin-right:3px;}
.step_process_txt dd li em{display: block; overflow: hidden;  font-size: 0; line-height: 0;  position:absolute; text-indent:-9999px; width:1px; height:1px;}
.step_process_txt:after{content:""; display:block; clear:both;}

.present_time_area{ border:1px solid #ededed; background:#fdfdfd; overflow:hidden; width:100%; margin-bottom:5px}
.present_time_area p{ font-size:13px; color:#333; text-align:right; padding:10px;}
.present_time_area p span{ background:url(/images/biz_new/common/ico_present_time.png) no-repeat 0 0; display:inline-block; width:15px; height:15px; vertical-align:middle; margin-right:5px;}


.pop_login_box_wrap{ overflow:hidden}
.pop_login_box_wrap h2{ color:#0072bc; font-size:26px; font-weight:bold; margin-bottom:10px;}
.pop_login_box_wrap .pop_login_box{ border:1px solid #ddd; margin-top:12px;  min-height:230px;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data{ padding:40px 30px; overflow:hidden;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data dt{ position:relative; margin-bottom:9px;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data dt .btn_mouse{ position:absolute; top:-3px; left:343px;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .data_list{ position:relative;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .data_list .btn_area{ position:absolute; bottom:7px; right:119px;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .data_list .btn_area button{ margin-right:3px;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .data_list li{ padding-bottom:7px;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .data_list label{ font-weight:bold; width:106px; display:inline-block; vertical-align:middle; padding-left:0}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .t_login{ font-weight:bold; width:106px; display:inline-block; vertical-align:top;}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .data_list .m_number{ position:relative; padding:0 0 0 10px; display:inline-block; margin-left:8px; vertical-align:middle}
.pop_login_box_wrap .pop_login_box .pop_login_box_data .data_list .m_number:before{width:4px; height:1px; background:#333; position:absolute; top:10px; left:0px; content: '';}

.board_search_area{ overflow:hidden; margin-bottom:12px; position:relative}
.board_search_area select{ margin-right:2px;}
.board_search_area button{ margin-left:4px;}
.board_search_area .btn_board_area{ position:absolute; right:0; top:0}

.board_view{ overflow:hidden; border-bottom:1px solid #ccc }
.board_view .board_info{border-top:2px solid #0059ab; border-bottom:1px solid #e5e5e5; background:#f4fbff; position:relative}
.board_view .board_info.type01{ border-top:1px solid #0059ab;}
.board_view .board_info.type02{ background:#f9f9f9; border-top:1px solid #0059ab;}
.board_view .board_info .b_tit{ font-weight:bold; padding:15px 20px 17px 20px;}
.board_view .board_info .board_num{ position:absolute; right:230px; top:18px; font-size:13px;}
.board_view .board_info .board_date{ position:absolute; right:90px; top:18px; font-size:13px;}
.board_view .board_info .board_check{ position:absolute; right:20px; top:18px; font-size:13px;}
.board_view .board_info .board_name{ position:absolute; right:90px; top:18px; font-size:13px;}
.board_view .board_data_view &gt; div{ padding:30px 20px; font-size:14px; }
.board_view .board_file ul{ padding:14px 20px; border-top:1px dashed #ccc}
.board_view .board_file li{ margin-top:4px;}
.board_view .board_file li:first-child{ margin-top:0;}
.board_view .board_file li a.file_down{ background:url(/images/biz_new/common/ico_file.gif) no-repeat 0 4px; text-indent:20px; position:relative; display:inline-block; vertical-align:top; font-size:13px; color:#666}
.board_view .board_file li span{ display:inline-block; margin-left:10px;  font-size:13px; color:#666}
.board_navi {width:100%; display:block; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top:40px;}
.board_navi ul li {display:block; padding:10px 20px; border-top:1px solid #e5e5e5;}
.board_navi ul li:first-child {border-top:0 none;}
.board_navi ul li strong {width:70px; display:inline-block; background:url(/images/biz_new/common/ico_board_navi.png) no-repeat 0 100%; padding-left:28px;}
.board_navi ul li:first-child strong {background-position:0 2px;}


/*ëª¨ë°”ì¼&amp;ìŠ¤ë§ˆíŠ¸ë¼ì´í”„*/
	/* íƒ­ ì˜ì—­ */ 
#popupWrap .mo_new_tab {position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; /* margin:0 -15px; */ padding:0 15px 15px; border-bottom:2px dashed #0065a1}
#popupWrap .mo_new_tab ul {height:43px;margin:0; padding:0 0 0 8px}
#popupWrap .mo_new_tab ul:after {clear:both}
#popupWrap .mo_new_tab ul li {display:block; float:left; width:250px; height:43px; list-style:none; margin:0; padding:0; background:#fff}
#popupWrap .mo_new_tab ul li a {display:inline-block; width:100%; padding:8px 0 11px; font-size:17px; text-align:center; font-weight:normal; letter-spacing:-2px; text-decoration:none; color:#333}
#popupWrap .mo_new_tab ul .selected {background:url(/images/sub_new_main/btn_molife_tab_biz.png) no-repeat 50% 50%}
#popupWrap .mo_new_tab ul .selected a {font-size:18px; font-weight:bold; color:#fff}
	/* ì½˜í…ì¸&nbsp; ì˜ì—­ */ 
#popupWrap .mobile_content_biz {display:block; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; width:100%; margin:0; padding:27px 0 40px 0; } 
#popupWrap .mobile_content_biz div p {overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
#popupWrap .mobile_content_biz .content_title {overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;} 
#popupWrap .mobile_content_biz .content_title span {color:#3978ce} 
#popupWrap .mobile_content_biz .title_violet {overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
#popupWrap .mobile_content_biz .mo_tab01 {display:block; height:478px; margin:3px 0 0 0; padding:0 0 0 319px; background:url(/images/sub_new_main/bg_molife_tab01_biz.png) no-repeat 0 0}
#popupWrap .mobile_content_biz .mo_tab02 {display:none; height:478px; margin:3px 0 0 0; padding:0 0 0 344px; background:url(/images/sub_new_main/bg_molife_tab02_biz.png) no-repeat 0 0}
#popupWrap .mobile_content_biz .mo_tab03 {display:none; height:478px; margin:3px 0 0 0; padding:0 0 0 344px; background:url(/images/sub_new_main/bg_molife_tab03_biz.png) no-repeat 0 0}
	/* QRì½”ë“œ */ 
#popupWrap .qr_biz_wrap {display:block; position:absolute; bottom:55px; right:27px}
#popupWrap .qr_biz_wrap h3 {margin:0; padding:0 0 7px; font-size:16px; line-height:24px; font-weight:bold; letter-spacing:-1px; color:#333}
#popupWrap .qr_biz_wrap .qr_area {width:418px; height:149px; padding:5px 5px 5px; background:url(/images/sub_new_main/bg_molife_qr_area.png) no-repeat 0 0}
#popupWrap .qr_biz_wrap .qr_area div {float:left; width:205px; height:127px; margin:0 0 0 5px; padding:10px 0 10px 1px; text-align:center; background:url(/images/sub_new_main/bg_molife_qr_box.png) no-repeat 0 0}
#popupWrap .qr_biz_wrap .qr_area div.first {margin:0}
#popupWrap .qr_biz_wrap .qr_area h4 {width:116px; height:27px; margin:2px auto 12px; padding:0}
#popupWrap .qr_biz_wrap .qr_area h4 span {display:inline-block; width:0; height:0; margin:0; padding:0; text-indent:-9999px}
#popupWrap .qr_biz_wrap .qr_area .google {background:url(/images/sub_new_main/ico_molife_googleplay.jpg) no-repeat 0 0} 
#popupWrap .qr_biz_wrap .qr_area .appstore {background:url(/images/sub_new_main/ico_molife_appstore.jpg) no-repeat 0 0} 
#popupWrap .qr_biz_wrap .qr_area ul {margin:0; padding:0}
#popupWrap .qr_biz_wrap .qr_area li {display:inline-block; list-style:none; margin:0 25px 0 1px; padding:0;}
#popupWrap .qr_biz_wrap .qr_area li.last {margin:0}
#popupWrap .qr_biz_wrap .qr_area li img {vertical-align:middle}
#popupWrap .qr_biz_wrap .qr_area li span {display:block; width:54px; height:20px; margin-top:10px; padding:0; font-size:13px; line-height:18px; color:#010101; background:url(/images/sub_new_main/bg_molife_qr_txt.gif) no-repeat 0 0}

/*ê³&nbsp;ê°ì„¼í„°&gt;ì´ìš©ì•ˆë‚´&gt;ì•½ê´€ì•ˆë‚´*/
.ttrx_textarea01_01{padding: 5px;}
.ttrx_textarea01_01 div{font-family: ë§‘ì€ê³&nbsp;ë”•, malgun gothic, Dotum, Arial, Helvetica, sans-serif;font-size:14px;}

/* ì¹´ë“œìžë™ë‚©ë¶€ 20180515*/
#ttrx_auto *{font-family:"malgun gothic", Dotum, Arial, Helvetica, sans-serif;}

#ttrx_auto .btn_wrap{text-align: center;margin-top: 20px;}
#ttrx_auto .btn_blue_ttrx01{display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px;letter-spacing: -1px;white-space: nowrap;color: #fff;font-weight: bold;background:url(/images/common/bg_blue_ttrx_01.jpg) no-repeat;width:100px;}
#ttrx_auto .btn_blue_ttrx02{display: inline-block;line-height: 40px;text-decoration: none;font-size: 15px;letter-spacing: -1px;white-space: nowrap;color: #fff;font-weight: bold;background:url(/images/common/bg_blue_ttrx_02.jpg) no-repeat;width:152px;}
#ttrx_auto .btn_wrap span{min-width:50px;}
#ttrx_auto .btn_wrap a{vertical-align:top;}

#ttrx_auto .ttrx_auto_info{background:url(/images/common/bg_ttrx_auto_info.jpg) no-repeat;padding-left:122px;padding-top:35px;}
#ttrx_auto .ttrx_auto_info strong{color:#333;font-size:16px;}
#ttrx_auto .ttrx_auto_info p{color:#333;font-size:14px;padding-top:10px;padding-bottom:39px;}
#ttrx_auto .bulType3{padding-left:11px;background-position:3px 9px !important;}

.tableWrap_ttrx{border-top:1px #0059ab solid;width:730px;overflow:hidden;}
.tableWrap_ttrx table{width:732px;margin-left:-1px;}
.tableWrap_ttrx table th{height:44px;background-color:#f7f7f7;color:#333;text-align:left;padding-left:25px;}
.tableWrap_ttrx table td{padding:0 15px;}
.tableWrap_ttrx table th,.tableWrap_ttrx table td{border:1px #dddddd solid;}
.tableWrap_ttrx table td select,.tableWrap_ttrx table td input{border:1px #ddd solid;padding:5px 7px;font-size:13px;}
.tableWrap_ttrx table td select{width:325px;height:31px;}
.tableWrap_ttrx table td input[type="checkbox"]{width:auto;}
.tableWrap_ttrx table td input{width:50px;}
.tableWrap_ttrx table td input.w200{width:200px;}
.tableWrap_ttrx table td input.w310{width:310px;}

.ttrx_auto_search{line-height:30px;display:inline-block;font-size:12px;background:url(/images/common/bg_ttrx_auto_search.jpg) no-repeat;padding:0 12px 0 32px;letter-spacing:-1px;}
.ttrx_auto_search2{line-height:30px;display:inline-block;font-size:12px;background:url(/images/common/bg_ttrx_auto_search2.jpg) no-repeat;padding:0 12px 0 32px;letter-spacing:-1px;}

.tableWrap_ttrx_list{}
/* 2022.08 : ê°œì¸/ê¸°ì—… ë&nbsp;ˆì´ì–´íŒì—… ì¡°ì&nbsp;• .tableWrap_ttrx_list th,.tableWrap_ttrx_list td{text-align:center !important;font-size:14px;padding:13px 5px !important;line-height:20px;height:18px !important;} */
/* 2022.08  : ê°œì¸/ê¸°ì—… ë&nbsp;ˆì´ì–´íŒì—… ì¡°ì&nbsp;•  */
.tableWrap_ttrx_list th,.tableWrap_ttrx_list td{text-align:center !important;font-size:14px;padding:13px 5px !important;line-height:20px;height:18px !important;}
.tableWrap_ttrx_list table tbody th{border-right:1px solid #ddd;}
.tableWrap_ttrx_list table tbody th~td{border-left:1px solid #ddd;}
.tableWrap_ttrx_list .alignLeft{padding-left:15px ! important;text-align:left ! important;}
.tableWrap_ttrx_list .alignRight{padding-right:15px ! important;text-align:right ! important;}
.tableWrap_ttrx .link{color:#0173bf;text-decoration:underline;font-weight:bold}
.tableWrap_ttrx .link:hover{color:#0173bf;}

.ttrx_auto_chk{margin-top:20px;background:url(/images/common/bg_ttrx_auto_chk.jpg) no-repeat;padding-left:48px;line-height:57px;width:682px;font-size:14px;}

/* 170518 ë©”ì¸ì¶”ê°€ë&nbsp;ˆì´ì–´íŒì—… ì‹œìž‘ */
/* 2022.08 : contetents_bizì™€ ì¤‘ë³µì²˜ë¦¬ë¨
#popupWrap{overflow:visible; position:fixed; left:0; top:0; background:url(/images/biz_new/common/bg_pop.png) repeat !important; width:100%; height:100%; z-index:100}
#popupWrap.back_none{ background:#fff !important}
/popupWrap.introPopupWrap{background-image:url(/images/biz_new/common/bg_intropop.png) !important;}
#popupWrap.introPopupWrap .popTitle{overflow:hidden; position:absolute; width:0; height:0; line-height:0; font-size:0; padding:0; margin:0;}
#popupWrap.introPopupWrap .popupWrap{border:none; background:none;}
#popupWrap.introPopupWrap .popInnerWrap dl{ width:802px; height:496px; margin:0 auto; position:relative; background:url(/images/biz_new/main/img_lypop_intro.png) no-repeat 0 0}
#popupWrap.introPopupWrap .popInnerWrap dl a{ display:block;overflow:hidden; position:absolute; left:40px; top:310px; width:139px; height:40px;font-size:0;text-indent:-9999px;}
#popupWrap.introPopupWrap .popInnerWrap dl a.go_view02{left:186px;}
#popupWrap.introPopupWrap .popInnerWrap .check{top:-70px;left:35px;}
#popupWrap.introPopupWrap .popInnerWrap .check .btn_lypop {display:inline-block;overflow:hidden;position:relative;top:5px;left:6px;width:26px; height:26px;font-size:0;text-indent:-9999px;background:url(/images/biz_new/main/btn_lypop_close.png) no-repeat 0 0}
.popupWrap{ width:680px; margin:0 0; border:1px solid #006db8; background:#fff url(/images/biz_new/common/bg_pop_logo.gif) no-repeat 98% 98%; position:relative; display:none}
.popTitle{ height:56px; line-height:54px; color:#fff; font-weight:bold; font-size:20px; padding-left:25px; background:#006db8; font-family: ë§‘ì€ê³&nbsp;ë”•, malgun gothic;}
.pop_content{ padding:25px 25px 0 25px;  max-height:600px; overflow-y:auto;}
.pop_content2{ padding:25px 25px 0 25px;  max-height:520px; overflow-y:auto;}
.pop_content3{ padding:25px 25px 0 25px;  max-height:480px; overflow-y:auto; }
.pop_content4{ padding:25px 25px 0 25px;  max-height:660px; overflow-y:auto; }
.pop_content .popInnerWrap{ padding-bottom:25px; overflow:hidden;  width:630px}
.pop_content2 .popInnerWrap{ padding-bottom:25px; overflow:hidden;  width:630px}
.pop_content3 .popInnerWrap{ padding-bottom:25px; overflow:hidden;  width:630px}
.pop_content4 .popInnerWrap{ padding-bottom:25px; overflow:hidden;  width:630px}
.btn_pop_close{ display:block; width:22px; height:22px; position:absolute; right:25px; top:16px; background:url(/images/biz_new/common/btn_pop_close.png) no-repeat 50% 50%; text-indent:-9999px;}
.pop_content .subTitle{ font-size:16px; font-weight:bold; margin-bottom:12px; color:#333; margin-top:0}
.pop_check_area{ display:inline-block; text-align:right; position:absolute; top:15px; right:70px;}
.pop_check_area label{ font-weight:normal; color:#fff; font-size:13px;}
#popupWrap .board_view .board_data_view div img{ width:100%}
*/

.tableWrap_ttrx_pop{border-top:1px #0059ab solid;width:630px;overflow:hidden;}
.tableWrap_ttrx_pop table{width:632px;margin-left:-1px;}
.tableWrap_ttrx_pop table th{height:44px;background-color:#f7f7f7;color:#333;text-align:left;padding-left:20px;font-size:14px;letter-spacing:-1px;}
.tableWrap_ttrx_pop table td{padding:8px 15px;height:28px;}
.tableWrap_ttrx_pop table th,.tableWrap_ttrx_pop table td{border:1px #dddddd solid;}
.tableWrap_ttrx_pop table td select,.tableWrap_ttrx_pop table td input{border:1px #ddd solid;padding:5px 7px;font-size:13px;}
.tableWrap_ttrx_pop table td select{width:210px;height:31px;}
.tableWrap_ttrx_pop table td input{width:330px;}
.tableWrap_ttrx_pop table td input.inputMoney{width:50px;}
.tableWrap_ttrx_pop table td input.ttrxIptDisabled{background-color:#e0e2e3;}
.ttrx_auto_view{line-height:30px;display:inline-block;font-size:12px;background:url(/images/common/bg_ttrx_auto_view.jpg) no-repeat;padding:0 12px 0 32px;letter-spacing:-1px;}
input[type="checkbox"].ttrxIptDisabled{background-color:#d3d1d1;}

.ttrx_pop_card{width:480px !important;}
.ttrx_pop_card .popInnerWrap{width:430px !important;}
.tableWrap_ttrx_pop_card{width:430px;}
.tableWrap_ttrx_pop_card table{width:432px;border-bottom:1px #ddd solid;}
.tableWrap_ttrx_pop_card table input{width:50px !important;}
.tableWrap_ttrx_pop_card table input.ttrx_cvc{width:65px !important;}
.tableWrap_ttrx_pop_card table th{background:none !important;}
.tableWrap_ttrx_pop_card table th,.tableWrap_ttrx_pop_card table td{border:0;}
.ttrx_cvc_info{background:url(/images/common/bg_ttrx_auto_pop_chk.jpg) no-repeat 0px 7px;line-height:28px;font-size:14px;padding-left:22px;margin-left:22px;display:inline-block;}

.btn_gray_l{display:inline-block; padding:0 0 0 25px; background:url(/images/mall_new/bg_btn.png) no-repeat 0 -208px; line-height:38px; text-decoration:none;}
.btn_gray_l span{display:inline-block; height:40px; padding:0 25px 0 0; margin-right:0 ; background:url(/images/mall_new/bg_btn.png) no-repeat 100% -208px; font-size:15px; letter-spacing:-1px; white-space:nowrap; color:#fff; font-weight:bold; }

.ttrx_auto_step{float:right;}
.ttrx_auto_step strong,
.ttrx_auto_step ul,
.ttrx_auto_step li{display:inline-block;font-size:15px;color:#333;font-weight:bold;}
.ttrx_auto_step strong{margin-right:5px;}
.ttrx_auto_step li{width:23px;line-height:23px;background:url(/images/common/bg_ttrx_auto_step_off.jpg) no-repeat;text-align:center;}
.ttrx_auto_step li.on{color:#fff;background:url(/images/common/bg_ttrx_auto_step_on.jpg) no-repeat;}

#ttrx_auto .ttrx_auth_way ul{text-align:center;padding:27px 0 17px 0;border:1px #e0e0e0 solid;}
#ttrx_auto .ttrx_auth_way li{display:inline-block;margin:0 45px;}
#ttrx_auto .ttrx_auth_way li.auth_card label{padding-top:51px;display:inline-block;background:url(/images/common/bg_ttrx_auto_auth01.jpg) no-repeat;}
#ttrx_auto .ttrx_auth_way li.auth_docu label{padding-top:51px;display:inline-block;background:url(/images/common/bg_ttrx_auto_auth02.jpg) no-repeat;}

#ttrx_auto .ttrx_auto_done{padding-left:212px;padding-top:37px;padding-bottom:62px;width:518px;line-height:28px;background:url(/images/common/bg_ttrx_auto_done.jpg) no-repeat;font-size:18px;color:#333;font-weight:bold;}
#ttrx_auto .ttrx_auto_delete_done{padding-left:265px;width:465px;line-height:122px;background:url(/images/common/bg_ttrx_auto_delete_done.jpg) no-repeat;font-size:18px;color:#333;font-weight:bold;}


.ttrx_tab{border-bottom:1px #0053a6 solid;}
.ttrx_tab ul{overflow:hidden;}
.ttrx_tab ul li{float:left;}
.ttrx_tab ul li a{display:block;width:120px;line-height:38px;text-align:center;color:#222;font-size:15px;border:1px #cccccc solid;border-bottom:0;}
.ttrx_tab ul li a.on{color:#fff;font-weight:bold;background-color:#0053a6;border:1px #0053a6 solid;border-bottom:0;}

.alC{text-align:center !important;}
.orangePoint{color:#f95005 !important;}

.ttrx_auto_selected_pay_info{background:url(/images/common/bg_ttrx_auto_selected_pay_info.jpg) no-repeat;line-height:55px;padding-left:30px;}
.ttrx_auto_selected_pay_addr{}
.ttrx_auto_selected_pay_addr strong{display:block;font-size:16px;padding:30px 0 20px 0;}
.ttrx_auto_selected_pay_addr ul{border-top:1px #0059ab solid;}
.ttrx_auto_selected_pay_addr li{border-bottom:1px #dddddd solid;line-height:20px;padding:12px 0;text-align:center;color:#333;font-size:14px;}
.ttrx_auto_selected_pay_addr .ttrx_cvc_info{margin:30px auto;display:block;width:155px;}

.ttrx_pop_addr_info{width:380px !important;}
.ttrx_pop_addr_info .popInnerWrap{width:330px !important;}

.ttrx_auto_card_change{border:1px #e0e0e0 solid;background-color:#f0fdff;text-align:center;padding:16px 0;margin-top:30px;}
.ttrx_auto_card_change strong{font-size:14px;color:#333;padding-right:25px;display:inline-block;line-height:30px;}
.ttrx_auto_card_change select{padding:5px 7px 5px 10px; height:30px;border:1px #117cdf solid;width:320px;}

.ttrx_card_change_card_info{border:1px #e0e0e0 solid;background-color:#f0fdff;text-align:center;padding:16px 0;}
.ttrx_card_change_card_info span{font-size:14px;color:#333;line-height:28px;}
.ttrx_card_change_card_info strong{font-size:18px;color:#333;line-height:32px;}

.ttrx_pop_addr_info .listTypeDot{width:230px;margin:0 auto;}
.tableSub_scroll{overflow-y:auto;height:405px;padding-right:5px;}

.tableWrap_type,.tableWrap_type table{width:100% ! important;}
.tableWrap_scroll{overflow-y:auto;height:285px;margin-top:25px;padding-right:5px;}

.caution_area dl dd.nob{padding-left:0px;}
.caution_area dl dd.nob::before{display:none;}

.btnAlign{text-align:center;font-size:0;}
.btnAlign a~a{margin-left:10px;}
.btnAlign a:hover{color:#fff;text-decoration:none;}
.btnDbType,.btnDgType{display:inline-block;min-width:70px;height:40px;line-height:40px;padding:0 20px;text-align:center;font-weight:bold;font-size:15px;color:#fff;font-family:'Malgun Gothic';border-radius:5px;}
.btnDbType{background:#005fa1}
.btnDgType{background:#666}

.rateDown_ui{}
.rateDown_ui .noticeBox_dcc{padding:20px 0 20px 110px;margin-bottom:40px;border:1px solid #ddd;background:url(/images/common/img_dccService.png) no-repeat 33px 50%;}
.rateDown_ui .noticeBox_dcc dt{position:relative;font-size:14px;color:#333;font-weight:bold;font-family:'Malgun Gothic'}
.rateDown_ui .noticeBox_dcc dt:before{content:"";position:relative;display:inline-block;width:16px;height:14px;background:url(/images/common/img_dccChk.png) no-repeat 0 0;}
.rateDown_ui .noticeBox_dcc li{margin-top:10px;font-size:14px;color:#333;font-family:'Malgun Gothic'}
.rateDown_ui .noticeBox_dcc span{display:block;margin:5px 0 0 70px;}
.rateDown_ui .aggre_ui{position:relative;margin-top:40px;}
.rateDown_ui .aggre_g{border:1px solid #ddd}
.rateDown_ui .aggre_g h5{line-height:56px;font-size:16px;text-align:center;font-weight:bold;border-bottom:1px solid #ddd;background:#fafafa}
.rateDown_ui .aggre_g a{position:absolute;top:13px;right:20px;display:inline-block;width:88px;height:30px;line-height:30px;text-indent:20px;;font-size:12px;color:#333;font-family:'Malgun Gothic';border:1px solid #ccc;border-radius:4px;background:url(/images/common/ico_fileDown.png) no-repeat 10px 50% #fff;}
.rateDown_ui .aggre_g .box{overflow-y:auto;height:180px;padding:20px 35px;line-height:24px;font-size:14px;}
.rateDown_ui .aggre_g .box li{text-indent:-12px;padding-left:2px;font-size:14px;}
.rateDown_ui .aggre_ui .chk{margin-top:20px;text-align:center;}
.rateDown_ui .aggre_ui label{font-size:14px;}
.rateDown_ui .aggre_ui label + input[type=checkbox]{margin-left:35px;}
.rateDown_ui .aggre_ui .chk{margin:15px 25px 0;text-align:right}
.rateDown_ui .aggre_ui .chk p{position:relative;}
.rateDown_ui .aggre_ui .chk p span{position:absolute;top:0;left:0;font-size:14px;}
.rateDown_ui .aggre_ui .chk p~p{margin-top:10px;}
.rateDown_ui .aggre_ui .chk label~input{margin-left:25px;}
.rateDown_ui .tableWrap_ttrx{margin-top:60px;}
.rateDown_ui table ul{padding-left:30px;text-align:left}
.rateDown_ui table li~li{margin-top:20px;}
.rateDown_ui table li:before{content:"";position:relative;top:-1px;display:inline-block;width:3px;height:3px;vertical-align:middle;margin-right:4px;background:#aaa;}
.rateDown_ui table li input[type=checkbox]{margin-left:12px;}
.rateDown_ui table tbody th{background:#fff}
.rateDown_ui table tbody tr:first-child th{background:#f9fcff}
.rateDown_ui table tbody input[type=checkbox]{width:19px ! important;height:19px ! important;vertical-align:middle}

.rateDown_ui .done{height:110px;box-sizing:border-box;text-align:center;border:1px solid #ddd}
.rateDown_ui .done p{display:table-cell;width:730px;height:110px;vertical-align:middle;font-size:18px;color:#333;font-weight:bold;font-family:'Malgun Gothic';}
.rateDown_ui .done p:before{content:"";display:inline-block;width:46px;height:43px;margin-right:12px;vertical-align:middle;background:url(/images/common/ico_rateDown.png) no-repeat 0 0;}

/* 20180905_í•˜ë‹¨ ìœ&nbsp;íŠœë¸Œ ì¶”ê°€ */
.footer_new_wrap .web_logo{right:80px;}
.footer_site .btn_footer_youtube{width:22px;height:22px;background:url(/images/mall_new/btn_footer_youtube.gif) no-repeat 0 0;}

/* 20181115_ë³´ì´ìŠ¤í”¼ì‹± ì•ˆë‚´ ì¶”ê°€ */
.phishing_ui{overflow:hidden;padding:9px 0;margin-top:22px;border:2px solid #0059ab;background:#f4fbff;box-sizing:border-box;}
.phishing_ui div{float:left;width:50%;height:99px;padding-left:100px;line-height:22px;font-size:14px;box-sizing:border-box;}
.phishing_ui .cola{padding-top:26px;background:url(/images/biz_new/common/ico_logphishing1.png) no-repeat 26px 50%;}
.phishing_ui .colb{padding-top:16px;border-left:1px solid #eee;background:url(/images/biz_new/common/ico_logphishing2.png) no-repeat 20px 50%;}

/* ìžë™ë¡œê·¸ì•„ì›ƒ ì—°ìž¥ì•ˆë‚´ ë²„íŠ¼ ì˜ì—­ */
.autoLogout_pop{text-align:center;margin-top:30px;}
.autoLogout_pop .btn01{display:inline-block;width:80px;height:20px;line-height:20px;text-align:center;color:#fff;font-size:13px;border-radius:2px;border:1px solid #5e5e5e;background:#6b6b6b;box-shadow:1px 1px 0 rgba(00, 00, 00, .2)}
.autoLogout_pop .btn02{display:inline-block;width:80px;height:20px;line-height:20px;text-align:center;color:#666;font-size:13px;border-radius:2px;border:1px solid #f6f6f6;background:#fff;box-shadow:1px 1px 0 rgba(00, 00, 00, .2)}
.autoLogout_pop a~a{margin-left:5px;}

/* ì¸ì¦ì„¼í„° &gt; ì¸ì¦ì„œ ë°œê¸‰/ìž¬ë°œê¸‰ =&gt; ì•½ê´€ë™ì˜ */
.accodion-area02 h6{
    font-size: 16px;
}
.accodion-area02 &gt; .acbox{
	position: relative;
    border:1px solid #e6e6e6;
    border-radius:6px;
    min-height:50px;
}
.accodion-area02 &gt; .acbox ~ .acbox{
    margin-top:15px
}

.accodion-area02 &gt; .acbox &gt; .acbox-tit{
	position: relative;
    padding: 25px 0 25px 31px;
	font-size: 16px;
}
.accodion-area02 &gt; .skyblue-box &gt; .acbox-tit{
	padding: 26px 0 0 30px;
	font-size: 16px;
}
.accodion-area02 &gt; .acbox &gt; .acbox-txt-area{
    padding:4px 42px 27px 55px; 
}
.accodion-area02 &gt; .acbox &gt; .acbox-txt-area .btn-more{
        background:transparent;
        border:0;
        outline:0;
        padding:0;
        font-size: 14px;
        box-sizing:border-box;
        position:relative;
        color:#0d616b;
        text-decoration: underline;
}
.accodion-area02 &gt; .acbox &gt; .acbox-txt-area .btn-more::after{
    content: "";
    display: inline-block;
    background: url(/images/contents/ic_trigerDown_turquoise.png) no-repeat 50% 50%;
    padding-left: 5px;
    width: 13px;
    height: 8px;
}
.accodion-area02 &gt; .acbox &gt; .acbox-txt-area .btn-more.on::after{
    background: url(/images/contents/ic_trigerUp_turquoise.png) no-repeat 50% 50%;
}
.accodion-area02  .acbox .acbox-view-area .acbox-tit-list:first-child{
    padding-top: 9px;
}
.accodion-area02  .acbox .acbox-view-area .acbox-tit-list:last-child{
    padding-bottom: 5px;
}
.accodion-area02  .acbox .acbox-view-area .acbox-tit-list{
    padding: 11px 0;
}
.accodion-area02  .acbox .acbox-view-area .acbox-tit-list p{
    padding-left: 25px;
    line-height: 1.5;
}
.accodion-area02  .acbox .acbox-view-area .acbox-tit-list02:first-child{
    padding-top:0;
}
.accodion-area02  .acbox .acbox-view-area .acbox-tit-list02{
    padding: 1px 0;
}
.accodion-area02  .acbox .acbox-view-area.pd0 &gt; div{
    padding: 15px 0;
}
.accodion-area02  .acbox .acbox-view-area.pd0 .chk{
    padding: 5px 0 30px;
}
.accodion-area02  .acbox .acbox-view-area.pd0 .chk input{
    margin-right: 8px;
}
.accodion-area02  .acbox .acbox-view-area.pd0 .chk label{
    margin-right: 31px;
}
.accodion-area02 input{
	width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: 0;
}
.accodion-area02 .skyblue-box input{
    vertical-align: 0;
}
.accodion-area02 &gt; .acbox &gt; .btn-view{
	position: absolute;
	top: 0;
	right: 0;
    line-height:50px;
    background:transparent;
    border:0;
    outline:0;
    width:78px; /* 2022-01-14 : ìˆ˜ì&nbsp;• */
	height:74px;
    text-align:left;
    box-sizing:border-box;
    z-index:100;
}
.accodion-area02 &gt; .acbox &gt; .btn-view:after{
	display: block;
    content:'';
    background:url(/images/contents/ic_trigerDown.png) no-repeat 50% 50%;
    width:100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}
.accodion-area02 &gt; .acbox &gt; .btn-view.on:after{
    background:url(/images/contents/ic_trigerUp.png) no-repeat 50% 50%;
}
.accodion-area02 &gt; .acbox &gt; .btn-view .s-tit{
    font-size:14px;
    font-weight:bold;
    vertical-align:middle;
}
.accodion-area02 &gt; .acbox &gt; .btn-view em{    
    display:none;        
    width:15px;
    height:16px;
    margin-right:5px;
    vertical-align: middle;
}
.accodion-area02 &gt; .acbox &gt; .btn-view em &gt; span{
    overflow: hidden;
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 1px;
    border: 0;
    margin: -1px;
    background: transparent;
}
.accodion-area02 &gt; .acbox &gt; .btn-view.f_none em.check-none{
    display:inline-block;    
    background: url(/images/mall_new/icon_fund_none.png) no-repeat;        
}
.accodion-area02 &gt; .acbox &gt; .btn-view.f_check em.check-end{
    display:inline-block;    
    background: url(/images/mall_new/icon_fund_check.png) no-repeat;    
}
.accodion-area02 .acbox-view-area{
    margin:0 31px;
    padding:15px 0;
    border-top:1px solid #e6e6e6;
    display:none;
}
.accodion-area02 .acbox-view-area02{
    margin:0;
    padding:7px 0;
    display:none;
}
.accodion-area02 .acbox-view-area02 .txt-box{
    background: #f8fcfc;
    border: 1px solid #d9eaec;
    border-radius: 6px;
    box-sizing: border-box;
}
.accodion-area02 .acbox-view-area02 .txt-box ul{
    padding: 18px 20px 20px;
    line-height: 1.5;
}
.accodion-area02 .acbox-view-area .btn-complete{
    background:transparent;
    width:30%;
    border-radius:10px;
    border:1px solid #396bc8;
    color:#396bc8;
    padding:8px 0;
    margin:30px auto 0;
    display:block;
}
.acbox-view-area .focusBox{
    margin-top:10px;
    padding: 15px 20px 15px;
    border: 1px solid #ddd;
    background: #fafafa;
}
.acbox-view-area .focusBox + ul{
    margin-top: 10px;
}
.acbox label{
    padding-left:0;
} 
.acbox.focusBox02{ /* ë§ˆì§€ë§‰ì¤„ì— ì¶”ê°€ ì¢€ í•´ì£¼ì„¸ìš” */
    background:#fafafa;
}
/* 2021-11-12 : ì•½ê´€ë™ì˜ ê¸°ì—…ìŠ¤íƒ€ì¼ íŒì—…ë‚´ìš© */ /* ë§¨ í•˜ë‹¨ì— ë„£ì–´ì£¼ì„¸ìš” */
.popupWrap .snbSwiper{
	position:relative;
	background: #eeeeee;
	padding: 0 36px;
    overflow:hidden;
}
.popupWrap .snbSwiper:after{
	content:'';
	position: absolute;
	left:0;top:0;
	display: block;
	width:50px;
	height:100%;
	background: linear-gradient(90deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 48%, rgba(238,238,238,0) 100%);
	z-index:1;
}
.popupWrap .snbSwiper:before{
	content:'';
	position: absolute;
	right:0;top:0;
	display: block;
	width:50px;
	height:100%;
	background: linear-gradient(270deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 48%, rgba(238,238,238,0) 100%);
	z-index:2;
}
.popupWrap .swiper-wrapper{
	width: 100%;
	padding: 22px 0;
	/* overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; */
    white-space : nowrap;
    display: inline-block;
	vertical-align: middle;
    
}
.popupWrap .swiper-wrapper::-webkit-scrollbar {
    /*display: none;*/ /* Chrome, Safari, Opera*/
	/* height:1px;
	overflow: hidden; */
}
.popupWrap .swiper-wrapper .swiper-slide{
	/* width: auto !important; */ 
	display: inline-block;
	vertical-align: middle;
	/* padding: 0 12px; */
}
.popupWrap .swiper-wrapper .swiper-slide a { 
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #333;
}
.popupWrap .swiper-wrapper .swiper-slide a &gt; span { 
	display: block;
	white-space: normal;
	/* overflow : hidden;
	text-overflow : ellipsis; */
}
.popupWrap .swiper-wrapper .on .text { color: #1c4595; font-weight: bold; }
.popupWrap .swiper-wrapper .on .text:after { 
	content: ''; 
	display: block; 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%;
}

.popupWrap .snbSwiper button{
	position: absolute;
	background: transparent;
	top: 68%;
    border: 0;
    outline: 0;
    padding: 0;
	width: 12px;
	height: 20px;

    box-sizing: border-box;
	/* -webkit-transform: translateY(-54%);
	-moz-transform: translateY(-54%);
	-o-transform: translateY(-54%);
	-ms-transform: translateY(-54%); */
	transform: translateY(0);
	z-index:2;
}
.popupWrap .snbSwiper .swiper-button-prev{
	background: url(/images/contents/ic_prev.png) no-repeat 0 0;
	left: 21px;
}
.popupWrap .snbSwiper .swiper-button-next{
	background: url(/images/contents/ic_next.png) no-repeat 0 0;
	right: 21px;
}
.popupWrap .swiper-container-horizontal&gt;.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	visibility: hidden;
}
.popupWrap .height460scroll {
    height: 300px;
    overflow-y: auto;
    padding:20px;
    line-height:1.6;
}
.popupWrap .btn_wrap_block{text-align:center;padding:30px 0;}
.popupWrap .btn_blue_1{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#005fa1;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic, NanumGothicWEB;}
.popupWrap .btn_gray_2{display:inline-block;min-width:80px;height:40px;line-height:40px;padding:0 10px;font-weight:bold;text-align:center;border-radius:5px;background:#676767;font-size:15px;color:#fff;text-decoration:none;font-family:NanumGothic, NanumGothicWEB;}


/* -------------------------------------------
    [2021-11-15]
    í˜„ìž¬ ê°œë°œì†ŒìŠ¤ mall_new.css =&gt; optioníƒœê·¸ ë‹¤ìŒ 27ì¤„ì— ì¶”ê°€
------------------------------------------- */
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}

/*2022.08 : íŽ€ë“œë§¤ìž…ê°€ìž…(ê°œì¸ -&gt; íŒì—…ì—ì„œ ì‚¬ìš©í•˜ë„ë¡ ë³´ì&nbsp;•)*/
.pdl0{padding-left: 0 !important;}
.poplistWrap {width: 100%;margin-top: 10px;}
.poplistWrap .list {width: 100%;}
.poplistWrap .list &gt; li:last-child {margin-bottom: 0;}
.poplistWrap .list &gt; li {position: relative;margin-bottom: 8px;padding: 15px 20px;border: 1px solid #bebebe;-webkit-border-radius: 7px;border-radius: 7px;box-sizing: border-box;}
.poplistWrap .list &gt; li .pay{position:absolute;right:20px;text-align:right;}
.poplistWrap .list &gt; li .pay.vb{bottom:17px}
.poplistWrap .list &gt; li .pay.vb strong{color:#000;}
.caution_area.pop-list-section{margin-top:0}
.caution_area.pop-list-section{padding:20px}
.caution_area.pop-list-section .listTypeDot li{background:url(/images/contents/bul_dot_2x2_999.gif) no-repeat 0 8px !important;}
.caution_area { display: block; border: 1px solid #ddd; background: #fcfcfc; margin-top: 40px;}
.txt-indent01 {padding-left: 12px;text-indent: -12px;}

/* 20220810 : íŽ€ë“œíŒì—… &gt; 'íŽ€ë“œê°€ìž…ì˜ˆì•½' í¼ë¸”ë¦¬ì‹± ì¶”ê°€  */
.result-text-area{width:300px;border:1px solid #74ace8;background-color:#f2f8ff;border-radius:5px;margin:0 auto;padding:15px 20px;}
.result-text-area .result-item .s-tit2{color:#222;font-size:16px;}
.result-text-area .result-item .s-text{color:#222;font-size:16px;text-align:right;}
.txtRed{color:#ff4200;}



/* 20220328 : ì¹´ë“œì´ìš©ì‹¤ì&nbsp;ì¡°íšŒ */
.performance-box{
    border: 1px solid #e0e0e0;
    margin-top: 60px;
}
.performance-box dl{
    padding: 0 45px;
}
.performance-box .performance-tit{
    background-color: #f7f7f7;
    padding: 20px 45px 13px;
    font-size: 18px;
    color: #151515;
    font-family:'Malgun Gothic';
}

.performance-box .performance-tit p strong{
    vertical-align: middle;
}

.performance-box .performance-subject{
    border-bottom: 1px solid #bcbcbc;
    padding: 30px 0 55px;
    font-family:'Malgun Gothic';
}

.performance-box .performance-subject .performance-info dl{
    display: table;
    border-bottom: 1px dashed #dcdcdc;
    padding: 0;
    width: 100%;
    font-size: 15px;
    color: #333;
}
.performance-box .performance-subject .performance-info dl dt{
    display: table-cell;
    width: 30%;
    height: 55px;
    line-height: 55px;
}
.performance-box .performance-subject .performance-info dl dd{
    display: table-cell;
    padding: 0;
    width: 70%;
    text-align: right;
    color: #000;
}

.performance-box .performance-detail-btn{
    border: 0;
    background: none;
    margin: 10px 0;
    width: 100%;
    height: 50px;
    font-size: 15px;
}
.performance-box .performance-detail-btn strong{
    background:  url(/images/open_bank/performance-arrow-ico.png) no-repeat 100% 50% / 14px 10px;
    padding-right: 24px;
}
.performance-box .performance-detail-btn.on strong{
    background: url(/images/open_bank/performance-arrow-on-ico.png)no-repeat 100% 50% / 14px 10px;
}

.half-donut-chart .half-donut-cover{
    position: relative;
    overflow: hidden;
    width: 232px;
    height: 116px;
    margin-right: 56px;
}

.half-donut-chart .half-donut-cover .donut-back{
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-border-radius: 50% 50% 0 0;
    -ms-border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -o-border-radius: 50% 50% 0 0;
    border-radius: 50% 50% 0 0;
    background-color: #ccc;
    width: 232px;
    height: 232px;
}

.half-donut-chart .half-donut-cover .donut-back .donut-txt{
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    -webkit-border-radius: 50% 50% 0 0;
    -ms-border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -o-border-radius: 50% 50% 0 0;
    border-radius: 50% 50% 0 0;
    background-color: #fff;
    margin: 0 auto;
    width: 190px;
    height: 190px;
}
.half-donut-chart .half-donut-cover .donut-back .donut-txt .txt{
    position: absolute;
    bottom: 50%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    padding-top: 59px;
    min-height: 19px;
    font-size: 19px;
}
.half-donut-chart .half-donut-cover .donut-back .donut-txt .txt::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(/images/open_bank/performance-enough_ico.png) no-repeat 50% 0 / 38px auto;
    margin: 0 auto;
    width: 38px;
    height: 38px;
}
.half-donut-chart .half-donut-cover .donut-back .donut-txt .txt.lack::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(/images/open_bank/performance-lack-ico.png) no-repeat 50% 0 / 38px auto;
    margin: 0 auto;
    width: 38px;
    height: 38px;
}

.half-donut-chart .half-donut-cover .donut-value{
    position: absolute;
    z-index: 5;
    top: 0;
    -webkit-border-radius: 50% 50% 0 0;
    -ms-border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -o-border-radius: 50% 50% 0 0;
    border-radius: 50% 50% 0 0;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #6095d8;
    width: 232px;
    height: 116px;
}

.mb60{
    margin-bottom: 60px;
}
/* 20220422 : ìš°ëŒ€ê¸ˆë¦¬ ì¶”ê°€ì•½ì&nbsp;• ì•ˆë‚´ */
.input_title {
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: bold;
}
.rate-selcet .color-grey .input_list dd{
    position: relative;
    padding: 20px;
    background-color: #f5f6f8;
}
.rate-selcet .color-grey .input_list dl::after{
    content: '';
    display: block;
    width:100%;
    height:50px;
    background: url(/images/mall_new/bg_arrow.png) no-repeat 0 0;
    background-size: 100% 50px;
}
.rate-selcet .color-grey input.checkbox + label{
    position: relative;
    display: block;
    text-indent: 0;
    padding-left:0;
}
.rate-selcet .color-grey input.checkbox + label&gt;span{
    position: absolute;
    top: 18px;
    left: 20px;
    margin:0;
}
.rate-selcet .color-grey input.checkbox + label p{
    color: #999;
    font-size: 15px;
    line-height: 1.2;
    padding: 15px 15px 15px 45px;
    border: 1px solid #ddd;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}
.rate-selcet .color-grey input.checkbox + label p strong{
    color: #999;
    font-size: 17px;
    line-height: 1.2;
}
.rate-selcet .color-grey input.checkbox + label p strong em{
    display: inline-block;
    margin:0;
    color: #999;
}
.rate-selcet .radio_check_area.block li input.checkbox + label p span{
    display: inline-block;
    line-height:1.3;
    margin-top: 3px;
}
.rate-selcet .radio_check_area.block li[aria-checked="true"] input.checkbox + label p{
    border:1px solid #5384e0;
}
.rate-selcet .radio_check_area.block li[aria-checked="true"] input.checkbox + label p strong{
    color: #222;
}
.rate-selcet .radio_check_area.block li[aria-checked="true"] input.checkbox + label p strong em{
    color: #5384e0;
}

.rate-selcet .total-rate{
    padding: 20px 0;
}
.rate-selcet .total-rate dl{
    display: flex;
}
.rate-selcet .total-rate dl dt{
    flex: 1 1 100%;
    text-align: right;
    padding-right: 10px;
    font-size: 16px;
}
.rate-selcet .total-rate dl dd{
    flex: 1 1  100%;
    text-align: left;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #5384e0;
}
.rate-selcet .total-rate + .listTypeDot{
    margin-top: 0;
    padding-top: 20px;
    border-top: 1px solid #999;
}

.radio_check_area.block li {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
}

.rate-selcet .color-grey input.checkbox + label {
    position: relative;
    text-indent: 0;
    padding-left: 0;
}

.sh_subtit{
    letter-spacing: -1px;
    margin: 60px 0 20px 0;
    color: #000 ! important;
    font-weight: bold;
    font-size: 20px;
    font-family: "Malgun Gothic";
    line-height: 14px;
}
.sh_subtit.posire{
    position: relative;
}
.sh_subtit.posire .subtit-item{
    font-size: 13px;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: normal;
}

.accodion-area02.type01 .acbox-view-area{
    padding: 15px 0;

}
.accodion-area02 .acbox .performance-tit02{
    margin-left: 20px;
}
.accodion-area02 .acbox .performance-tit02::before{
    content: '';
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    
}
.accodion-area02 .acbox .performance-tit02 span{
    display: inline-block;
    border-radius: 6px;
    margin-right: 10px;
    padding: 0 12px 1px;
    height: 20px;
    color: #fff;
    font-size: 13px;
    line-height: 21px;
    font-family: 'Malgun Gothic';
}
.accodion-area02 .acbox[data-type="ì¶©ì¡±"] .performance-tit02 span{
    background-color: #63bccc;
}
.accodion-area02 .acbox[data-type="ì¶©ì¡±"] .performance-tit02::before{
    background-color: #63bccc;
}
.acbox[data-type="ì¶©ì¡±"] .half-donut-chart .half-donut-cover .donut-value{
    background-color: #63bccc;
}
.acbox[data-type="ì¶©ì¡±"] .half-donut-chart .half-donut-cover .donut-back .donut-txt .txt::after{
    background:url(/images/contents/performance-enough_ico02.png) no-repeat 50% 0 / 38px auto;
}

.accodion-area02 .acbox[data-type="ë¶€ë¶„ì¶©ì¡±"] .performance-tit02 span{
    background-color: #f5ab71;
}
.accodion-area02 .acbox[data-type="ë¶€ë¶„ì¶©ì¡±"] .performance-tit02::before{
    background-color: #f5ab71;
}
.acbox[data-type="ë¶€ë¶„ì¶©ì¡±"] .half-donut-chart .half-donut-cover .donut-value{
    background-color: #f5ab71;
}

.accodion-area02 .acbox[data-type="ë¯¸ì¶©ì¡±"] .performance-tit02 span{
    background-color: #e57979;
}
.accodion-area02 .acbox[data-type="ë¯¸ì¶©ì¡±"] .performance-tit02::before{
    background-color: #e57979;
}
.acbox[data-type="ë¯¸ì¶©ì¡±"] .half-donut-chart .half-donut-cover .donut-value{
    background-color: #e57979;
}

.performance-box.type01{
    border: 0;
    margin: 0;
}
.performance-box.type01 dl{
    padding: 0;
}
.performance-box.type01 .performance-tit {
    position: relative;
    background: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 20px 0 13px 0;
    font-size: 15px;
    color: #151515;
    font-family: 'Malgun Gothic';
}

.performance-box.type01 .half-donut-chart{
    position: relative;
}
.performance-box.type01 .half-donut-chart-bubble{
    position: relative;
    top: -10px;
    left: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px 10px;
    width: 200px;
    color: #222;
    text-align: center;
}
.performance-box.type01 .half-donut-chart-bubble p{
    font-size: 12px;
    line-height: 16px;
}
.performance-box.type01 .half-donut-chart-bubble::after{
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/contents/half-donut-chart-bubble-ico.png) no-repeat 50% 50% / auto 10px;
    width: 10px;
    height: 10px;
}
.performance-box.type01 .performance-subject{
    display: table;
    width: 100%;
}
.performance-box.type01 .performance-subject .half-donut-chart,
.performance-box.type01 .performance-subject .performance-info{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.performance-box.type01 .performance-subject .performance-info &gt; dl &gt; dt{
    width: 50%;
}
.performance-box.type01 .performance-subject .performance-info &gt; dl &gt; dd{
    width: 50%;
}
.performance-box.type01 .performance-subject .performance-info p{
    line-height: 18px;
}
.performance-box.type01 .performance-subject.bdnone{
    border: 0;
    padding-bottom:30px
}

/* 20230330 : SMSì•Œë¦¼ì„œë¹„ìŠ¤ */
.noticeBox .listTypeDot .list-dash{margin-top:4px;}
.noticeBox .listTypeDot .list-dash li{padding-left:10px; background: none;}
.noticeBox .listTypeDot .list-dash li:before{width:5px; height:1px; top:10px; background: rgba(51,51,51,1);}
.noticeBox .listTypeDot .list-ball{margin-top:4px;}
.noticeBox .listTypeDot .list-ball li{padding-left:14px; background: none;}
.noticeBox .listTypeDot .list-ball li:before{content:"â€»"; width:auto;height:auto; top:-1px; background:transparent;}
.subTitle_sTit {display: inline-block; font-size: 15px; font-weight: bold; color: #0072bc; margin-bottom: 10px;}

/* 20230530 : ìš°ëŒ€ê¸ˆë¦¬ì‹¤ì&nbsp;ì¡°íšŒ ë‚´ ì‹¤ì&nbsp;í•­ëª© ë¯¸ë¦¬ë³´ê¸° ì¶”ê°€ */
.bd-top-bottom-txt {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 20px;
    padding: 40px 0;
}
.bd-top-bottom-txt p{
    text-align: center;
    font-size: 15px;
}
.accodion-area02.type02 .acbox{
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
}

/* 20230612 : ë‹¬ë&nbsp;¥í”¼ì»¤ê´€ë&nbsp;¨ìˆ˜ì&nbsp;• */
.nflatpickr-calendarline-wrap &gt; div{float:left}
.nflatpickr-calendarline-wrap .form_txt01{float:left;margin:0 10px !important}
.nflatpickr-calendarline-wrap:after{content:'';display:block;clear:both}

/* 20230907 : ì™¸í™˜ ìˆ˜ìž…ì—…ë¬´ ìˆ˜ìž…ì‹&nbsp;ìš©ìž¥ ê°œì„¤ì‹&nbsp;ì²­ */

.btn_round_type{display: inline-block; height: 30px; line-height: 28px; padding: 0 12px; font-size: 13px; color: #245067 ! important; font-weight: bold; border: 1px solid #577a8c; border-radius: 2px; background: #fff; text-align: center;}
.pos_r{position: relative !important;}
.right_btn_area {position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);}
.dataTable th.style_row{background-color: #f7f7f7; font-weight: bold; padding: 11px 10px 12px !important;}
.txt_blue{color: #0072bc !important;}
.sh_stepUi{margin-bottom:30px;font-size:0;}
.sh_stepUi li{display:inline-block;line-height:34px;margin-right:5px;}
.sh_stepUi li span:nth-child(1){display:inline-block;width:34px;height:34px;line-height:32px;color:#aeaeae;font-size:13px;text-align:center;font-family:"Malgun Gothic";border-radius:100%;box-sizing:border-box;bordeR:1px solid #b0b0b0}
.sh_stepUi li span:nth-child(2){display:none;margin:0 5px;font-weight:bold;font-size:14px;color:#000;font-family:"Malgun Gothic";}
.sh_stepUi li.current span:nth-child(1){line-height:30px;font-weight:bold;color:#6c6c6c;border:2px solid #0d86ce}
.sh_stepUi li.current span:nth-child(2){display:inline-block;}
.sh_stepUi .end{border-color:#b4b4b4;}
.sh_stepUi .end span{color:#6c6c6c;background:#e8e8e8}
.new_btn_search{position: relative; display: inline-block; min-width: 62px; height: 30px; padding: 0 10px; line-height: 29px; border: 1px solid #cccccc; border-radius: 5px;font-family: "Malgun Gothic"; text-align: center; font-size: 12px; color: #333; box-sizing: border-box;}
.new_btn_search span{display: inline-block; position: relative; padding-left: 18px;}
.new_btn_search span::after{content: ''; display: block; background: url(../images/biz_new/common/new_btn_search_ico.jpg) no-repeat 50% 50% / 14px auto; width: 14px; height: 14px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.ver_top{vertical-align: top !important;}
.new_btn_area .new_btn_type{ display: inline-block; min-width: 120px; height: 40px; padding: 0 30px; line-height: 40px; border-radius: 5px; font-weight: bold; font-weight: bold; font-family: "Malgun Gothic"; text-align: center; font-size: 15px; color: #fff; box-sizing: border-box;}
.new_btn_area .new_btn_type.blue_type{background-color: #005b9a;}
.new_btn_area .new_btn_type.grya_type{background-color: #f2f2f2; border: 1px solid #bfbfbf; color: #333;}
.new_btn_area .new_btn_type.whith_type{border: 1px solid #bfbfbf; color: #333;}
.income_floating {position: fixed; bottom: 25px; right: calc(50% - 500px); z-index: 99; width: 96px; height: 96px;}/* 20231201 : css ìˆ˜ì&nbsp;• */
.income_floating .income_floating_btn {background: url(../images/biz_new/common/btn_floating.png) no-repeat 50% 50% / 96px auto; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 96px; height: 96px; font-size: 0; color: transparent;}
.income_floating .income_floating_btn2 {background: url(../images/common/loan_procedure_ico05.png) no-repeat 50% 50% / 96px auto; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; width: 96px; height: 96px; font-size: 0; color: transparent;}
.txt_box{min-height: 100px; border: 1px solid #dddddd; padding: 15px 20px;}
.new_btn_print {position: relative; display: inline-block; min-width: 62px; height: 30px; padding: 0 10px; line-height: 29px; border: 1px solid #cccccc; border-radius: 5px; font-family: "Malgun Gothic"; text-align: center; font-size: 12px; color: #333; box-sizing: border-box;}
.new_btn_print span {display: inline-block; position: relative; padding-left: 18px;}
.new_btn_print span::after {content: ''; display: block; background: url(../images/biz_new/common/new_btn_print_ico.png) no-repeat 50% 50% / 12px auto; width: 12px; height: 11px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.income_end{padding: 120px 0 30px; margin-bottom:40px;text-align:center;background:url(../images/contents/ic_endChk.png) no-repeat 50% 30px;}
.income_end p{letter-spacing:-1px;font-family:"Malgun Gothic";color:#333}
.income_end .txt1{color:#333;font-size:24px;}
.income_end .txt2{margin-top:20px;font-size:14px;}
.pt3{padding-top: 3px;}
.input_case .inputText:disabled{background-color: #f5f5f5; border-color: #ddd;}
.input_case .radio input:disabled + span{background: url(../images/biz_new/common/bg_radio.png) no-repeat 0 -125px;}


/* 20230919 : ìˆ˜ìž…ì—…ë¬´ ì¡°ê±´ë³€ê²½_ìˆ˜ìž…ê²°ì&nbsp;œ */
.top_line_gray_box{background-color: #f7f7f7; border-top: 1px solid #0059ab; padding: 11px 10px 12px;}
.new_btn_comm{display: inline-block; background: #fff; border-radius: 4px; border: 1px solid #cccccc; padding: 0 10px; height: 30px; line-height: 28px; text-decoration: none !important; color: #333; font-size: 12px; letter-spacing: -1px; white-space: nowrap;}
.new_btn_comm.active{ border-radius: 4px; background: #d2edff; color: #0072bc; font-weight: bold;}
.new_btn_comm:disabled{border-radius: 4px; background: #ccc; color: #999;}
.new_btn_comm.type_blue{background: #005b9a; border-radius: 4px; color: #fff; border: 0;}
.po_right_txt{position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.input_case .radio input.minus_mt5:disabled + span{margin-top: -5px;}


/* 20231012 : umsê´€ë¦¬ */
.box_pd20{padding: 20px;}
.w50p {width: 50% !important;}
/*ì™„ë£ŒíŽ˜ì´ì§€ css*/

.sh_stepEnd2{padding-top:80px;margin-bottom:40px;text-align:center;background:url(/images/contents/ic_endChk.png) no-repeat 50% 0;}
.sh_stepEnd2 p{letter-spacing:-1px;font-family:"Malgun Gothic";color:#333}
.sh_stepEnd2 .txt1{color:#0080cb;font-size:24px;}
.sh_stepEnd2 .txt2{margin-top:15px;font-size:14px;}

/* 20231208 : ì™¸í™˜ ë°°ì†¡ì—…ì²´ì¡°íšŒ DHL */
.btn_detail01 {display: inline-block; padding: 0 0 0 30px !important; background: url(/images/biz_new/common/bg_btn.png) no-repeat 0 -262px; line-height: 28px; text-decoration: none !important;}
.btn_detail01 span {display: inline-block; height: 30px; padding: 0 10px 0 0 !important; margin-right: 0 !important; background: url(../images/biz_new/common/bg_btn.png) no-repeat 100% -262px; font-size: 12px; letter-spacing: -1px; white-space: nowrap; color: #333; letter-spacing: -1px;}
.textarea.br10{border-radius: 10px; padding:20px;}


/* 20231221 : ìˆ˜ìž…ì‹&nbsp;ìš©ìž¥ ê°œì„¤ì‹&nbsp;ì²­ ìˆ˜ì&nbsp;• */
.noticeBox5 .listTypeDot .list-dash{margin-top:4px;}
.noticeBox5 .listTypeDot .list-dash li{ position: relative; padding-left:10px; background: none;}
.noticeBox5 .listTypeDot .list-dash li::before{content: ''; display: inline-block; position: absolute; width:5px; height:1px; top:10px; left: 0; background: rgba(51,51,51,1);}

.noticeBox5 .noti_txt{font-size: 14px; text-align:left; font-weight:normal;}

.step_info_area{position:relative; height:200px; width: 690px;}
.step_info_area .bot_area{position:absolute; right:18px; bottom:0;}
.step_info_area ul.step_info_list li.item{display: inline-block; position: relative;  width: 72px;  margin-right: 44px; background-color: #f9f9f6; border-radius: 10px;  padding: 62px 0 10px;  text-align: center;}
.step_info_area ul.step_info_list li.item::after{content: ''; display: block; background: url(/images/biz_new/common/step_info_arrow.png) no-repeat 50% 50%/ 24px auto; position: absolute; top: 50px; right: -36px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 24px; height: 24px;}
.step_info_area ul.step_info_list li.item.last_step{margin-right: 0;}
.step_info_area ul.step_info_list li.item.last_step::after{display: none;}

.step_info_area .step_info_btn{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 72px; background: none;}
.step_info_area .step_info_btn::before{content: ''; display: block; position: absolute; top: 10px; left: 0; right: 0; margin: 0 auto; width: 100%; height: 48px;}
.step_info_area .step_info_btn.icon01::before{background: url(/images/biz_new/common/step_info_ico01.png) no-repeat 50% 0 / 48px auto;}
.step_info_area .step_info_btn.icon02::before{background: url(/images/biz_new/common/step_info_ico02.png) no-repeat 50% 0 / 48px auto;}
.step_info_area .step_info_btn.icon03::before{background: url(/images/biz_new/common/step_info_ico03.png) no-repeat 50% 0 / 48px auto;}
.step_info_area .step_info_btn.icon04::before{background: url(/images/biz_new/common/step_info_ico04.png) no-repeat 50% 0 / 48px auto;}
.step_info_area .step_info_btn.icon05::before{background: url(/images/biz_new/common/step_info_ico05.png) no-repeat 50% 0 / 48px auto;}
.step_info_area .step_info_btn.icon06::before{background: url(/images/biz_new/common/step_info_ico06.png) no-repeat 50% 0 / 48px auto;}
.step_info_area .step_info_btn.icon07::before{background: url(/images/biz_new/common/step_info_ico07.png) no-repeat 50% 0 / 48px auto;}

.step_info_area .tooltip-box {display: none; min-width: 277px; position: absolute; top: 86px; left: 0; border: 1px solid #a0a0a0; background: #fff; padding: 20px; z-index: 10; box-sizing: border-box; -webkit-box-shadow: 4px 4px 20px -5px rgba(0,0,0,.2); -moz-box-shadow: 4px 4px 20px -5px rgba(0,0,0,.2); -ms-box-shadow: 4px 4px 20px -5px rgba(0,0,0,.2); -o-box-shadow: 4px 4px 20px -5px rgba(0,0,0,.2); box-shadow: 4px 4px 20px -5px rgba(0,0,0,.2)}
.step_info_area .tooltip-box:before {content: ''; width: 11px; height: 7px; position: absolute; left: 30px; top: -7px; background: url(/images/contents/btn_arrow_s01.png) 50% 50% no-repeat; z-index: 0;}
.step_info_area .p-text {line-height: 1.4; text-align: left;}
.step_info_area .tooltip-box .btn-tooltip-close {display: block; width: 24px; height: 24px; position: absolute; right: 0; top: 0; left: auto; left: initial; margin-left: -22px; background: url(../../../images/biz_new/common/step_info_close.png) 50% 50% no-repeat;}

.step_info_area .bot_area li.item .tooltip-box{bottom:86px; right: 0; top:auto; left: auto;}

.step_info_area  ul.step_info_list li.item .btn_info_txt{font-size: 14px; line-height: 22px; letter-spacing: -1px;}

/* 20240115 : êµ­ë‚´ì™¸í™”ì†¡ê¸ˆ */
.foreign-currguide-wrap{position:relative;}
.foreign-currguide-wrap:before{content:''; display:inline-block; width:340px; height:240px; background:url('/images/biz_new/common/bg_foreign_currency.png') no-repeat; background-size:340px auto; position:absolute; right:0; left:0; top:0; z-index:-1; margin:0 auto}
.foreign-currguide-wrap .foreignBox-area{padding-top:240px}
.foreignBox-area{padding: 0 20px 40px;}
.foreignBox-area .foreignBox-inner{position:relative;}
.foreignBox-area .foreignBox-inner::after{content: ''; display: block; clear: both;}
.foreignBox-area .foreignBox-inner .left{float: left; width: 47%;}
.foreignBox-area .foreignBox-inner .right{ float: left; width: 47%; margin-left: 6%;}
.foreignBox-area .foreignBox-inner .center{position: absolute; bottom: 50px; left:50%; margin-left: -34px; background-color: #f9f9f9; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 4px 6px rgba(0,0,0,0.2); box-shadow: 0 4px 6px rgba(0,0,0,0.2); z-index: 10;}
.foreignBox-area .foreignBox-inner .center ul li{ text-align: center; padding: 16px 6px; font-size: 14px;; border-top: 1px solid #f9f9f9;}
.foreignBox-area .foreignBox-inner .center ul li:first-child{ border-top:0;}
.foreignBox-area .foreignBox-inner dl dt{font-weight: bold; text-align: center; color: #333; font-size: 15px; padding: 18px 10px 18px; background-color: #ecf2ff; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.foreignBox-area .foreignBox-inner dl dd{ position: relative; color: #333; font-size: 14px; text-align: center; background-color: #fff; border:1px solid #e6e6e6; border-top: 0; letter-spacing: -0.5px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
.foreignBox-area .foreignBox-inner dl dd ul li{border-top: 1px solid #e6e6e6; padding: 16px 6px;}
.foreignBox-area .foreignBox-inner dl dd ul li:first-child{border-top: 0;}
.foreignBox-area .foreignBox-inner a{margin: 10px 0;}
.dot_none li{background-image: none !important;}
.pl0{padding-left: 0 !important;}
.tabStyle.col2 {width: 100%;}
.tabStyle.col2 .tMenu {width: 50%;}
.tabStyle.col2 .tMenu a {display: block;}
.tabStyle.col2 .tMenu button {display: block; width: 100%; height: 40px; padding-bottom: 0; border:none; background:none;}
.tabStyle.col2 .tMenu.selected {margin-left: -4px;}
.tabStyle .tMenu.selected button{width: 100%; height: 40px; padding-bottom: 0; border-color: #005fa1; background: #005fa1; color: #fff; font-weight: bold;}
.tabStyle .tMenu button:disabled{border-color: #005fa1; background: #f7f7f7; color: #ccc;}
.foreignremit-info-wrap .info-topbg-txt{text-align:center; }
.foreignremit-info-wrap .info-topbg-txt:after{content:'';display:inline-block;width:295px;height:239px;background:url('/images/biz_new/common/top_foreignremitbg.png') no-repeat 50% 50%;background-size:295px auto;}
.foreignremit-info-wrap .tit{font-size:19px;line-height:26px;display:block;margin-bottom:50px}
.foreignremit-info-wrap .info-check-list{padding-top: 50px;}
.foreignremit-info-wrap .info-check-list::after{content: ''; display: block; clear: both;}
.foreignremit-info-wrap .info-check-list li{float: left; width: 33%; font-size:14px; color:#222; text-align: center; line-height: 1.2;}
.foreignremit-info-wrap .info-check-list .check-sv{display:inline-block;margin-right:-5px}
.foreignremit-info-wrap .info-check-list .check-sv .st1{fill:none;stroke:#222;stroke-width:4px;stroke-miterlimit:10;stroke-dashoffset:60;stroke-dasharray:60;-webkit-transition:.5s all linear;transition:.5s all linear;}
.foreignremit-info-wrap .info-check-list.active li .check-sv .st1{stroke-dashoffset:0}
/* 20240313 : í•´ì™¸ì†¡ê¸ˆ ì•ˆë‚´ ìˆ˜ì&nbsp;• */
.foreignremit-info-wrap .info-check-list li .inner_box{position: relative; display: inline-block; text-align: left;}
.foreignremit-info-wrap .info-check-list li .inner_box .check-sv{position: absolute; top: 0; left: -30px;}

/* 2025.04.08 ìˆ˜ìž…ì‹&nbsp;ìš©ìž¥ë³€ê²½ì‹&nbsp;ì²­ ë‚´ìš© ì¶”ê°€ */
.th-text-area {background-color:white;}
.td-text-area {background-color:yellow;}</pre></body></html>