@charset "utf-8";
/* 최종수정 2017.02.03 ver1.1 */


/***************************	
	common 
***************************/

@font-face{
    font-family: 'NanumGothic';
    src:url('fonts/NanumBarunGothic.eot');
    src:local('※'), url('fonts/NanumBarunGothic.woff') format('woff');
}
@font-face{
    font-family: 'NanumGothic light';
    src:url('fonts/NanumBarunGothicLight.eot');
    src:local('※'), url('fonts/NanumBarunGothicLight.woff') format('woff');
}

@font-face{
    font-family: 'NotoSansKR';
    src:url('fonts/NotoSansKR-Regular-Hestia.eot');
    src:local('※'), url('fonts/NotoSansKR-Regular-Hestia.woff') format('woff');
}
@font-face{
    font-family: 'NotoSansKR bold';
    src:url('fonts/NotoSansKR-Bold-Hestia.eot');
    src:local('※'), url('fonts/NotoSansKR-Bold-Hestia.woff') format('woff');
}

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, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, textarea, input, select , button{ margin: 0; padding: 0; font-family: 'NanumGothic', 'Dotum', '돋움', 'sans-serif', 'Apple Gothic'; }

html,body,th,td { font-size: 13px; color: #303030; }

ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, 
blockquote:after,
q:before, 
q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
li img { vertical-align: top; }
select, input, span, div, button, font, th, td, label, a { vertical-align: middle;}
img, fieldset { border: 0; }
fieldset legend { display: none; }
hr { display: none; margin: 1em 0; background: #f2f2f2; height: 1px; border: none; clear: both; }
textarea { resize: none; }
ul { margin: 0; padding: 0; }
ul > li { margin: 0; padding: 0; list-style: none; }
td, th { box-sizing: border-box; }
a, a:hover, a:link, a:active, a:visited { text-decoration: none; color: #303030; }
button { outline-style: none; border: none; box-sizing: border-box; cursor: pointer; }
caption { display: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'NanumGothic'; }



/***************************	
	Helper Class 
***************************/
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.clearBoth { clear: both !important; }
.overflowH { overflow: hidden; }

.alignCenter { text-align: center !important; }
.alignLeft { text-align: left !important; }
.alignRight { text-align: right !important; }

.font_blue { color: #009aff !important; }
.font_darkblue { color: #0F3772 !important; }
.font_deepblue { color: #0a65c2 !important; }
.font_gray { color: #707070 !important; }
.font_red { color: #F3583F !important; }
.font_black { color: #303030 !important; }

.width30 { width: 30px !important; }
.width40 { width: 40px !important; }
.width50 { width: 50px !important; }
.width60 { width: 60px !important; }
.width70 { width: 70px !important; }
.width80 { width: 80px !important; }
.width90 { width: 90px !important; }
.width100 { width: 100px !important; }
.width110 { width: 110px !important; }
.width120 { width: 120px !important; }
.width130 { width: 130px !important; }
.width140 { width: 140px !important; }
.width150 { width: 150px !important; }
.width160 { width: 160px !important; }
.width170 { width: 170px !important; }
.width180 { width: 180px !important; }
.width190 { width: 190px !important; }
.width200 { width: 200px !important; }
.width205 { width: 205px !important; }
.width210 { width: 210px !important; }
.width220 { width: 220px !important; }
.width230 { width: 230px !important; }
.width240 { width: 240px !important; }
.width250 { width: 250px !important; }
.width300 { width: 300px !important; }
.width350 { width: 350px !important; }
.width400 { width: 400px !important; }
.width450 { width: 450px !important; }
.width500 { width: 500px !important; }

.width50pe { width: 50% !important; }
.width60pe { width: 60% !important; }
.width70pe { width: 70% !important; }
.width80pe { width: 80% !important; }
.width90pe { width: 90% !important; }
.width100pe { width: 100% !important; }

.minwidth30 { min-width: 30px !important; }
.minwidth40 { min-width: 40px !important; }
.minwidth50 { min-width: 50px !important; }
.minwidth60 { min-width: 60px !important; }
.minwidth70 { min-width: 70px !important; }
.minwidth80 { min-width: 80px !important; }
.minwidth90 { min-width: 90px !important; }
.minwidth100 { min-width: 100px !important; }
.minwidth110 { min-width: 110px !important; }
.minwidth120 { min-width: 120px !important; }
.minwidth130 { min-width: 130px !important; }
.minwidth140 { min-width: 140px !important; }
.minwidth150 { min-width: 150px !important; }
.minwidth160 { min-width: 160px !important; }
.minwidth170 { min-width: 170px !important; }
.minwidth180 { min-width: 180px !important; }
.minwidth190 { min-width: 190px !important; }
.minwidth200 { min-width: 200px !important; }
.minwidth210 { min-width: 210px !important; }
.minwidth220 { min-width: 220px !important; }
.minwidth230 { min-width: 230px !important; }
.minwidth240 { min-width: 240px !important; }
.minwidth250 { min-width: 250px !important; }
.minwidth300 { min-width: 300px !important; }
.minwidth350 { min-width: 350px !important; }
.minwidth400 { min-width: 400px !important; }
.minwidth450 { min-width: 450px !important; }
.minwidth500 { min-width: 500px !important; }
.minwidth100pe { width: 100% !important; }

.dsNone {display:none}

.topMargin { margin-top: 6px !important; }
.bottomMargin { margin-bottom: 6px !important; }
.leftMargin { margin-left: 15px !important; }
.rightMargin { margin-right: 15px !important; }
.leftMargin_btn { margin-left: 5px !important; }
.rightMargin_btn { margin-right: 5px !important; }
.topspacing { margin-top: 20px !important; }

.topMargin03 { margin-top: 3px !important; }
.topNbtMargin0305 { margin-top: 3px !important; margin-bottom: 5px !important; }

.lineHeight20 { line-height: 20px !important; }
.lineHeight30 { line-height: 30px !important; }
.textUnderline { text-decoration: underline !important; }

.middle_box { vertical-align: middle !important; }
.middle_box * { vertical-align: middle !important; }

.font11 { font-size: 11px !important; }


.no_padding { padding: 0px !important}
.blue_stress { font-weight: bold; color: #0085EC; }


/***************************	
	공통 Class 
***************************/
/* dim */
div.dim { display: none; z-index: 99; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.5;  filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ }
div.dim.type02 { z-index: 68; }

/* dim - gnb */
div.gnb_dim { display: none; z-index: 99; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; opacity: 0.5;  filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ }
div.gnb_dim.type02 { z-index: 68; }


/* navigator */
div.navigator { position: relative; z-index: 50; color: #c6c6c6; font-size: 12px; padding-top: 16px; height: 14px;}
div.navigator span { color: #808080; }
div.navigator span.home { display: inline-block; position: relative; top: -2px; width: 12px; height: 11px; background: #FFFFFF url('../images/etc/navigator_home.gif') no-repeat 0 0;  }
div.navigator span:last-child { color: #0085EC; }
div.navigator span.last-child { color: #0085EC; }


/***************************	
	텍스트 Class 
***************************/
/* title */
h1.logo {}
h2.title { font-size: 24px; color: #303030; font-weight: bold}
h3.title { font-size: 24px; color: #303030; font-weight: bold}
h4.title { position: relative; font-size: 16px; color: #303030; font-weight: normal }
h5.title { text-align: center; padding:20px 0 30px 0; font-size: 20px; font-weight: 600; }


/* normal message (bullet) */
.info_mes01 { position: relative; padding-left: 10px !important; line-height: 20px; word-break: keep-all;}
.info_mes01:before { content: ''; position: absolute; top: 12px; left: 0px; width: 3px; height: 3px; margin-top: -5px; background: url('../images/etc/bullet_01.gif') no-repeat left top;  }

/* normal message (table top) */
.info_mes02 { word-break: keep-all; }
.info_mes02 strong { color: #707070 }
.info_mes02 font { position: relative; top: -1px; }
.vertical_bar { display: inline-block; width: 1px; height: 10px; margin-top: -3px; background: #838383;  }


/* normal message (*) */
.info_mes03 { position: relative; padding-left: 10px !important; line-height: 20px; word-break: keep-all;}
.info_mes03:before { content: '*'; position: absolute; top: 0; left: 0px; width: 5px; height: 10px; }


/* title message */
.title_mes { position: relative; padding-left: 10px !important; word-break: keep-all; }
.title_mes:before { content: '-'; position: absolute; top: 2px; left: 0px; width: 3px; height: 3px; margin-top: -3px;  }
.title_mes * { vertical-align: top }
.sub_mes { position: relative; padding-left: 10px !important; word-break: keep-all;}
.add_mes { position: relative; padding-left: 20px !important; word-break: keep-all;}


/***************************	
	탭 Class 
***************************/
/* tabs */
div.tabs_view_area { padding: 0 0 0 0; } 
div.tabs_view_area > div { display: none; }
div.tabs_view_area > div.on { display: block; }

ul.tabs_map { position:relative; width: 100%; margin: 20px 0 0px 0; height: 41px; border-bottom: 1px solid #BACDDF; box-sizing: border-box; background: #F5F9FD url('../images/etc/tabs_bg.gif') repeat left top; }
ul.tabs_map > li { z-index: 1; position: relative; float: left; padding: 0 26px; line-height: 38px; box-sizing: border-box; font-size: 14px; color: #707070; cursor: pointer; }
ul.tabs_map > li span { position: absolute; top: 11px; right: 0px; width: 1px; height: 15px; background-color: #D3D5D7; }
ul.tabs_map > li.on { margin-left: -1px; height: 41px; background:#FFFFFF; border: 1px solid #BACDDF; border-top: 2px solid #0A65C2; border-bottom: none; font-weight: bold; color: #0A65C2;  }
ul.tabs_map > li a { color: #707070; }
ul.tabs_map > li.on a { color: #0A65C2; }
ul.tabs_map> li.on span { display: none; }
ul.tabs_map > li:last-child span { display: none; }

ul.tabs { width: 100%; min-height: 18px; margin: 0 0 20px 1px; text-align: left; vertical-align:middle; border-bottom: solid 1px #f0f0f0; }
ul.tabs > li { display: inline-block; z-index: 1; position: relative; min-height: 18px; padding: 12px 15px; /*box-sizing: border-box;*/ font-size: 14px;  color: #C8C8C8; cursor: pointer; vertical-align:middle}
ul.tabs > li.on { z-index: 3; left: -1px; height: 100%; color: #009AFF; font-weight: bold; }
ul.tabs > li span { display: none;  }
ul.tabs > li:last-child span { display: none; }
ul.tabs > li.on span { display: block; position: absolute; top: 100%; left: 0px; width: 100%; height: 2px; margin-top: -1px; background-color: #009AFF; }
ul.tabs > li a { display: block; }
ul.tabs > li.on a { color: #009AFF; }


ul.tabs2 { width: 100%; min-height: 18px; margin: 0 0 20px 1px; text-align: left; vertical-align:middle; border-bottom: solid 1px #f0f0f0; }
ul.tabs2 > li { display: inline-block; z-index: 1; position: relative; min-height: 18px; padding: 12px 15px; /*box-sizing: border-box;*/ font-size: 14px;  color: #C8C8C8; cursor: pointer; vertical-align:middle}
ul.tabs2 > li.on { z-index: 3; left: -1px; height: 100%; color: #009AFF; font-weight: bold; }
ul.tabs2 > li span { display: none;  }
ul.tabs2 > li:last-child span { display: none; }
ul.tabs2 > li.on span { display: block; position: absolute; top: 100%; left: 0px; width: 100%; height: 2px; margin-top: -1px; background-color: #009AFF; }
ul.tabs2 > li a { display: block; }
ul.tabs2 > li.on a { color: #009AFF; }

ul.tabs3 { display:table; width: 100.2%; min-height: 40px; margin: -1px 0 0 1px; text-align: center; vertical-align:middle;}
ul.tabs3 > li { display:table-cell; z-index: 1; position: relative; width: 50%; min-height: 40px; padding: 10px 5px; border: 1px solid #BACDDF; box-sizing: border-box; font-size: 14px;  background: #F5F9FD url('../images/etc/tabs_bg.gif') repeat left top; color: #707070; cursor: pointer;  margin:-1px 0 0 -1px; vertical-align:middle}
ul.tabs3 > li:nth-child(2n) { left:-1px; }
ul.tabs3 > li:nth-child(3n) { left:-2px; min-width: 34%; }
ul.tabs3 > li.on { z-index: 2; height: 100%; border: 1px solid #0A65C2; color: #0A65C2; background: #FFFFFF; font-weight: bold; }
ul.tabs3 > li span { display: none; }


/***************************	
	테이블 Class 
***************************/

/* 테이블 공통 */
table.list_tbl01 th.noline,
table.list_tbl02 th.noline, 
table.list_tbl03 th.noline, 
table.list_tbl04 th.noline, 
table.list_tbl05 th.noline,
table.list_tbl01 td.noline, 
table.list_tbl02 td.noline,
table.list_tbl03 td.noline, 
table.list_tbl04 td.noline, 
table.list_tbl05 td.noline { border:none; }
table.list_tbl01 td.cellborder,
table.list_tbl02 td.cellborder, 
table.list_tbl03 td.cellborder, 
table.list_tbl04 td.cellborder,
table.list_tbl05 td.cellborder { border-left: 1px solid #F0F0F0 !important; }
table.list_tbl01 th:first-child, 
table.list_tbl02 th:first-child, 
table.list_tbl03 th:first-child, 
table.list_tbl04 th:first-child, 
table.list_tbl05 th:first-child,
table.list_tbl01 td:first-child,
table.list_tbl02 td:first-child,
table.list_tbl03 td:first-child,
table.list_tbl04 td:first-child, 
table.list_tbl05 td:first-child { border-left: none !important; }
table.list_tbl01 th:last-child,
table.list_tbl02 th:last-child,
table.list_tbl03 th:last-child,
table.list_tbl04 th:last-child,
table.list_tbl05 th:last-child,
table.list_tbl01 td:last-child,
table.list_tbl02 td:last-child,
table.list_tbl03 td:last-child,
table.list_tbl04 td:last-child,
table.list_tbl05 td:last-child { border-right: none !important; }
table.list_tbl01 > tbody > tr:last-child > th,
table.list_tbl02 > tbody > tr:last-child > th,
table.list_tbl03 > tbody > tr:last-child > th,
/* table.list_tbl04 > tbody > tr:last-child > th, */
table.list_tbl05 > tbody > tr:last-child > th,
table.list_tbl01 > tbody > tr:last-child > td,
table.list_tbl02 > tbody > tr:last-child > td,
table.list_tbl03 > tbody > tr:last-child > td,
/* table.list_tbl04 > tbody > tr:last-child > td, */
table.list_tbl05 > tbody > tr:last-child > td { border-bottom: none !important; }

/* ie8의 경우 클래스로 추가 */
table.list_tbl01 th.last-child,
table.list_tbl02 th.last-child,
table.list_tbl03 th.last-child,
table.list_tbl04 th.last-child,
table.list_tbl05 th.last-child,
table.list_tbl01 td.last-child,
table.list_tbl02 td.last-child,
table.list_tbl03 td.last-child,
table.list_tbl04 td.last-child,
table.list_tbl05 td.last-child { border-right: none !important; }
table.list_tbl01 > tbody > tr.last-child > th,
table.list_tbl02 > tbody > tr.last-child > th,
table.list_tbl03 > tbody > tr.last-child > th,
table.list_tbl05 > tbody > tr.last-child > th,
table.list_tbl01 > tbody > tr.last-child > td,
table.list_tbl02 > tbody > tr.last-child > td,
table.list_tbl03 > tbody > tr.last-child > td,
table.list_tbl05 > tbody > tr.last-child > td { border-bottom: none !important; }

/* 테이블 안 테이블 */
.inner_tbl { display: table; width: 100%; border-top: 1px solid #F0F0F0}
.inner_tbl .inner_tbl_left { display: table-cell; height: 40px; width: 150px; text-align: center; }
.inner_tbl .inner_tbl_right { display: table-cell; height: 40px; width: 75%; text-align: right; padding-right: 10px }
.inner_tbl .inner_tbl_right .inner_txt_box { padding-left: 10px; }
.inner_tbl .inner_tbl_right .inner_txt_box > span { margin-right: 10px; }
.inner_tbl:first-child { border-top: none; }
.inner_tbl.first_child { border-top: none; }
.inner_tbl.type02 .inner_tbl_left { display: table-cell; height: 40px; width: 101px; text-align: center; ;}
.inner_tbl.type02 .inner_tbl_right { display: table-cell; height: 40px; width: 450px; text-align: right; }


/* 세로형 table */
table.list_tbl01 { position: relative; width: 100%; border-top:solid 1px #D9D9D9; border-bottom: 1px solid #F0F0F0; border-collapse: collapse; }
table.list_tbl01 > thead > tr > th { word-break: break-word; padding: 8px 4px; border-bottom: 1px solid #F0F0F0; color: #707070; font-weight: normal; word-break: break-word; background: #FCFCFC; }
table.list_tbl01 > tbody > tr > td { text-align: center; border-bottom: 1px solid #F0F0F0;  padding: 15px 5px; word-break: break-word;  }
table.list_tbl01 > tbody > tr:first-child > th,
table.list_tbl01 > tbody > tr:first-child > td { border-top: 1px solid #C6C6C6; }
table.list_tbl01 > tfoot > tr > td { padding: 10px 10px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #CCCCCC; }

table.list_tbl01.txt_left > tbody > tr > td {text-align: left; padding: 8px 10px;}
.guide_box .msg_info {padding-left: 17px !important;}
.guide_box .msg_info:before {content: "※"; margin-left: -17px; padding-right: 6px;}

.crypto_guide {border: 1px solid #c5c5c5; background-color: #fbfbfb; padding: 13px; margin-top: 20px;}
.crypto_guide > div {background-color: #fff; border: 3px solid #e0e0e0; padding: 20px; height: 230px; overflow-y: auto;}
.crypto_guide:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden;}
.crypto_guide h4 {font-size: 19px; text-align: center;}
.crypto_guide h5 {font-size: 14px; margin-top: 15px;}
.crypto_guide .agreement_box {height: auto; min-height: 65px; overflow-y: hidden; border-top: 1px solid #ccc; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin: 15px 0;}
.crypto_guide .title_mes {margin: 4px 0 4px 12px;}
.crypto_guide .table_info_box {height: auto; min-height: 20px; padding-top: 10px;}
.crypto_guide .agree {background: #f9f9f9; padding: 0 20px 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px 0;}
.crypto_guide .agree div {margin-top: 12px;}
.crypto_guide .agree label {margin-right: 6px !important;}

/* 세로형 table 간격작은 */
table.list_tbl01.type02 tbody td { height: 40px; padding: 8px 10px; }

/* 필수항목 아이콘추가 */
.color_red, .color_red a, .color_red a:hover { color:#ca437b; font-weight:normal !important; padding-left:4px;}
.txt_req { position:relative; float:left; top:6px; padding-left:8px; }

/* 가로형 table */
table.list_tbl02 { position: relative; width: 100%; border-top:solid 1px #D9D9D9;  border-bottom: 1px solid #F0F0F0; border-collapse: collapse; }
table.list_tbl02 > tbody > tr > th { word-break: break-word; padding: 12px 10px; border-bottom: 1px solid #F0F0F0; background: #FCFCFC; font-weight: normal; color: #707070;  vertical-align: top; text-align: left; }
table.list_tbl02 > tbody > tr > td { border-bottom: 1px solid #F0F0F0; height: 40px; padding: 5px 10px; word-break: break-word; }
table.list_tbl02 > tbody > tr > td pre { line-height: 20px }

/* 가로형 table 색상있는 */
table.list_tbl02.type03 { border-bottom: 1px solid #F0F0F0; }
table.list_tbl02.type03 > tbody > tr > th { word-break: break-word; border-bottom: 1px solid #F0F0F0; background: #F3F9FF; }
table.list_tbl02.type03 > tbody > tr > td { border-bottom: 1px solid #F0F0F0; }

/* 가로형 table th 중앙정렬 ex) 전계좌조회 */
table.list_tbl02.type05 tbody > tr > th { word-break: break-word; vertical-align: middle; }
table.list_tbl02.type05 .inner_tbl .inner_tbl_left { background: #FCFCFC;}

/* 2단 세로형 table */
table.list_tbl03 { position: relative; width: 100%; border-top:solid 1px #D9D9D9; border-bottom: 1px solid #F0F0F0; border-collapse: collapse; }
table.list_tbl03 > thead > tr > th { word-break: break-word; padding: 8px 0; border: 1px solid #F0F0F0; border-bottom: none; color: #707070; font-weight: normal; background: #FCFCFC; }
table.list_tbl03 > tbody > tr > td { text-align: center; border: 1px solid #F0F0F0;  padding: 15px 5px; word-break: break-word; background: #FCFCFC; }
table.list_tbl03 > tbody > tr:first-child > td { border-top: 1px solid #C6C6C6; }
table.list_tbl03 > tbody > tr:nth-child(4n+1) > td { background: #FFFFFF; }
table.list_tbl03 > tbody > tr:nth-child(4n+2) > td { background: #FFFFFF; }

/* 2단 세로형 NOBG table */
table.list_tbl03.type02 > tbody > tr > td { background: #FFFFFF; }
table.list_tbl03.type03 > tbody > tr > td { background: #FFFFFF; }
table.list_tbl03.nobg > tbody > tr > td { background: #FFFFFF; }


/* 다단 ROW table */
table.list_tbl04 { position: relative; width: 100%; border-top:solid 1px #D9D9D9; border-bottom: 1px solid #F0F0F0; border-collapse: collapse; }
table.list_tbl04 > thead > tr > th { word-break: break-word; padding: 8px 0; border: 1px solid #F0F0F0; border-bottom: none; color: #707070; font-weight: normal; background: #FCFCFC; }
table.list_tbl04 > tbody > tr > td { word-break: break-word; text-align: center; border: 1px solid #F0F0F0;  padding: 15px 5px; }
/* table.list_tbl04 > tbody > tr:first-child > td { border-top: 1px solid #C6C6C6; } */

/* 다단 ROW table 배경2단 */
table.list_tbl04.type02 > tbody > tr > th:first-child { background: #FCFCFC; }
table.list_tbl04.type02 > tbody > tr > td:first-child { background: #FCFCFC; }
table.list_tbl04.type02 .inner_tbl .inner_tbl_left { background: #FCFCFC;}
table.list_tbl04.type02 .inner_tbl .inner_tbl_right { text-align: left; padding-left:12px; }

/* 테이블 상단 여백 */
table.topspacing { margin-top: 20px; }

/* 테이블 fixed 170602_sy */
table.tb_fix { table-layout:fixed; }

/* 여백없는 TH, TD */
table > tbody > tr > td.nopadding { padding: 0 !important; }
table > tbody > tr > td div.padding { padding-top: 10px; padding-bottom: 10px }

/* 팝업창인경우 */
div.popup_content table > tbody > tr > th {  text-align: center; padding: 12px 8px; }

/* Grid table */
.gridtable { position: relative; background: #C5D0FF !important; opacity: 0.5; filter:alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */}
.gridtable * { background: #C5D0FF !important; } 
/*.gridtable:before { content: ' GRID '; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -25px; font-size: 24px; font-weight: bold; z-index:100; } */

/* View Table */
table.view_tbl01 { position: relative; width: 100%; border-top:solid 1px #D9D9D9; border-collapse: collapse; }
table.view_tbl01 > tbody > tr > th { word-break: break-word;  padding: 15px; text-align: left; font-weight: normal; background: #FCFCFC; border-bottom: 1px solid #F0F0F0}
table.view_tbl01 > tbody > tr > th .b_subject { padding: 0 0 5px 0; font-size: 20px; font-weight:bold;  }
table.view_tbl01 > tbody > tr > th .b_date { padding-right: 5px;}
table.view_tbl01 > tbody > tr > th .b_hit { padding-left: 5px; }
table.view_tbl01 > tbody > tr > th .vertical_bar { margin-left: 5px}
table.view_tbl01 > tbody > tr > td.b_contents { padding: 35px 12px; min-height: 200px; vertical-align: top; line-height: 20px; }
table.view_tbl01 > tbody > tr > td.b_file { padding:15px; border: 1px solid #C9C8C8; vertical-align: middle; }
table.view_tbl01 > tbody > tr > td.b_file .list { padding: 5px 0; }
table.view_tbl01 > tbody > tr > td.b_file font { margin-top: 10px; }
table.view_tbl01 > tbody > tr > td.b_file * { vertical-align: middle; }
table.view_tbl01 > tbody > tr > td.b_file img { margin:0 5px 0 15px; }
div.b_article { border-top: solid 1px #CCCCCC; margin-top: 10px;}
div.b_article .prev { padding: 15px 15px 15px 20px; border-bottom: solid 1px #CCCCCC; font-size: 14px; }
div.b_article .next { padding: 15px 15px 15px 20px; border-bottom: solid 1px #CCCCCC; font-size: 14px;}
div.b_article .prev .font_blue { display:inline-block; margin-right: 10px; }
div.b_article .next .font_blue { display:inline-block; margin-right: 10px; }

table.view_tbl02 { position: relative; width: 100%;  border-collapse: collapse; }
table.view_tbl02 > tbody > tr > td.b_file { padding:15px; border: 1px solid #C9C8C8; vertical-align: middle; }
table.view_tbl02 > tbody > tr > td.b_file * { vertical-align: middle; }
table.view_tbl02 > tbody > tr > td.b_file font { margin-top: 10px; }
table.view_tbl02 > tbody > tr > td.b_file img { margin:0 5px 0 15px; }
table.view_tbl02 > tbody > tr > td.b_file .list { padding: 5px 0}

/***************************	
	페이징 Class 
***************************/
/* paging */
div.paging_box { width: 100%; height: 35px; line-height: 18px; text-align: center; margin-top: 15px; }
div.paging_box.type02 { height: 35px; }
div.paging_box * { vertical-align: top}
div.paging_box a.btn_prev_page { overflow: hidden; display: inline-block; width: 18px; height: 18px; margin-right: 5px; background: url('../images/button/btn_prev_page.gif') no-repeat center center; font-size: 0; text-indent: -9999px; box-sizing: border-box; }
div.paging_box a.btn_next_page { overflow: hidden; display: inline-block; width: 18px; height: 18px; margin-left: 5px; background: url('../images/button/btn_next_page.gif') no-repeat center center; font-size: 0; text-indent: -9999px; box-sizing: border-box; }
div.paging_box a.btn_first_page { overflow: hidden; display: inline-block; width: 18px; height: 18px; background: url('../images/button/btn_first_page.gif') no-repeat center center; font-size: 0; text-indent: -9999px; box-sizing: border-box; }
div.paging_box a.btn_last_page { overflow: hidden; display: inline-block; width: 18px; height: 18px; background: url('../images/button/btn_last_page.gif') no-repeat center center; font-size: 0; text-indent: -9999px; box-sizing: border-box; }
ul.paging { display: inline-block; overflow: hidden; font-size: 11px; }
ul.paging li { float: left; width: 18px; height: 18px; margin: 0 2px; line-height: 18px; }
ul.paging li.on { border: solid 1px #0085ec; border-radius: 2px; line-height: 16px; box-sizing: border-box; }
ul.paging li a { display: block; color: #707070; }
ul.paging li.on a { display: block; color: #0085ec; font-weight: bold; }



/***************************	
	스텝 Class 
***************************/
/* 진행단계 */
ul.page_step {}
ul.page_step > li { float: left; }
ul.page_step > li { display: inline-block; position: relative; padding: 0 0 0 5px; font-weight: bold; color: #009AFF; background: url('../images/etc/step_bar.png') no-repeat 0% 45%; font-size: 11px; }
ul.page_step > li:first-child { background: none; }
ul.page_step > li > span { font-size: 11px; }
ul.page_step > li > span:first-child { overflow: hidden; display: inline-block; width: 32px; height: 22px; line-height: 22px; background: #FFFFFF;  color: #C1C1C1; text-align: center;  }
ul.page_step > li.on { padding-right: 5px; }
ul.page_step > li.on > span:first-child { background: #009AFF; width: 22px; height: 22px; border-radius: 22px; margin-right: 5px; color: #FFFFFF}


/***************************	
	버튼 Class 
***************************/
/* 기본정의 */
.btn { display: inline-block; overflow: hidden; border-radius: 3px; text-align: center; cursor: pointer; color:#707070; font-size: 13px; font-weight: normal; margin: 0; padding: 0; box-sizing: border-box; }
.btn_dim {opacity:0.5}
.btn:hover, .btn:active, .btn:link, .btn:visited { color: #707070; }

/* 상단로그인 버튼 */
.btn_login_continue { min-height: 25px; padding: 2px 10px 2px; border-radius: 25px; box-sizing: border-box; color: #707070; border: solid 1px #DEDEDE  }
.btn_login_continue:hover, .btn_login_continue:active, .btn_login_continue:link, .btn_login_continue:visited { color: #707070; }
.btn_logout { min-height: 25px; padding: 3px 10px 3px; border-radius: 25px; background: #009AFF; color: #FFFFFF; }
.btn_logout:hover, .btn_logout:active, .btn_logout:link, .btn_logout:visited { color: #FFFFFF; }

/* 팝업버튼 */
.btn_print_pop { min-width: 22px; min-height: 22px; border-radius: 0; background: url('../images/button/btn_pop_print.png') no-repeat center; text-indent: -100px; z-index: 50}
.btn_close_pop { min-width: 22px; min-height: 22px; border-radius: 0; background: url('../images/button/btn_pop_close.png') no-repeat center; text-indent: -100px; z-index: 50 }
.btn_close_pop02 { min-width: 22px; min-height: 22px; border-radius: 0; background: url('../images/button/btn_pop_close.png') no-repeat center; text-indent: -100px; z-index: 50 }

/* 페이지프린트 버튼 */
.btn_print_page { min-height: 13px; border-radius: 0; padding: 2px 0px 1px 20px; background: #FFFFFF url('../images/button/btn_print_02.gif') no-repeat left center; color: #808080; text-decoration: underline; }
.btn_print_page:hover, .btn_print_page:active, .btn_print_page:link, .btn_print_page:visited { color: #808080; }

/* 테이블안관리 버튼 */
.btn_shotcut { width: 76px; min-height: 13px; padding: 2px 7px 2px; border: 1px solid #DADADA; border-radius: 2px; background:#F8F8F8; }
.btn_shotcut_small { min-height: 13px; padding: 2px 7px 2px; border: 1px solid #DADADA; border-radius: 2px; background:#F8F8F8;}

/* 테이블하단 버튼 */
.btn_excel { min-width: 43px; min-height: 12px; padding: 5px 10px 5px 30px; border: 1px solid #CCCCCC; background: #FFFFFF url('../images/button/btn_excel.gif') no-repeat 10px center; }
.btn_print_contents {  min-height: 12px; padding: 6px 10px 6px 30px; border: 1px solid #CCCCCC; background: url('../images/button/btn_print_01.gif') no-repeat 10px center; }
.btn_pdf {  min-height: 12px; padding: 6px 10px 6px 30px; border: 1px solid #CCCCCC; background: url('../images/button/btn_pdf.gif') no-repeat 10px center; }
.btn_normal { min-width: 43px; min-height: 12px; padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; }
.btn_pink_normal { min-width: 43px; min-height: 12px; padding: 5px 10px 5px 10px; background: #F65F8D; color: #FFFFFF; border: 1px solid #CCCCCC;}
.btn_pink_normal:hover, .btn_pink_normal:active, .btn_pink_normal:link, .btn_pink_normal:visited { color: #FFFFFF; }

/* 컬러 버튼 */
.btn_pink { min-width: 80px; min-height: 14px; padding: 9px 10px 9px 10px; background: #009AFF; color: #FFFFFF; font-size: 14px; font-weight: bold; }
.btn_pink:hover, .btn_pink:active, .btn_pink:link, .btn_pink:visited { color: #FFFFFF; }
.btn_blue { min-width: 80px; min-height: 14px; padding: 9px 10px 9px 10px; background: #0F3772;  color: #FFFFFF; font-size: 14px; font-weight: bold; }
.btn_blue:hover, .btn_blue:active, .btn_blue:link, .btn_blue:visited { color: #FFFFFF; }
.btn_blackline { min-width: 80px; min-height: 14px; padding: 8px 10px 8px 10px; border: 1px solid #AAAAAA; background:#FFFFFF; font-size: 14px; font-weight: bold;  }

/* 계산하기 버튼 */
.btn_cal { background:#009aff url('../images/button/btn_cal.gif') no-repeat 10px 9px; padding-left:35px;}

/* 레이어닫기 버튼 */
.btn_close_layer { min-width: 10px; min-height: 10px; border-radius: 0; background: url('../images/button/btn_layer_close.gif') no-repeat center; text-indent: -100px; }

/* 인풋요소 버튼 */
.btn_input_box { min-width: 28px; min-height: 16px; padding: 4px 5px 5px; border: 1px solid #DADADA; background: #F8F8F8; box-sizing: border-box; }
.btn_input_box.btn_blueline { border: 1px solid #0085EC; color: #0085EC; background: #FFFFFF;}
.btn_input_box.btn_blueline:hover, .btn_input_box.btn_blueline:active, .btn_input_box.btn_blueline:link, .btn_input_box.btn_blueline:visited { color: #0085EC; }
.btn_input_box02 { min-width: 44px; min-height: 13px; padding: 4px 7px 3px; border: 1px solid #DADADA; background: #F8F8F8; }
.btn_table_up { width: 20px; height: 13px; padding: 4px 0 3px 0; border: 1px solid #DADADA; background: #F8F8F8 url('../images/button/btn_table_up.gif') no-repeat center center; text-indent: -100px; }
.btn_table_down { width: 20px;height: 13px; padding: 4px 0 3px 0; border: 1px solid #DADADA; background: #F8F8F8 url('../images/button/btn_table_down.gif') no-repeat center center; text-indent: -100px; }
.btn_table_plus { width: 20px; height: 13px; padding: 4px 0 3px 0; border: 1px solid #DADADA; background: #F8F8F8 url('../images/button/btn_table_plus.gif') no-repeat center center; text-indent: -100px; }
.btn_table_minus { width: 20px;height: 13px; padding: 4px 0 3px 0; border: 1px solid #DADADA; background: #F8F8F8 url('../images/button/btn_table_minus.gif') no-repeat center center; text-indent: -100px; }

.btn_small { min-width: 28px; min-height: 14px; padding: 0 10px; border: 1px solid #DADADA; background: #F8F8F8; line-height:16px; }

.btn_calendar { display: inline-block; position: absolute; top: 50%; right: 5px; width: 19px; height: 20px; margin-top: -10px; background: url('../images/button/btn_calendar.gif') no-repeat center; background-size: 19px auto; cursor: pointer; text-indent:-9999px; overflow: hidden }
.btn_date { padding-right:30px; }

/* 하단사이트맵 버튼 */
.btn_sitemap { min-height: 12px; padding: 7px 12px 6px; border-radius: 25px; background: #7B7B7B; color: #FFFFFF; }
.btn_sitemap:hover, .btn_sitemap:active, .btn_sitemap:link, .btn_sitemap:visited { color: #FFFFFF; }

.btn_more02 { padding-left: 16px; color: #707070; font-size: 12px; background: url('../images/button/btn_more02.png') no-repeat left 3px; }

/* 파일 버튼 */
.btn_file { min-height: 20px; padding: 2px 0px 1px 20px; background: url('../images/etc/icon_file.png') no-repeat left center; text-decoration: underline; line-height: 20px;}
.btn_file > a {display: inline-block; margin-left: 5px;}
.btn_file > a:hover {color: #0085EC; }
.btn_file + .btn_file {margin-left: 10px;}

/***************************	
	아이콘 Class 
***************************/
/* 기본정의 */
.icon { display: inline-block; overflow: hidden; text-indent: -1000px}

/* 느낌표 */
.icon_attention_blue { width: 25px; height: 26px; background: url('../images/etc/attention_blue.png') no-repeat center center;  }
.icon_attention_call { width: 24px; height: 24px; background: url('../images/etc/attention_call.png') no-repeat center center;  }
.icon_attention_map { width: 24px; height: 24px; background: url('../images/etc/attention_map.png') no-repeat center center;  }
.icon_attention_orange { width: 18px; height: 18px; background: url('../images/etc/attention_orange.png') no-repeat center center; margin-top: -3px;  }
.icon_attention_darkblue { width: 20px; height: 20px; background: url('../images/etc/attention_darkblue.png') no-repeat center center;  }


/***************************	
	인풋 Class 
***************************/
/* select Div */
div.select { display: inline-block;  min-width: 180px; position: relative; height: 30px; }
div.select_default { display: inline-block; width: 100%; height: 30px; line-height: 30px; padding: 0 30px 0 8px; border: 1px solid #CCCCCC; border-radius: 3px; background: url('../images/etc/bg_select.png') no-repeat right center; box-sizing: border-box; cursor: pointer; }
div.select_default.on { border: 1px solid #8DC1F5; background: url('../images/etc/bg_select_on.png') no-repeat right center; color: #0085EC; font-weight: bold; }
div.select_default.select_input label{ display: inline-block; }
ul.select_list { z-index: 200; display: none; position: absolute; left: 0; top: 29px; width: 100%; border: 1px solid #8DC1F5; box-sizing: border-box; cursor: pointer; }
ul.select_list li { height: 30px; line-height: 30px; padding: 0 30px 0 10px; border-bottom: 1px solid #C1DDF9; border-top: none; background: #F5F9FD url('../images/etc/table_bg.gif') repeat left top; color: #0085EC; box-sizing: border-box; }
ul.select_list li:last-child { border-bottom: none; }
ul.select_list li label {display: inline-block}

div.select.essential_mark div.select_default { background: #F5F9FD url('../images/etc/bg_select.png') no-repeat right center; }
div.select.essential_mark div.select_default.on { background: url('../images/etc/bg_select_on.png') no-repeat right center; }


/* select */
div.select_box.essential_mark select { background: #F5F9FD url('../images/etc/bg_select.png') no-repeat right center; }

div.select,
div.select_box { display: inline-block;  min-width: 170px; position: relative; height: 30px; line-height: 30px; background: url('../images/etc/bg_select.png') no-repeat right center; }
div.select select,
div.select_box select { -webkit-appearance: none; appearance: none; -ms-appearance: none; -moz-appearance: none; width:100%; height: 30px; padding:5px 25px 5px 5px; border-radius: 3px; box-sizing: border-box; border: 1px solid #CCCCCC; background: transparent; color: #303030; }
div.select label ,
div.select_box label { display:none}
div.select select:focus,
div.select_box select:focus { border: 1px solid #8DC1F5; color: #0085EC; font-weight: bold;}
div.select select::-ms-expand,
div.select_box select::-ms-expand { display: none; }
div.select_box select:disabled { background: #EEEEEE url('../images/etc/bg_select.png') no-repeat right center;}
div.select_box.type02 {margin-top: -9px;} 
div.select_box.type02 select {width: 100px !important; background: #fff url('../images/etc/bg_select.png') no-repeat right center !important; }

div.select_box.readonly, div.select_box.readonly select:disabled {background: none;}
div.select_box.readonly select {border: none; margin-left:-7px;}

/* input */
input { outline-style: none; }
input.input { width: 200px; height: 30px; line-height: 30px; padding: 0 8px ; margin:1px 0; border: 1px solid #CCCCCC; border-radius: 3px; background: #FFFFFF; color: #303030; box-sizing: border-box; }
input.input:focus { border: 1px solid #8DC1F5; color: #0085EC;}
input.input:disabled { background: #EEEEEE; }
input[readonly="readonly"] { background: #EEEEEE; }
input[disabled="disabled"] { background: #EEEEEE; }
input[type="hidden"] { position: absolute; left: -9999px; }

input.essential_mark { background: #F5F9FD; }


/* input comma */
em.comma { display: inline-block; width: 2px; height: 2px; margin-bottom: 3px; background-color: #C8C8C8; vertical-align: bottom !important; text-indent: -9999px; }
em.comma.type02 { background-color: #606060; margin:0 3px; }

/* input in calendar */
div.calendar_pop_box {  }
span.date_trans { display: inline-block; min-width: 170px; height: 30px; line-height: 30px; padding: 0 8px ; border: 1px solid #CCCCCC; border-radius: 3px; background: #FFFFFF; color: #303030; box-sizing: border-box; background: #EEEEEE;}
span.date_trans .trans_date {}
span.date_trans .trans_type {}
span.date_trans * { vertical-align: top}
span.date_box { position: relative; display: inline-block; }
span.date_box input { padding: 0 30px 0 5px; }
span.tilde { display: inline-block; width: 27px; height: 30px; line-height: 30px; text-align: center; }
div.date_box { position: relative;display: inline-block; }
div.date_box input { padding: 0 30px 0 5px; }
div.tilde { display: inline-block; width: 27px; height: 30px; line-height: 30px; text-align: center; }





/* radio button */
input[type="radio"] { position: relative; top: 0px; left: 0px; } 
input[type="radio"] + label.radio_label { position: relative; display: inline-block; padding: 0 10px 0 25px; margin:0 0 0 0px; color: #303030; cursor: pointer; box-sizing: border-box; left:-12px;  }
input[type="radio"] + label.radio_label:before { position:absolute; content:''; top:50%; left:-6px; margin-top:-11px; display: inline-block; width: 20px; height: 20px; background: url('../images/etc/radio_off.png') no-repeat; } 
input[type="radio"]:checked + label.radio_label:before { background: url('../images/etc/radio_on.png') no-repeat; }
input[type="radio"]:disabled + label.radio_label:before { background: url('../images/etc/radio_off_disabled.png') no-repeat; }
input[type="radio"]:checked:disabled + label.radio_label:before { background: url('../images/etc/radio_on_disabled.png') no-repeat; }
input[type="radio"] + label.label_none { position: relative; display: inline-block; padding: 0; margin: 0; width:0px; color: #303030; cursor: pointer; box-sizing: border-box; left:-13px; font-size:1px; text-align:center; color:#FFFFFF;  text-indent: -9999px }
input[type="radio"] + label.label_none:before { left: 0px; margin-left: -6px; }

.radio_wrap > span { float: left; display: inline-block; padding: 5px 0; }

/* checkbox button */
input[type="checkbox"] { position: relative; top:0px; left:3px;} 
input[type="checkbox"] + label.checkbox_label { position: relative; display: inline-block; padding: 0 10px 0 20px;  margin:0 0 0 0px; color: #303030; cursor: pointer; box-sizing: border-box; left:-11px; }
input[type="checkbox"] + label.checkbox_label:before { position:absolute; content:''; top:50%; left:-5px; margin-top:-11px; display: inline-block; width: 20px; height: 20px; background: url('../images/etc/check_off.png') no-repeat; } 
input[type="checkbox"]:checked + label.checkbox_label:before { background: url('../images/etc/check_on.png') no-repeat; }
input[type="checkbox"]:disabled + label.checkbox_label:before { background: url('../images/etc/check_off_disabled.png') no-repeat; }
input[type="checkbox"]:checked:disabled + label.checkbox_label:before { background: url('../images/etc/check_on_disabled.png') no-repeat; }
input[type="checkbox"] + label.label_none { position: relative; display: inline-block; padding: 0; margin: 0; width:0px; color: #303030; cursor: pointer; box-sizing: border-box; left:-13px; font-size:1px; text-align:center; color:#FFFFFF; text-indent: -9999px}
input[type="checkbox"] + label.label_none:before { left: 0px; margin-left: -6px; }

/* textarea */
textarea.textarea { width:100%; padding: 10px; border: 1px solid #CCCCCC; border-radius: 2px; color: #303030; box-sizing: border-box; } 
textarea.textarea:focus { border: 1px solid #8DC1F5; color: #0085EC; outline: none; }
textarea.essential_mark { background: #F5F9FD; }

/* input 세로 간격 */
.row2_input input,
.row2_input textarea { margin-top: 5px; }
.row2_input input:first-child,
.row2_input textarea:first-child { margin-top: 0px; }

/* 환율계산기 라디오버튼 박스 */
div.radio_box_wrap { padding: 15px 0; }

/* 라디오버튼 clear */
.radio_box { clear:both}


/***************************	
	관리레이어 Class 
***************************/
/* manage_box */
div.account_manage { position :relative; width: 100%; border: 1px solid #8DC1F5; background: #FFFFFF; border-radius: 3px;  }
div.account_manage .arrow { position: absolute; top: -7px; right: 24px; width: 11px; height: 7px; background:url('../images/etc/layer_arrow.png') no-repeat left top; }
div.account_manage span.btn_close_layer { position: absolute; top: 11px; right: 13px; }
div.account_manage > ul { padding: 10px 20px 10px 13px; }
div.account_manage > ul > li { padding: 4px 0 4px 0; text-align: left; word-break: break-word; }

/* calendar_pop_box */
div.calendar_pop_box { z-index: 1001; position: relative; display: inline-block; }
div.calendar_pop {  z-index: 1001; display: none; position: absolute; top: 34px; right:-30px; width: 234px; /*height: 290px;*/ border: 2px solid #0085EC; border-radius: 3px; background-color: #FFFFFF; box-sizing: border-box; box-shadow: 2px 2px 5px #666666; }
div.calendar_pop div.arrow { position: absolute; top: -9px; right: 37px; margin-left:-6px; width: 12px; height: 8px; background: url('../images/etc/calendar_layer_arrow.png') no-repeat left top; }
div.calendar_pop div.calendar_pop_header,
div.calendar_pop div.search_wrap { background: #0085EC; }
div.calendar_pop div.search_wrap2 { background: #0085EC; }
div.calendar_pop div.calendar_pop_header p { padding: 12px 30px 12px 38px; border-bottom: 1px solid #339DF0; background: url('../images/etc/ico_calendar_layer.gif') no-repeat 15px 9px; font-size: 14px; color: #FFFFFF; }
div.calendar_pop div.calendar_pop_header span.btn_close_calendar { display: inline-block; overflow: hidden; position: absolute; top: 12px; right: 15px; min-width: 12px; min-height: 12px; background: url('../images/button/btn_calendar_layer.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }

/* calendar year,month */
div.calendar_pop div.search_wrap { width: 100%; padding: 15px 0 5px; text-align: center; }
div.calendar_pop div.search_wrap * { vertical-align: middle; }
div.calendar_pop div.search_wrap div.select_calendar { display: inline-block; }
div.calendar_pop div.search_wrap div.select_calendar.year { margin-right: 17px; }
div.calendar_pop div.search_wrap span.select_data { display: inline-block; color: #FFFFFF; }
div.calendar_pop div.search_wrap span.select_data strong { color: #FFFFFF; font-size: 16px; line-height: 1; }
div.calendar_pop div.search_wrap span.select_data em { position: relative; top: 1px; color: #FFFFFF; font-style: normal; }
div.calendar_pop div.search_wrap span.select_prev { overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url('../images/button/btn_calendar_prev.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }
div.calendar_pop div.search_wrap span.select_prev2 { overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url('../images/button/btn_calendar_prev2.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }
div.calendar_pop div.search_wrap span.select_next { overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-left: 3px; background: url('../images/button/btn_calendar_next.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }
div.calendar_pop div.search_wrap span.select_next2 { overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-left: 3px; background: url('../images/button/btn_calendar_next2.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }

div.calendar_pop div.search_wrap2 { width: 100%; padding: 15px 0 5px; text-align: center; }
div.calendar_pop div.search_wrap2 * { vertical-align: middle; }
div.calendar_pop div.search_wrap2 div.select_calendar { position: relative; display: inline-block; width: 100%; }
div.calendar_pop div.search_wrap2 span.select_data { display: inline-block; color: #FFFFFF; }
div.calendar_pop div.search_wrap2 span.select_data strong { color: #FFFFFF; font-size: 16px; line-height: 1; }
div.calendar_pop div.search_wrap2 span.select_data em { position: relative; top: 1px; color: #FFFFFF; font-style: normal; }
div.calendar_pop div.search_wrap2 span.select_data.maRight10 { margin-right: 10px; }
div.calendar_pop div.search_wrap2 span.select_prev { position: absolute; left: 30px; overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url('../images/button/btn_calendar_prev.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }
div.calendar_pop div.search_wrap2 span.select_prev2 { position: absolute; left: 10px; overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url('../images/button/btn_calendar_prev2.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }
div.calendar_pop div.search_wrap2 span.select_next { position: absolute; right: 30px; overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-left: 3px; background: url('../images/button/btn_calendar_next.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }
div.calendar_pop div.search_wrap2 span.select_next2 { position: absolute; right: 10px; overflow: hidden; display: inline-block; width: 14px; height: 14px; margin-left: 3px; background: url('../images/button/btn_calendar_next2.gif') no-repeat center; text-indent: -9999px; cursor: pointer; }


/* calendar day,date */
div.calendar_pop div.cal_table { position:relative; width: 100%; padding: 0 0; box-sizing: border-box; }
div.calendar_pop div.cal_table:before { content:''; display:block; position: absolute; top:0px; left:0px; width:100%; height: 30px; background: #0085EC; z-index:-1}
div.calendar_pop div.cal_table table { width: 93%; background: #FFFFFF; margin:0 auto; text-align: center; box-sizing: border-box; }
div.calendar_pop div.cal_table table thead tr th { height: 30px; font-weight: normal; background: #0085EC }
div.calendar_pop div.cal_table table thead tr th span { color: #DDEAFB; font-size: 12px; }
div.calendar_pop div.cal_table table tbody tr td { background: #FFFFFF; border-bottom: 1px solid #E1E1E1; height:30px; }
div.calendar_pop div.cal_table table tbody tr td a { display: block; width: 22px; height: 22px; line-height:23px; margin:0 auto; text-align: center; text-indent: -1px; color: #303030; font-size: 12px; cursor: pointer; }
div.calendar_pop div.cal_table table tbody tr td:first-child a { color: #F65F8D; }
div.calendar_pop div.cal_table table tbody tr td a.selector { background: url('../images/etc/circle_on.gif') no-repeat center center; color: #FFFFFF; font-weight: bold; letter-spacing: -1px; text-indent:-2px}
div.calendar_pop div.cal_table table tbody tr td a.today { background: url('../images/etc/circle_today.gif') no-repeat center center;}
div.calendar_pop div.cal_table table tbody tr:last-child td { border-bottom: none; }


/***************************	
	popup
***************************/
div.layer_popup { overflow: hidden; display: none; z-index: 100; position: fixed; top: 50%; left: 50%; width: 800px; margin-left: -400px; border-radius: 5px; background:#FFFFFF; }
div.layer_popup div.popup_header { position: relative; height: 50px; padding: 0 60px 0 29px; background: #FFFFFF; border-bottom: solid 1px #F0F0F0; box-shadow: 0px 0px 1px #FAFAFA}
div.layer_popup div.popup_header h1.title { font-size: 22px; height: 50px; line-height: 50px; color: #303030; }
div.layer_popup div.popup_header span.btn_print_pop { position: absolute; top: 14px; right: 65px; }
div.layer_popup div.popup_header span.btn_close_pop { position: absolute; top: 14px; right: 30px; }
div.layer_popup div.popup_content { background: #FFFFFF; }
div.layer_popup div.popup_content div.scroll_area { padding: 30px 40px 30px 40px; box-sizing: border-box; }
div.layer_popup div.popup_content div.scroll_area div.btn_box { padding: 20px 0 0 0; }

div.layer_popup.type02 div.popup_header { height: 90px; background: #FFFFFF; }
div.layer_popup.type02 div.popup_header h1.title { font-size: 26px; height: 90px; line-height: 90px; color: #303030; }
div.layer_popup.type02 div.popup_header span.btn_close_pop02 { position: absolute; top: 30px; right: 30px; }
div.layer_popup.type02 div.popup_content div.scroll_area { padding: 20px 40px 30px 40px; }

div.layer_popup div.popup_content div.guide_box { padding-top: 0; }

/* 20190104: 퍼블추가 */
div.layer_popup.type03 {overflow: hidden; display: none; z-index: 100; position: fixed; top: 50%; left: 50%; width: 550px; margin-left: -280px; margin-top: -410px; background:#fff;}
div.layer_popup.type03 div.popup_bottom {height: 15px; background: #333; text-align: right; padding: 6px 10px;}
div.layer_popup.type03 div.popup_bottom > a {color: #fff;}
div.layer_popup.type03 div.popup_bottom > a img {margin-left: 6px; vertical-align: top;}
/* 20190104: 퍼블추가 */


/* 메인 팝업 */
div.layer_popup.layer_main { display: none; z-index: 100; position: absolute; top:auto; left:auto;  margin: 0}

/***************************	
	alert
***************************/
div.layer_alert { overflow: hidden; display: none; z-index: 200; position: fixed; top: 50%; left: 50%; width: 340px; margin-left: -400px; margin-top:-150px; background:#FFFFFF; border-radius: 5px; box-shadow: 5px 5px 15px #666666;}
div.layer_alert div.popup_content { background: #FFFFFF; margin:5px; box-sizing: border-box; }
div.layer_alert div.popup_content div.scroll_area { padding: 25px 20px; text-align: center; }
div.layer_alert div.popup_content div.scroll_area div.alert_msg { display: table; width: 100%; min-height: 80px;padding: 0; margin:0 auto; font-size: 14px; line-height: 18px;  box-sizing: border-box;}
div.layer_alert div.popup_content div.scroll_area div.alert_msg > div { display: table-cell; width: 100%; vertical-align: middle; }

/* 로그인연장 */
div.layer_alert div.popup_content div.session_area { width: 100%; background: url('../images/login/login_alert.gif') no-repeat center top; }
div.layer_alert div.popup_content div.session_box { width: 100%; height: 180px; line-height: 20px; text-align: center; box-sizing: border-box; padding-top:123px;}
div.layer_alert div.popup_content div.session_box p * {vertical-align:top;  }
div.layer_alert div.popup_content div.session_msg { width: 85%; margin:0 auto; padding: 13px 0 0 0 } 
div.layer_alert div.popup_content div.session_area .btn_box { padding-bottom: 20px; }

/* progress */
div.layer_alert div.popup_content { background: #FFFFFF; margin:5px; box-sizing: border-box; }
div.layer_alert div.popup_content.pos_rel { position: relative}
div.layer_alert div.popup_content div.progress_box { width: 70%; height: 170px; line-height: 20px; text-align: center; box-sizing: border-box; padding-top:53px;margin: 0 auto;}
div.layer_alert div.popup_content div.progress_box p * {vertical-align:top;  }
div.layer_alert div.popup_content div.progress_area {width: 100%;background: url('../images/etc/progress_alert_img.png') no-repeat center top;}
div.layer_alert div.popup_content div.progress_area .btn_box { padding-bottom: 20px; }
div.layer_alert div.popup_content div.progress_msg { width: 85%; margin:0 auto; padding:0 0 30px 0;text-align: center; } 
.prog-light-grey{ color: #000!important;background-color: #f1f1f1!important;}
.prog-round-xlarge{ border-radius:25px; height: 26px; padding:1px; border:4px solid #f5f5f5;margin-left:22px;}
.prog-round-large{ border-radius:25px; height: 26px;}
.prog-blue{color:#fff!important; background-color: #2196F3!important; }
.prog-container:after, .prog-container:before, .prog-panel:after { content:"";display:table;clear:both}
.prog_text_box{font-size: 16px; line-height: 25px;}
.progress_per_0{width: 0;}
.progress_per_10{width: 10%;}
.progress_per_20{width: 20%;}
.progress_per_30{width: 30%;}
.progress_per_40{width: 40%;}
.progress_per_50{width: 50%;}
.progress_per_60{width: 60%;}
.progress_per_70{width: 70%;}
.progress_per_80{width: 80%;}
.progress_per_90{width: 90%;}
.progress_per_100{width: 100%;}


/***************************	
	환율계산기
***************************/
/* 환율계산기 */
div.calculator_box { overflow: hidden; display: table; position: relative;  width: 100%; min-height: 302px; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; box-sizing: border-box; }

/* 환율계산기-계산전체창 */
div.calculator_box div.rate_calculator { display: table-cell; width: 50%; min-height: 300px; padding: 25px 45px 20px 45px; background: #FAFAFA; box-sizing: border-box; }
div.calculator_box div.rate_calculator:after { position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -14px; content: ''; display: block; width: 28px; height: 32px; background: url('../images/etc/btn_sitemap_link02.png') no-repeat center; }
div.calculator_box div.rate_cal_select { display: inline-block;  width:100%;height: 40px; border-bottom: 2px solid #808080; }
div.calculator_box div.exchange_result div.rate_cal_select { border-bottom: 2px solid #FFFFFF; }
div.calculator_box div.exchange_result span.nation,
div.calculator_box div.exchange_result div.currency_unit,
div.calculator_box div.exchange_result input.rate_input { color: #FFFFFF; }

/* 계산창-나라선택 */
div.calculator_box div.rate_select_default { text-align: left; cursor: pointer; }
div.calculator_box div.rate_select_default span.nation { display: inline-block; width: 100%; height: 40px; line-height: 40px; padding: 0 26px 0 36px; background: url('../images/etc/bg_rate_select.png') no-repeat right center; font-size: 24px; vertical-align: top; text-transform: uppercase; box-sizing: border-box; }
div.calculator_box div.rate_select_default.on span.nation { background: url('../images/etc/bg_rate_select_on.png') no-repeat right center; }
div.calculator_box div.exchange_result div.rate_select_default span.nation { background: url('../images/etc/bg_rate_select02.png') no-repeat right center; }
div.calculator_box div.exchange_result div.rate_select_default.on span.nation { background: url('../images/etc/bg_rate_select02_on.png') no-repeat right center; }
div.calculator_box div.rate_select_default span.nation_mark { position: absolute; display: inline-block; width: 31px; height: 40px; }
div.calculator_box div.rate_select_default span.nation_mark.usd { background: url('../images/nation/icon_usd.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.jpy { background: url('../images/nation/icon_jpy.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.krw { background: url('../images/nation/icon_krw.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.eur { background: url('../images/nation/icon_eur.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.vnd { background: url('../images/nation/icon_vnd.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.inr { background: url('../images/nation/icon_inr.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.bdt { background: url('../images/nation/icon_bdt.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.hkd { background: url('../images/nation/icon_hkd.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.khr { background: url('../images/nation/icon_khr.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.idr { background: url('../images/nation/icon_idr.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.cad { background: url('../images/nation/icon_cad.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.brl { background: url('../images/nation/icon_brl.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.chf { background: url('../images/nation/icon_chf.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.thb { background: url('../images/nation/icon_thb.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.bhd { background: url('../images/nation/icon_bhd.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.gbp { background: url('../images/nation/icon_gbp.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.aud { background: url('../images/nation/icon_aud.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.sgd { background: url('../images/nation/icon_sgd.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.nok { background: url('../images/nation/icon_nok.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.nzd { background: url('../images/nation/icon_nzd.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.sek { background: url('../images/nation/icon_sek.png') no-repeat left 3px; }
div.calculator_box div.rate_select_default span.nation_mark.kwd { background: url('../images/nation/icon_kwd.png') no-repeat left 3px; }

/* 계산창-환전할금액입력 */
div.calculator_box div.rate_input_box { overflow: hidden; margin-top: 10px; border-bottom: 2px solid #808080; }
div.calculator_box div.exchange_result div.rate_input_box { border-bottom: 2px solid #FFFFFF; }
div.calculator_box div.currency_unit { float: left; width: 15%; height: 50px; line-height: 50px; color: #303030; font-size: 20px; font-weight: bold; text-transform: uppercase; }
div.calculator_box div.currency_insert { float: right; width: 75%; }
div.calculator_box input.rate_input { float: right; width: 100%; height: 50px; line-height: 50px; background: none; margin-left: 3px; border: 0; color: #303030; font-size: 22px; font-weight: bold; text-align: right; }
div.calculator_box input.rate_input::-ms-clear { display: none; } 

/* 계산창-적용환율선택박스 */
div.choice_box_wrap { margin-top: 20px; }
div.choice_box_wrap ul.choice_box { overflow: hidden; border: 1px solid #CCCCCC; border-radius: 2px; }
div.choice_box_wrap ul.choice_box li { float: left; width: 50%; padding: 8px 5px; text-align: center; color: #707070;  box-sizing: border-box; cursor: pointer; }
div.choice_box_wrap ul.choice_box li:first-child { border-right: 1px solid #CCCCCC; }
div.choice_box_wrap ul.choice_box li.on { background: #0085EC; color: #FFFFFF; }

/* 계산창-환율직접입력 */
div.calculator_box div.rate_box { margin-top: 10px; }
div.calculator_box div.rate_box input { text-align: right; font-weight: bold; }
div.calculator_box div.rate_box input.width50 { width: 47px !important; }
div.calculator_box div.btn_box { padding: 20px 0 0; }

/* 결과창 */
div.calculator_box div.exchange_result { display: table-cell; width: 50%; vertical-align: top; min-height: 300px; padding: 25px 45px 20px 45px; background: #009aff; box-sizing: border-box; }
div.calculator_box div.exchange_result div.text_box { margin-top: 10px; padding-left: 10px; line-height: 16px; color: #FFFFFF; text-indent: -10px; }
div.calculator_box div.exchange_result input.rate_input { background: none;  }
div.calculator_box div.exchange_result .current_rate { overflow: hidden; width: 100%; padding: 0 0 20px 0; color: #FFFFFF; box-sizing: border-box; }
div.calculator_box div.exchange_result .current_rate .rate_unit { float: left; padding:5px 0 0 0; }
div.calculator_box div.exchange_result .current_rate .rate_insert { float: right; font-size: 22px; }
div.calculator_box div.exchange_result .current_rate .rate_insert * { color: #FFFFFF; font-weight: bold; }


/* 환율계산기-국가선택창 */
div.calculator_box div.chice_nation { display: none; }
div.calculator_box div.rate_calculator span.layer_arrow { display: none; z-index: 300; position: absolute; top: 57px; left: 50%; margin-left: -65px; display: inline-block; width: 14px; height: 10px; background: url('../images/etc/layer_arrow02.png') no-repeat center; }
div.calculator_box div.exchange_result span.layer_arrow { display: none; z-index: 300; position: absolute; top: 57px; right: 0; margin-right: 51px; display: inline-block; width: 14px; height: 10px; background: url('../images/etc/layer_arrow02.png') no-repeat center; }
div.calculator_box ul.rate_select_list { z-index: 200; position: absolute; left: 50%; top: 65px; margin-left: -351px; width: 700px; border: 2px solid #C4E1FF; border-radius: 2px; background: #FFFFFF; box-sizing: border-box; text-transform: uppercase; box-shadow: 2px 2px 3px #DDDDDD; }
div.calculator_box ul.rate_select_list li { float: left; width: 25%; padding: 12px 0; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; box-sizing: border-box; cursor: pointer; font-size:14px; }
div.calculator_box ul.rate_select_list li * { font-size: 14px; }
div.calculator_box ul.rate_select_list li:hover, 
div.calculator_box ul.rate_select_list li:hover strong { background: #0085EC; color: #FFFFFF; }
/*div.calculator_box ul.rate_select_list li:nth-child(4n) { border-right:none }
div.calculator_box ul.rate_select_list li:nth-last-of-type(1),
div.calculator_box ul.rate_select_list li:nth-last-of-type(2),
div.calculator_box ul.rate_select_list li:nth-last-of-type(3){ border-bottom: none }*/



/***************************	
	Page Common Rule 
***************************/
/* 네비게이터 */
div.navigator.common_navigator { text-align: right; }

/* 조회기준일시 */
div.inquiry_time { text-align: right; }

/* 프린트버튼 */
div.print_btn { padding: 8px 0 0; text-align: right; }

/* 버튼 box */
div.btn_box { padding: 20px 10px 10px 10px; text-align: center; }
div.btn_box02 { padding: 20px 0 10px; text-align: right; }
div.btn_schedule_range { margin: 5px 0 0 0; }
div.btn_box.btn_box_line { margin-top:15px; border-top: 1px solid #EBEBEB}



/* 테이블안 관리버튼 */
div.btn_shotcut_box { position: relative; margin: 2px 0; }
div.btn_shotcut_box div.account_manage { z-index: 98; position: absolute; top: 24px; right: 27px; display: none; }
div.btn_shotcut_box div.account_manage.manage_list { width: 138px; }
div.btn_shotcut_box div.account_manage.manage_etc { width: 138px; }

/* paging line */
div.paging_box.list_paging { border-bottom: 1px solid #CCCCCC; }


/***************************	
	박스 Class 
***************************/
/* blue line box */
.msg_complete_box { width: 100%; margin: 20px 0 0 0; padding: 15px 0; border-radius: 3px; background: #FAFAFA; text-align: center; box-sizing: border-box; }
.msg_complete .msg { color: #303030; font-size: 14px; margin-left: 8px; line-height: 20px;}
.sub_msg { margin-top: 20px; color: #303030; font-size: 14px; line-height: 18px; }

/* blue box */
.msg_complete.type2 { width: 100%; border: none; text-align: center; box-sizing: border-box; }

/* 페이지타이틀 box*/
div.title_area { display: block; width: 100%; min-height: 40px; position: relative; clear:both; padding: 4px 0 0px 0; border-bottom: solid 1px #979798;}
div.title_area h3.title { display: inline-block; position: relative; max-width: 600px; min-height: 32px; margin-right: 150px; padding-bottom: 15px; box-sizing: border-box; }
div.title_area span.btn_print_page { position: absolute; right: 10px; bottom: 10px; }



/* 테이블타이틀 box */
div.title_box { width:100%; min-height: 20px; padding: 20px 0 7px 0; position:relative; }
div.title_box:after { content: ''; clear: both; overflow: hidden; }

div.title_box h4.title { float: left; padding-bottom: 4px; }
div.title_box .info_mes02 { float: right;  }

div.title_box.no_top_padding { padding-top: 0px; }
div.title_box .select_area { margin-top: -10px; }
div.title_box .title_btn { position: relative; top: -4px; }

/* 테이블노타이틀 box */
div.table_info_box { width:100%; height: 20px; padding: 15px 0 7px 0; }
div.table_info_box .info_mes02 { float: right; padding: 8px 0 0 0; }
div.table_info_box .btn { position: relative; top: -2px; }
div.table_info_box.no_top_padding { padding-top: 0px; }

/* 안내문구 box */
div.msg_box { padding: 11px 15px; margin: 20px 0 0 0; background: #FAFAFA; border-radius: 5px; }
div.msg_box .info_mes01 { line-height: 20px; }
div.msg_box1 { margin-top: 0; }
div.msg_box2 { margin-top: 10px; }
div.msg_box3 { margin-top: 20px; }
div.msg_box4 { margin-bottom: 0px }
div.msg_box5 { margin-bottom: 10px; }
div.msg_box6 { margin-bottom: 20px; }
.no_msg { padding:0; margin:0; height: 0px; background: #FFFFFF;  }

/* 안내문구 파란 box */
div.msg_box_blue { padding: 20px; background: #F0F8FF url(../images/etc/tabs_bg.gif) repeat left top; }
div.msg_box_blue.mabot20 { margin-bottom: 20px; }

/* no_list */
.no_list { display: table; width: 100%; padding: 20px 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align: center; box-sizing: border-box; }
.no_list.maTop20 { margin-top: 20px; }
.no_list > span { display: table-cell; width: 100%; vertical-align: middle; }

/* 페이지내용 box */
div.page_box { padding: 0 0 0 0; }

/* 페이지내 컨텐츠 */
div.contents_box1 { padding: 10px 0 0 0; }
div.contents_box2 { padding: 20px 0 0 0; }
div.contents_box3 { padding: 30px 0 0 0; }

/* OTP배경 */
.otp_box { background:url('../images/etc/opt_img.gif') no-repeat right center; padding-right: 185px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
.aotp_box { background:url('../images/etc/aopt_img.gif') no-repeat right center; padding-right: 185px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
.motp_box { background:url('../images/etc/motp_img.gif') no-repeat right center; padding-right: 185px !important; padding-top: 15px !important; padding-bottom: 15px !important; }

/* OTP 사용자가이드 */
.otp_guideimg { width: 100%; height: 170px; margin:20px 0 0 0; background: #F7F7F7 url('../images/etc/opt_img.png') no-repeat center center; text-align: center; }
.otp_guideimg img { }
.otp_guidebox { width: 100%; border-top: 1px solid #C9C8C8; border-bottom: 1px solid #C9C8C8;}
.otp_guidebox dl { position: relative; padding: 20px 20px 20px 92px; border-bottom: 1px solid #C9C8C8; }
.otp_guidebox dl:last-child { border-bottom: none; }
.otp_guidebox dl > dt { padding: 0 0 8px 0;}
.otp_guidebox .num { position: absolute; top: 50%; left: 30px; margin-top: -17px; width: 34px; height: 34px; background: #009aff; border-radius: 100%; no-repeat center center; line-height: 34px; color: #FFFFFF; font-size: 18px; font-weight: bold; text-align: center; }
.otp_guidebox .circle { display: inline-block; width: 17px; height: 17px; margin-left: 5px; text-align: center; color: #FFFFFF; line-height: 17px; background: url('../images/etc/circle.png') no-repeat center center; position: relative; top: -1px; }
.otp_guidebox .arrow { z-index: 1; position: absolute; bottom: -9px; left: 50%; margin-left: -8px; width: 17px; height: 9px; background: url('../images/etc/gray_arrow.png') no-repeat left top; }
.otp_guidebox dl > dt span { font-size: 13px; }
.otp_img { vertical-align: middle; }
div.guide_box .otp_guidebox .info_mes01 { margin-left: 0; }

/* 2채널 인증 */
.icon_box .icon {margin-top:-1px !important }

/* step box */
div.step_box { position: relative; top: 20px; width:100%; height: 22px; padding:0 0 10px 0}
div.step_box ul { float: right; }

/* 약관동의 box */
.agreement_box { width: 100%; height: 200px; padding: 10px; overflow-y: scroll; border: 1px solid #CCCCCC; border-top: 1px #7F7F7F solid;  box-sizing: border-box; }
.agreement_box.small_box { height :100px; }
div.agreement_check { text-align: left; padding: 20px 0; }
div.agreement_check dl { clear:both; width: 100%; padding: 15px 0; }
div.agreement_check dl > dt { float: left; width: 30px; padding: 0; }
div.agreement_check dl > dd { float: left; width: 700px; padding: 0; }

/* 일반 텍스트 박스 */
.text_box { font-size: 14px; line-height: 20px; }
.text_box p { padding: 10px 0 5px 0; }
.text_box.borderT p { border-top: 1px solid #CCCCCC; }
.text_box span.font15 { font-size: 15px; }

.text_box_big { border-radius: 3px; text-align: center; padding:0 15px 15px 15px; font-size: 20px; line-height: 26px; box-sizing: border-box; }

.text_box02 { margin: 15px 0 30px; }
.text_box02 p { color: #505050; font-size: 18px; line-height: 24px; }
.text_box02 p > span { color: #0085EC; font-size: 22px; line-height: 24px; text-decoration: underline; }

/* 파란배경 BG 박스 */
.blue_box { word-break: keep-all; width: 100%; padding: 20px;  border-top: 1px solid #B9E0FF; border-bottom: 1px solid #B9E0FF; background: #F7FBFF; ; line-height:20px; box-sizing: border-box; }
.blue_box > .inner_text { margin-bottom: 15px; }
.blue_box > .inner_text strong { font-size: 16px; }

/* 파일찾기 박스 */
.file_box { width: 100%; margin-top: 20px;  border-top: 1px solid #EBEBEB;  border-bottom: 1px solid #EBEBEB; padding:5px 0; }
.file_list { display:table; clear:both; width: 100%; margin:5px 0; height: 25px; }
.file_list.current { background:#EBF9FF url('../images/etc/current_bg.gif') repeat left top}
.file_box .file_name { display:table-cell; width: 80%; text-align: left; padding:7px 15px 5px 15px; box-sizing: border-box;}
.file_box .file_delete { display:table-cell; width: 20%; text-align: right; padding-right:5px; }

/* FAQ 리스트 */
div.qa_box { border-top: 1px solid #D9D9D9; }
ul.qa_list li { border-bottom: 1px solid #F0F0F0; background: #FCFCFC; cursor: pointer; }
ul.qa_list li:last-child { border-bottom: none; }
ul.qa_list li.on { background: #FFFFFF; }
ul.qa_list li .title { position: relative; padding: 25px 50px 25px 50px; background: url('../images/etc/bg_question_off.png') no-repeat 20px 20px; }
ul.qa_list li.on .title { background: url('../images/etc/bg_question_on.png') no-repeat 20px 20px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul.qa_list li .title { background: url('../images/etc/bg_question_off.png') no-repeat 20px 20px; }
	ul.qa_list li.on .title { background: url('../images/etc/bg_question_on.png') no-repeat 20px 20px; }
}
ul.qa_list li .title:after { position: absolute; right: 20px; top: 50%; display: inline-block; content: ''; width: 14px; height: 8px; margin-top: -4px; background: url('../images/etc/bg_qna_arrow_off.png') no-repeat center; }
ul.qa_list li.on .title:after { background: url('../images/etc/bg_qna_arrow_on.png') no-repeat center; }
ul.qa_list li.on .title span { font-size: 14px; color: #0085EC; font-weight: bold; }
ul.qa_list li .title span { font-size: 14px; color: #303030; }
ul.qa_list li .title span:hover { color: #0085EC; font-weight: bold; border-bottom: 1px solid #0085EC; }
ul.qa_list li .text { display: none; line-height: 20px; padding: 0 60px 20px 70px; background: url('../images/etc/bg_answer.png') no-repeat 40px top; color: #777777; }

/* ETC */
.font_auth { margin: 0 0 0 10px; position: relative; top: 2px; }
.temp_box { text-align: center; background: #F7F7F7; width: 100%; padding: 150px 0; margin: 20px 0 0 0; box-sizing: border-box; }
.position_attention { position: relative; top: 2px }
.width_scroll { position: relative; width:100%; overflow-x:scroll }


/* Error */
.e_popup.emer { top: 870px; left:100px; width: 800px; padding: 0 30px 40px;text-align: left; box-sizing: border-box; }
.error_box { padding-top:100px; text-align: center;}
.error_box .error_img { display: inline-block; width: 160px; height: 135px; background: url('../images/etc/error_img.gif') no-repeat left top}
.error_box .error_img2 { display: inline-block; width: 160px; height: 135px; background: url('../images/etc/error_pop_char.gif') no-repeat left top}
.error_box .error_text { display: inline-block; text-align: left;  }
.layer_popup .error_box .error_text { max-width: 515px;  }
.error_box .error_text p.big_text { font-size: 24px; }
.error_box .error_text p.big_text.font20 { font-size: 20px; }
.error_box .error_text p.small_text { padding: 12px 0 0 0;  }
.error_box .error_text p.error_code { padding: 15px 0 0 0; }
.error_box .error_text p.error_code .code { color: #F3583F; }
.error_box .error_text p.call_center { padding: 15px 0 0 0; font-size: 14px; color:#0A65C2}
.error_box .error_text p.call_center .icon { position: relative; top: -2px; display: none; }

.error_box_type02 { padding-top:100px; text-align: center;}
.error_box_type02 .error_img { width: 100%; height: 141px; background: url('../images/login/logout_img.gif') no-repeat center top}
.error_box_type02 .error_text { padding: 35px 0 0 0; text-align: center; }
.error_box_type02 .error_text p.big_text { font-size: 24px; }
.error_box_type02 .error_text p.small_text { padding: 8px 0 0 0; font-size: 16px; }

.error_box_type03 { padding: 30px 0 0 0;}
.error_box_type03 .error_text { padding: 0 0 35px 0; text-align: left; width: 100%; word-break: keep-all; }
.error_box_type03 .error_text p.big_text { width: 100%;  box-sizing: border-box; font-size: 32px; font-weight: 600; text-align: left;}
.error_box_type03 .error_text p.small_text { width: 100%;  box-sizing: border-box; padding: 8px 0 0 0; line-height: 22px; font-size: 16px; text-align: left; font-family: 'NanumGothic light';}
.error_box_type03 .error_blue_box { padding: 20px 25px; border-top: solid 1px #0085EC; border-bottom: solid 1px #0085EC; background:#EBF9FF; text-align: center; box-sizing: border-box;}
.error_box_type03 .error_blue_box p { font-size: 14px; line-height: 20px; }
.error_box_type03 .text_box { padding: 15px 0 5px 0; font-weight: bold; text-align: center;}
div.dayclose { float: right; position: relative; top: -42px;}
div.dayclose u { margin-left: 3px; }

span.agree_pa01 { display: inline-block; padding: 5px 0 0 5px; }
span.agree_pa02 { display: inline-block; padding: 4px 0 0 10px; }
span.agree_pa03 { display: inline-block; padding: 3px 0 0 15px; }

/* pre tag */
pre.textarea_val{
	width: 100%;
	overflow:hidden;
	word-break:break-all;
	word-break:break-word;
	line-height:21px;
	white-space: pre-wrap;		/* CSS 3 */
	white-space: -moz-pre-wrap;	/* Mozilla, since 1999 */
	white-space: -pre-wrap;		/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;		/* Inter Explorer 5.5+ */
}


.complaint_intro {
    padding: 24px 28px;
    border: 1px solid #BACDDF;
    background: #F5F9FD;
}

.complaint_intro h2.title {
    color: #0F3772;
}

.complaint_channels {
    overflow: hidden;
    margin-top: 20px;
}

.complaint_channels li {
    float: left;
    width: 32%;
    min-height: 78px;
    margin-left: 2%;
    padding: 16px 18px;
    border: 1px solid #BACDDF;
    background: #FFFFFF;
    box-sizing: border-box;
}

.complaint_channels li:first-child {
    margin-left: 0;
}

.complaint_channels strong {
    display: block;
    margin-bottom: 7px;
    color: #0A65C2;
    font-size: 15px;
}

.complaint_channels span {
    display: block;
    line-height: 18px;
    color: #707070;
}

.branch_tabs {
    overflow: hidden;
    margin-top: 20px;
    border-bottom: 1px solid #BACDDF;
}

.branch_tabs li {
    float: left;
    min-width: 120px;
    padding: 12px 18px;
    border: 1px solid #BACDDF;
    border-bottom: none;
    background: #F5F9FD;
    color: #707070;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    box-sizing: border-box;
}

.branch_tabs li + li {
    margin-left: -1px;
}

.branch_tabs li.on {
    position: relative;
    z-index: 1;
    background: #FFFFFF;
    border-top: 2px solid #0A65C2;
    color: #0A65C2;
    font-weight: bold;
}

.branch_panel {
    display: none;
    padding: 22px 24px;
    border: 1px solid #BACDDF;
    border-top: none;
    background: #FFFFFF;
}

.branch_panel.on {
    display: block;
}

.branch_panel h5 {
    margin-bottom: 16px;
    color: #0F3772;
    font-size: 20px;
    font-weight: bold;
}

.branch_panel .list_tbl02 {
    border-top-color: #BACDDF;
}

.branch_panel .list_tbl02 th {
    color: #0A65C2;
    font-weight: bold;
}

.matrix_area {
    overflow-x: auto;
    padding: 15px;
    border: 1px solid #BACDDF;
    background: #FFFFFF;
}

.matrix_area table {
    width: 100%;
}

.matrix_area th {
    background: #F5F9FD !important;
    color: #0F3772 !important;
}

.matrix_area td,
.matrix_area th {
    padding: 8px 6px !important;
    line-height: 18px;
}

.matrix_area a {
    color: #0085EC !important;
    text-decoration: underline !important;
}

.ombudsman_box {
    margin-top: 20px;
    padding: 18px 20px;
    border: 1px solid #BACDDF;
    background: #F5F9FD;
}