@charset "euc-kr";

/* Rest */
.inline { display:inline !important}
.color1{color:#ff6500}
.color2{color:#ff0000}
.color3{color:#2d68c2}

/* Heading 2016-04-04 ¼öÁ¤ */
.contents h1 {padding:33px 0 35px 0}
#pop_contents h1{padding:0 0 35px 0}

h2.h2 {margin:30px 0 0 0;line-height:15px;padding:1px 0 15px 18px;background:url('/images/link/nu_h2.gif') no-repeat 0 2px;font-size:15px;color:#364d9d}
h2.h2n {margin:30px 0 0 0;line-height:15px;padding:1px 0 15px 0;color:#364d9d;font-size:15px; zoom:1}
h3.h3 {padding-bottom:5px;font-size:14px;color:#016DB6;text-align:left} 
h2.first {margin:0} 

/* »ó´Ü Æ˾÷ ¾È³» */
div.payGuide{padding:0 0 0 28px;height:23px;background:url('/images/common/bg_info.gif') no-repeat;vertical-align:top;font-size:11px}
div.payGuide img{vertical-align:middle}

/* Áö·ÎÅëÁö¼­ */
div.notice{position:relative;margin:20px auto 0;padding:25px 20px 9px;border:3px solid #d1d9e4;text-align:center;zoom:1} /* 2016-04-06 ¼öÁ¤ */
/* div.notice_box_type {margin:20px 0 0 0;border:3px solid #d1d9e4} 2016-04-06 ¼öÁ¤ */
div.notice:after { content:""; display:block; clear:both}
div.notice h2, div.notice .title{display:inline-block;*display:inline;zoom:1;margin-bottom:20px;padding-bottom:2px;border-bottom:1px solid #2d69c1;color:#2d69c1;font-size:20px;text-align:center} /* 2016-05-11 ¼öÁ¤ */
div.notice img.ocr{ position:absolute; left:20px; top:28px}
div.notice div.ocr2{ position:absolute; left:20px; top:28px}
div.notice .tableW td { text-align:left}
.notice_list { margin-bottom:10px; padding:17px;border:3px solid #d1d9e4}
.notice_list ul { padding:0}
.info_list { margin-bottom:10px; padding:18px;border:2px solid #b1b7c2}
.samplebox { padding:0 0 40px 0}

div.charge{position:relative;width:100%;height:94px;margin-top:8px;clear:both} /* 2016-03-23 ¼öÁ¤ */
div.charge p.text1{margin-top:6px;text-align:left}
div.charge p.text2{position:absolute;left:0;top:37px;width:100%;font-size:15px;text-align:center}
div.charge p.text2 strong.color3{color:#e92d21}
div.charge p.text3{position:absolute;left:0;top:22px;width:100%;font-size:12px;text-align:left}
div.charge div.mark{position:absolute;right:0;bottom:0;width:90px;height:86px;margin:0 6px 0 0;text-align:center}
div.charge div.mark span.text1{display:block;position:absolute;left:0;top:34px;width:90px;font-weight:bold;color:#826a68;text-align:center}


/*¸¶Å© ÅؽºÆ® 3ÁÙ À¯Çü Ãß°¡*/
div.charge2{position:relative;height:94px;margin-top:8px}
div.charge2 p.text1{margin-top:6px;text-align:left}
div.charge2 p.text2{position:absolute;left:6px;top:22px;width:100%;font-size:12px;text-align:left}
div.charge2 p.text3{position:absolute;left:6px;top:52px;width:90%;font-size:10px;text-align:left}
div.charge2 p.text4{position:absolute;left:6px;top:72px;width:90%;font-size:10px;text-align:left}
div.charge2 div.mark{position:absolute;right:0;top:0;width:90px;margin:0 0 0 0;text-align:center}/* height:86px; */
div.charge2 div.mark span.text1{display:block;position:absolute;left:0;top:17px;width:90px;font-size:11px;color:red;text-align:center}
div.charge2 div.mark span.text2{display:block;position:absolute;left:0;top:36px;width:90px;font-weight:bold;color:#826a68;text-align:center}
div.charge2 div.mark span.text3{display:block;position:absolute;left:0;top:58px;width:90px;font-size:11px;color:red;text-align:center}

/* ¹Ú½ºÁ¤·Ä */
div.boxL{float:left;margin:10px 0 0 0}
div.boxR{float:right;margin:10px 0 0 0}

div.charge3{position:relative;width:100%;height:104px}
div.charge3 p.text1{margin-top:6px;text-align:left}
div.charge3 p.text2{position:absolute;left:0;width:100%;font-size:15px;text-align:center}
div.charge3 p.text2 strong.color3{color:#e92d21}
div.charge3 p.text3{position:absolute;left:0;top:22px;padding:0 0 0 12px;width:100%;font-size:12px;text-align:left}
div.charge3 div.mark{position:absolute;right:0;bottom:0;width:90px;height:86px;margin:0 0 0 0;text-align:center}
div.charge3 div.mark span.text1{display:block;position:absolute;left:0;top:40px;width:90px;font-weight:bold;color:#826a68;text-align:center}


/* °áÁ¦¼ö´Ü¼±ÅÃ*/
div.paySelect{margin:10px 0 0 0;padding:11px 24px 9px 24px;border:2px solid #afb7c2;width:614px; height:16px}
div.paySelect label{padding:0 50px 0 0}

/* Á¤·Ä ¹öÆ° */
div.btnBox1{height:30px;text-align:right}
div.btnBox2{margin:14px 0 0 0;text-align:center}


/*Å×À̺í*/
.paging { text-align:center; padding:5px 0 0 0; height:25px}
.paging span { padding:0 13px}
.paging strong { padding:0 7px; color:#ff6500}
.paging a { display:inline-block; padding:0 7px; color:#404040}

table.tableH_receipt{font-size:14px}
table.tableW_receipt{font-size:14px}
table td p.tip { font-size:11px; padding:5px 0 0 0; line-height:150%}

/* table1 ¼¼·ÎÅ×À̺í tableH 2016-04-04 ¼öÁ¤ */
.tableH {width:100%;margin-bottom:15px;border-top:2px solid #1c73dd;border-bottom:1px solid #1c73dd;table-layout:fixed}
.tableH th, .tableH td {padding:8px 0px 8px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:center}
.tableH th {background:#eef1f8}
.tableH thead th~th{border-left:0 none;background:#eef1f8 url(/images/common/bar_th.gif) no-repeat 0 50%}
.tableH tbody tr:first-child td{border-color:#d1d8ea}
.tableH tfoot td {background:#eef1f8}
.tableH th:first-child, .tableH td:first-child {border-left:0 none}
.tableH th.range_l, .tableH td.range_l{text-align:left}
.tableH th.range_r, .tableH td.range_r{text-align:right}
.tableH td.input1{padding:4px 10px 3px 10px}/* padding:4px 0 3px 0; */
.tableH td.input1_c{padding:8px 10px 6px 10px; text-align:center}
.tableH td.input1_r{padding:8px 10px 0px 10px; text-align:right}
.tableH tbody th.typeQ{background:#f2f2f2}
.tableH img.space1{vertical-align:middle}
.tableH img.space2{margin-bottom:4px;vertical-align:middle}
.tableH img.space3{vertical-align:middle;margin-top:3px}
.tableH .color1{color:#ff6500}
.tableH .color2{color:#ff0000}
.tableH .color3{color:#2d68c2}
.tableH .bold{font-weight:bold}
.tableH tr td h3,
.tableH tbody tr td .tableW th {text-align:left}
.tableH tbody tr td .tableW td {text-align:left}
.tableH thead tr th:first-child input[type="checkbox"] { margin:0 auto}

/* table2 °¡·ÎÇü Å×À̺í tableW 2016-04-04 ¼öÁ¤ */
.tableW{width:100%;margin-bottom:15px;border-top:2px solid #1c73dd;border-bottom:1px solid #1c73dd;border-left:0 none}
.tableW thead th {text-align:center}
.tableW thead th.last {border-right:0 none}
.tableW th, .tableW td{padding:9px 10px 8px;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;text-align:left}
.tableW th{border-right:1px solid #a7b4c5;border-bottom:1px solid #a7b4c5;background:#ebf3ff;color:#003364;text-align:left}
.tableW td{border-right:1px solid #a7b4c5;border-bottom:1px solid #a7b4c5}
.tableW th{background:#eef1f8}
.tableW th:first-child, .tableW td:first-child{border-left:0 none}
.tableW th.first2, .tableW td.first2{border-left:1px solid #e0e0e0}
.tableW td.last{border-right:0 none}
.tableW th.range_c, .tableW td.range_c{text-align:center}
.tableW td.range_r{text-align:right}
.tableW td.input1{padding:3px 10px 2px 10px}
.tableW td.input1_c{padding:3px 10px 2px 10px;text-align:center}
.tableW td.input1_r{padding:3px 10px 2px 10px;text-align:right}
.tableW input.range_r{text-align:right}
.tableW input.rad{margin-top:-1px}
.tableW label.space{margin-right:14px}
.tableW select.space4{margin-right:12px}
.tableW img.space1{margin-top:4px;margin-bottom:4px; vertical-align:middle}
.tableW img.space2{margin-top:10px;margin-bottom:10px; vertical-align:middle}
.tableW img.space3{margin-top:14px;margin-bottom:14px; vertical-align:middle}
.tableW td input.classname{height:15px;border:1px solid #DCDCDC; padding:2px 0 0 3px;background:#fff;vertical-align:middle;font-size:12px;color:#666}
.tableW td input.classname_r{height:15px;border:1px solid #DCDCDC;padding:2px 3px 0 3px;background:#fff;vertical-align:middle;font-size:12px;color:#666;text-align:right}
.tableW td .posi_lft{display:block;float:left;padding:2px 0}
.tableW td .posi_rgt{display:block;float:right}
.tableW th.bu1{padding-left:40px;background:#ebf3ff url('/images/common/bu_table_th.gif') no-repeat 15px 50%;text-align:left}
.tableW .color1{color:#ff6500}
.tableW .color2{color:#ff0000}
.tableW .color3{color:#2d68c2}
.tableW .bold{font-weight:bold}
.tableW span.tax_num{display:block;float:left;margin-top:-2px;text-align:center}/* padding:0 6px 0 0; */
.tableW span.sign{display:block;float:left;text-align:center;padding:0 5px 0 4px;margin-top:18px}
.tableW span.block{display:block}
.tableW tbody td.high{vertical-align:middle}

table td.card_c input { text-align:center}

/* Btn */
.btns { position:relative; zoom:1; margin:0 0 10px 0}
.btns:after { content:""; display:block; clear:both}
.btns li.left { position:absolute; left:0; top:0}
.btns li.right { position:absolute; right:0; top:0}
.btns li.center { text-align:center}

.btns li.left *,
.btns li.right *,
.btns li.center * { display:inline; font-size:0; vertical-align:middle}

.btn-move, .btn-move span {display:inline-block; height:19px; line-height:17px; text-decoration:none; background: url('/images/common/bg_btn_move.gif') repeat-x left top; color:#8e8e8e; cursor:pointer}
.btn-move {padding-left:6px; /*margin-left:2px;*/ }
.btn-move span {padding:2px 6px 0 0; padding:5px 6px 0 0\9; padding:3px 6px 0 0\0/; *padding:2px 6px 0 0; _padding:2px 6px 0 0; background-position: right top}
.h22 { height:22px}
.h27 { height:27px}
.h37 { height:37px}


/* Tab */
.tab_outline { height:34px; border-bottom:1px solid #e2e2e2; *zoom:1}
.tab_outline:after {content:"";display:block;clear:both}
ul.tabs { display:inline-block; *float:left; height:33px}
ul.tabs li{float:left; width:125px; height:33px; padding:0 2px 0 1px}
ul.tabs li a{ display:block; width:125px; height:33px; line-height:33px; text-align:center; border:1px solid #CCC; text-decoration:none; color:#000}
ul.tabs li a:hover { text-decoration:none; color:red}
ul.tabs li a.on{ color:#f10519; border-bottom:1px solid #fff}
.tab_box_all { padding:20px 0 0 0}

.tab_outline2 { height:36px; _height:30px; border-bottom:2px solid #5483de}
.tab_outline2 ul { _height:30px}
.tab_outline2 li { float:left; _margin-bottom:-2px}
.tab_outline2:after {content:"";display:block;clear:both}
.tabs2 { display:inline-block; *float:left; height:38px}
.tabs2 li{float:left; width:136px; height:38px}
.tabs2 li a{ display:block; overflow:hidden; height:38px; text-indent:-3000px}
.tab_box_all2 { padding:20px 0 0 0}

.tabimg1 li a { background:url(/images/common/tab_1.gif) no-repeat}
.tabimg1 li.a2 a { background-position:-136px 0}
.tabimg1 li.a1 a.on,
.tabimg1 li.a1 a:hover { background-position:0 bottom}
.tabimg1 li.a2 a.on,
.tabimg1 li.a2 a:hover { background-position:-136px bottom}

.tabimg2 li.a1 { width:212px}
.tabimg2 li.a2 { width:171px}
.tabimg2 li a { background:url(/images/girohelp/tab1.gif) no-repeat}
.tabimg2 li.a2 a { background-position:-212px 0}
.tabimg2 li.a1 a.on,
.tabimg2 li.a1 a:hover { background-position:0 bottom}
.tabimg2 li.a2 a.on,
.tabimg2 li.a2 a:hover { background-position:-212px bottom}


.tabimg4 li.a1 { width:135px}
.tabimg4 li.a2 { width:136px}
.tabimg4 li a { background:url(/images/girohelp/tab4.gif) no-repeat}
.tabimg4 li.a2 a { background-position:-135px 0}
.tabimg4 li.a1 a.on,
.tabimg4 li.a1 a:hover { background-position:0 bottom}
.tabimg4 li.a2 a.on,
.tabimg4 li.a2 a:hover { background-position:-135px bottom}

.tabimg5 li a { background:url(/images/tab.gif) no-repeat}
.tabimg5 li.a2 a { background-position:-136px 0}
.tabimg5 li.a1 a.on,
.tabimg5 li.a1 a:hover { background-position:0 bottom}
.tabimg5 li.a2 a.on,
.tabimg5 li.a2 a:hover { background-position:-136px bottom}

.tabimg6 li.a1 { width:136px}
.tabimg6 li.a2 { width:155px}
.tabimg6 li a { background:url(/images/tab2.gif) no-repeat}
.tabimg6 li.a2 a { background-position:-136px 0}
.tabimg6 li.a1 a.on,
.tabimg6 li.a1 a:hover { background-position:0 bottom}
.tabimg6 li.a2 a.on,
.tabimg6 li.a2 a:hover { background-position:-136px bottom}


/* ÀÌ¿ë°èÁº° »ç¿ë°¡´É °øÀÎÀÎÁõ¼­ ¾È³» Æ˾÷ ÅÇ */
.tabs3 {display:inline-block; *float:left; height:38px}
.tabs3 li{float:left; height:38px}
.tabs3 li a{display:block; overflow:hidden; height:38px; text-indent:-3000px}

.tabs3 li.a1 {width:172px}
.tabs3 li.a2 {width:200px}
.tabs3 li.a3 {width:200px}

.tabimg3 li a {background:url(/images/girohelp/tab2.gif) no-repeat}
.tabimg3 li.a1 a.on,
.tabimg3 li.a1 a:hover {background-position:0 -38px}
.tabimg3 li.a2 a {background-position:-172px 0}
.tabimg3 li.a2 a.on,
.tabimg3 li.a2 a:hover {background-position:-172px -38px}
.tabimg3 li.a3 a {background-position:-372px 0}
.tabimg3 li.a3 a.on,
.tabimg3 li.a3 a:hover {background-position:-372px -38px}

/* List */
.list_type1,
.list_tyep1 {padding:0 0 25px 0}
.list_type1 li,
.list_tyep1 li {padding:0 0 12px 25px; background:url('/images/common/bu_sqare.gif') no-repeat 10px 4px; zoom:1; line-height:145%}
.list_type1 .color1,
.list_tyep1 .color1{color:#ff6500}
.list_type1 .color2,
.list_tyep1 .color2{color:#ff0000}
.list_type1 .color3,
.list_tyep1 .color3{ color:#2d68c2}

.list_type2,
.list_tyep2 {padding:0 0 25px 0}
.list_type2 li,
.list_tyep2 li {padding:0 0 12px 21px; background:url('/images/common/bu_list.gif') no-repeat 10px 5px; zoom:1; line-height:145%}
.list_type2 li ul,
.list_tyep2 li ul { padding:5px 0}
.list_type2 li ul li,
.list_tyep2 li ul li {padding:0 0 9px 10px; background:url('/images/common/bu_square2.gif') no-repeat 0px 5px}
.list_type2 .color1,
.list_tyep2 .color1{color:#ff6500}
.list_type2 .color2,
.list_tyep2 .color2{color:#ff0000}
.list_type2 .color3,
.list_tyep2 .color3{ color:#2d68c2}

.list_type3,
.list_tyep3 {padding:0 0 25px 0}
.list_type3 li,
.list_tyep3 li {padding:0 0 7px 27px; background:url('/images/common/bu_square2.gif') no-repeat 20px 6px; zoom:1; line-height:145%}
.list_type3 .color1,
.list_tyep3 .color1{color:#ff6500}
.list_type3 .color2,
.list_tyep3 .color2{color:#ff0000}
.list_type3 .color3,
.list_tyep3 .color3{ color:#2d68c2}

.list_tyep1 li.last,
.list_tyep2 li.last,
.list_tyep3 li.last,
.list_tyep4 li.last { padding-bottom:0}

.list_tyep4 li {padding:0 0 7px 13px; background:url('/images/common/bu_square_blue.gif') no-repeat 0 4px; zoom:1; line-height:145%}
.list_tyep4 .color1{color:#ff6500}
.list_tyep4 .color2{color:#ff0000}
.list_tyep4 .color3{ color:#2d68c2}

ul.first { padding:0}

.info2 { padding:0 0 15px 19px}

div.hr { display:block; margin:0 0 15px 0; height:10px; background:url('/images/common/bg_line2.gif') repeat-x; border:1px solid #fff; zoom:1}

ul.info{padding:23px 0 16px 10px}
ul.info li{padding:0 0 0 16px;height:24px;line-height:24px;background:url('/images/common/bu_square.gif') no-repeat left center}
ul.info strong.color2{color:#fd0100}

div.redNotice{margin-top:10px; margin-bottom:10px;padding:18px; border:2px solid #e82f24; line-height:18px}
div.redNotice .infoSpec{padding:0 0 15px 0;font-size:14px}
div.redNotice .color1{color:#e72f27}
div.redNotice .time{padding-bottom:12px;color:#4f4f4f}

div.tableNotice{ margin-bottom:0;padding:0; border:0; text-align:left}
div.tableNotice .infoSpec{padding:0 0 10px 0;font-size:12px}
div.tableNotice .color1{color:#e72f27}
div.tableNotice .time{padding-bottom:6px;color:#4f4f4f}

/* step */
.step  { padding:20px 0 30px 0; height:62px; zoom:1}
.step:after { content:""; display:block; clear:both}
.step * { float:left}

/* popup */
#popup { background:none}
#pop_header { height:70px; background:url('/images/common/pop_bg_header.gif') repeat-x #fff}
#pop_header h1 { padding:22px 0 0 21px; float:left}
#pop_header h2 { padding:16px 19px 0 0; float:right}
#pop_contents { padding:30px 20px 40px; background:#fff}
#pop_footer { padding:6px 0 0 0; height:25px; background:url('/images/common/pop_bg_footer.gif') repeat-x #fff; text-align:center}

/* Quickmenu */
#quickArea { right:0}

/* ±âŸ */
.lines { margin:20px 0; height:8px; background:url(/images/common/bg_line_right.gif) no-repeat right; font-size:0}
.lines span { display:block; width:22px; height:8px; background:url(/images/common/bg_line_left.gif) no-repeat left}

.tip_box { padding:15px 8px; padding-bottom:3px; border:2px solid #e0e2e7; zoom:1; margin:0 0 20px 0}
.tip_box:after { content:""; display:block; clear:both}
.tip_box h2 a,
.tip_box h3 a,
.tip_box h4 a,
.tip_box h5 a,
.tip_box h6 a { color:#404040}
.tip_box h2,
.tip_box h3,
.tip_box h4,
.tip_box h5,
.tip_box h6 { float:left; height:24px; padding:1px 0 0 17px;background:url('/images/link/nu_h2.gif') no-repeat 0 2px; font-size:12px; color:#404040}
.tip_box .btn { float:right; position:relative; top:-3px}
.tip_box .tip_contents { display:none;clear:both; padding:15px 0; border-top:1px solid #e0e2e7}
.tip_box .tip_location { padding:15px 0 0 0; font-size:11px; text-align:right}

.tip_box2 { zoom:1; margin-bottom:-7px; }
.tip_box2:after { content:""; display:block; clear:both}
.tip_box2 h2 a,
.tip_box2 h3 a,
.tip_box2 h4 a,
.tip_box2 h5 a,
.tip_box2 h6 a { color:#404040}
.tip_box2 h2,
.tip_box2 h3,
.tip_box2 h4,
.tip_box2 h5,
.tip_box2 h6 { float:left; height:20px; font-size:12px; color:#404040}
.tip_box2 .btn { float:left; position:relative; top:-4px; left:10px}
.tip_box2 .tip_contents { display:none;clear:both; padding:15px 0; border-top:1px solid #e0e2e7}
.tip_box2 .tip_location { padding:15px 0 0 0; font-size:11px; text-align:right}

table.loading { border:3px solid #d2d9e5; width:100%}
table.loading td { padding:20px}
.loading_bg * { text-align:left}
.loading_bg p { text-align:center; padding:0 0 20px 0}

h2.h2 span.h2p { font-size:12px; color:#4f4f4f; font-weight:normal}


/* 2016-03-23 ¼öÁ¤ */
.cb {clear:both}

.box1 {width:54%}
.box2 {width:44%}
.box3 {width:30%}
.box4 {width:34%;padding:0 10px}
.box5 {width:33%}

/* text filedÀÇ ÇÑ¿µ ime-mode 2016-08-01 */
.ime_mode_hangul {IME-MODE: active;}
.ime_mode_english {IME-MODE: inactive;}