@charset "utf-8";
 
/* initial */

html,body {height:100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0}
body {color:#606060;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;font-family:'Microsoft YaHei', 'malgun gothic','SimSun',NeoAppleGothic, 'Dotum', Arial, verdana, Sans-serif}
body.zh {font-family:'Microsoft YaHei','SimSun','malgun gothic',NeoAppleGothic, 'Dotum', Arial, verdana, Sans-serif}
input,button,textarea,select {color:#606060;font-size:14px;line-height:normal;display:inline-block;vertical-align:middle;/*font-family:Arial, Dotum, Tahoma, sans-serif*/}
h1,h2,h3,h4,h5,h6 {font-weight:bold;color:#303030;line-height:1}
hr {display:none}
img,fieldset {border:0}
ul,ol,li {list-style-type:none}
legend,caption {width:0;height:0;line-height:0;position:absolute;top:0;left:0;font-size:0;overflow:hidden}
address,em,cite {font-style:normal}
code, pre {font-size:1em}
button {overflow:visible;border:0;cursor:pointer;background:none;box-sizing:content-box;font-family:'Microsoft YaHei','malgun gothic','SimSun',,NeoAppleGothic, 'Dotum', Arial, verdana, Sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block}
audio,canvas,video {display:inline-block}
label {display:inline-block;vertical-align:middle}
table {width:100%;*empty-cells:show;border-spacing:0;}
img {vertical-align:middle}
pre{font-family:'Microsoft YaHei','malgun gothic','SimSun',NeoAppleGothic, 'Dotum', Arial, verdana, Sans-serif}
input{font-family:'Microsoft YaHei','malgun gothic','SimSun',NeoAppleGothic, 'Dotum', Arial, verdana, Sans-serif}

body{overflow-y: scroll;}


a, a:link {color:#606060;text-decoration:none}
a:visited {color:#606060;text-decoration:none}
a:active {color:#606060;text-decoration:underline}
a:hover {color:#7d5210;text-decoration:underline}
a.accordion:active {text-decoration:none}
a.accordion:hover {text-decoration:none}

.hidden {width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;font-size:0;line-height:0}
.tbl {display:table;width:100%;box-sizing:border-box}
.tbl .cell {display:table-cell;vertical-align:middle}
.tbl .cell.side {float:right}
.ofh {display:block;overflow:hidden}
.ess {float:right;font-size:14px;color:#df0b0b;overflow:hidden}
.ess .mark {display:inline-block;width:20px;height:20px;vertical-align:middle;background:url(../images/common/ico_required.png) 0 0 no-repeat;text-indent:-999px}
.dimmed {position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.8;filter:alpha(opacity=80);background:#000;z-index:100}
.hr_v{display:inline-block; color: #e7e7e7; margin: 0 10px; text-indent: -9999px; width: 0px; height: 19px; border-right:1px solid #e7e7e7; text-align: left;}
.tc{display: table-cell !important;}
.next_division{display: block; border: 0; border-top:1px solid #e5e5e5; margin: 30px 0px}

/* skip */
#skipToContents {width:100%;position:relative;overflow:hidden;margin:0 auto}
#skipToContents a {display:block;background:#008375;font-weight:bold;width:0;height:0;font-size:0;line-height:0;overflow:hidden;font-size:16px;text-align:center}
#skipToContents a:hover, #skipToContents a:active, #skipToContents a:focus {display:block;height:auto;line-height:1.5;margin:0;padding:10px;width:auto;text-decoration:none;color:#fff}
#skipToNav {width:100%;position:relative;overflow:hidden;margin:0 auto}
#skipToNav a {display:block;background:#755100;font-weight:bold;width:0;height:0;font-size:0;line-height:0;overflow:hidden;font-size:16px;text-align:center}
#skipToNav a:hover, #skipToNav a:active, #skipToNav a:focus {display:block;height:auto;line-height:1.5;margin:0;padding:10px;width:auto;text-decoration:none;color:#fff}
#skipToFooter {width:100%;position:relative;overflow:hidden;margin:0 auto}
#skipToFooter a {display:block;background:#3a105e;font-weight:bold;width:0;height:0;font-size:0;line-height:0;overflow:hidden;font-size:16px;text-align:center}
#skipToFooter a:hover, #skipToFooter a:active, #skipToFooter a:focus {display:block;height:auto;line-height:1.5;margin:0;padding:10px;width:auto;text-decoration:none;color:#fff}

#skipNavi{width:100%;position:relative;overflow:hidden;margin:0 auto}
#skipNavi a{display:block;background:#3a105e;font-weight:bold;width:0;height:0;font-size:0;line-height:0;margin:0 -1px -2px 0;overflow:hidden;font-size:16px;text-align:center}
#skipNavi a:hover, #skipNavi a:active, #skipNavi a:focus{height:40px;line-height:1.5;margin:0;padding-top:10px;width:auto;text-decoration:none;color:#fff}


.mt0 {margin-top:0px!important}
.mt5 {margin-top:5px!important}
.mt10 {margin-top:10px!important}
.mt15 {margin-top:15px!important}
.mt20 {margin-top:20px!important}
.mt25 {margin-top:25px!important}
.mt30 {margin-top:30px!important}
.mt34 {margin-top:34px!important}
.mt35 {margin-top:35px!important}
.mt40 {margin-top:40px!important}
.mt45 {margin-top:45px!important}
.mt50 {margin-top:50px!important}
.ml10 {margin-left:10px!important}
.ml15 {margin-left:15px!important}
.ml20 {margin-left:20px!important}
.ml25 {margin-left:25px!important}
.ml30 {margin-left:30px!important}
.mb0{margin-bottom: 0px !important;}
.mb30{margin-bottom: 30px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.pt5 {padding-top:5px!important}
.pl10 {padding-left:10px!important}
.pb18 {padding-left:10px!important}

/* text */
.f12 {font-size:12px!important}
.f14 {font-size:14px!important}
.f16 {font-size:16px!important}
.f20 {font-size:20px!important}
.f26 {font-size:26px!important}

.fcolor1 {color:#7b5210!important}
.fcolor2 {color:#f8950f!important}
.fcolor3 {color:#df0b0b!important}
.fcolor4 {color:#303030!important}

.text_a {color:#7d5210!important;text-decoration:underline!important}
.text_u {text-decoration:underline!important}
.text_l {text-align:left!important}
.text_r {text-align:right!important}
.text_c {text-align:center!important}
.text_b {font-weight: bold !important}
.fr {float:right !important;}
.fl {float:left !important;}
.tbrl {display:inline-block;max-width:100%;writing-mode:tb-rl;writing-mode:vertical-rl;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	-o-writing-mode:vertical-rl;
	-ms-writing-mode:vertical-rl;
	-epub-writing-mode:vertical-rl
}
.b_num{font-size: 18px; font-weight: bold; color: #303030;}

/* button */
.btn_area {text-align:center;margin-top:40px;position:relative; }
.btn_area_l {text-align:left;margin-top:40px;position:relative}
.btn_area_r {text-align:right;margin-top:40px;position:relative}
.btn_area_t {text-align:right;margin-bottom:10px;position:relative}
.btn_r {position:absolute !important;top:0;right:0}
.btn_l {position:absolute !important;top:0;left:0}

.btn_icon {display:inline-block;overflow:hidden;text-indent:-9999px;background-image:url(../images/common/btn_sprites.png);background-repeat:no-repeat;vertical-align:middle;text-align:left}
.btn_icon.btn_cal {width:40px;height:40px;background-position:0 0}
.btn_icon.btn_sch {width:40px;height:40px;background-position:-50px 0}
.btn_icon.btn_desc {width:40px;height:40px;background-position:-100px 0}
.btn_icon.btn_key {width:40px;height:40px;background-position:-150px 0}
.btn_icon.btn_amo {width:40px;height:40px;background-position:-200px 0}
.btn_icon.btn_add {width:40px;height:40px;background-position:-250px 0}
.btn_icon.btn_minus {width:40px;height:40px;background-position:-300px 0}
.btn_icon.btn_list {width:43px;height:43px;background-position:0 -120px}
.btn_icon.btn_close {width:43px;height:43px;background-position:-50px -120px}
.btn_icon.btn_show {width:43px;height:43px;background-position:-100px -120px}
.btn_icon.btn_hide {width:43px;height:43px;background-position:-150px -120px}
.btn_icon.btn_more {width:30px;height:30px;background-position:-200px -120px}
.btn_icon.btn_fold {width:30px;height:30px;background-position:-235px -120px}
.btn_icon.btn_close1 {width:24px;height:24px;background-position:5px -45px}
.btn_icon.btn_close2 {width:24px;height:24px;background-position:-17px -45px}
.btn_icon.btn_close3 {width:24px;height:24px;background-position:-39px -45px}

.db_icon{width:105px;height:23px;display:inline-block;overflow:hidden;text-indent:-9999px;background-image:url(../images/common/acc_icon_db.png);background-repeat:no-repeat;vertical-align:middle; margin-right: 12px;}
.btn_box {text-align:center;margin:15px 0;position:relative; }
.btn_box:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.btn_box .btn_fl{float: left;}
.btn_box .btn_fr{float: right;}

.btnSelector{display:inline-block;*display:inline;*zoom:1;border-right:1px solid #d7d7d7; position: relative; width: 335px;}
.btnSelector button{display:block;float:left;font-size:14px;border-width:1px;border-style:solid;border-top-color:#d4d4d4;border-right:none;border-bottom-color:#adadad;border-left-color:#e6e6e6;text-align:center}
.btnSelector button{min-width:110px;line-height:38px;cursor:pointer;background:#fff;background: -webkit-linear-gradient(#fff, #f6f6f6);/* For Safari */
	background: -o-linear-gradient(#fff, #f6f6f6);/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #f6f6f6);/* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #f6f6f6);/* Standard syntax */
}
.btnSelector button:first-child{border-left-color:#d7d7d7; width: 111px;}
.btnSelector button:hover{text-decoration:none}
.btnSelector button.on{color:#fff;font-weight:bold;border-top-color:#e57800;border-right:1px solid #e58d00;border-bottom-color:#e59000;border-left-color:#e58d00;
	background:#f59d16;
	background: -webkit-linear-gradient(#f59d16, #f9a61a);/* For Safari */
	background: -o-linear-gradient(#f59d16, #f9a61a);/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f59d16, #f9a61a);/* For Firefox 3.6 to 15 */
	background: linear-gradient(#f59d16, #f9a61a);/* Standard syntax */	
}
.btnSelector.dual button{width:166px}

[class^=btn_type] {position:relative;text-align:center;overflow:visible;display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;white-space:nowrap;vertical-align:middle}
[class^=btn_type]:hover {text-decoration:none}
[class^=btn_type] .btn_icon {margin-top:-2px}
.btn_type_lg {min-width:100px;height:36px;padding:1px 20px;font-size:16px;font-weight:bold;line-height:36px}
.btn_type_lg.searchBtn {min-width:60px;height:36px;padding:1px 20px;font-size:15px;font-weight:bold;line-height:36px}
.btn_type_lg.imgChangeBtn {min-width:140px;}
.btn_type_lg .btn_icon.reset {width:17px;height:16px;margin-right:9px;background-position:0 -70px}
.btn_type_lg .btn_icon.down {width:14px;height:11px;margin-right:4px;background-position:-47px -70px;}
.btn_type_lg .btn_icon.print {width:12px;height:11px;margin-right:4px;background-position:-71px -70px}
.btn_type_md {min-width:64px;height:36px;padding:1px 7px;font-size:16px;font-weight:bold;line-height:36px}
.btn_type_md2 {width:81px;height:25px;padding:0px 10px;font-size:12px;font-weight:bold;line-height:25px}
.btn_type_md3 {min-width:64px;height:36px;padding:1px 20px;font-size:16px;font-weight:bold;line-height:36px}
.btn_type_sm {height:23px;padding:1px 10px;font-size:12px;line-height:23px;font-weight:normal}
.btn_type_sm.wide{padding: 1px 18px;}
.btn_type_sm .btn_icon.detail {width:12px;height:12px;margin-right:4px;background-position:-94px -70px}
.btn_type_sm .btn_icon.reset {width:10px;height:10px;margin-right:5px;background-position:-27px -70px}
.btn_type_sm .btn_icon.down {width:14px;height:11px;margin-right:4px;background-position:-47px -70px}
.btn_type_sm .btn_icon.print {width:12px;height:11px;margin-right:4px;background-position:-71px -70px}
.btn_type_sm .btn_icon.update {width:12px;height:11px;margin-right:4px;background-position:-115px -70px}
.btn_color1, .btn_color1:hover {color:#303030 !important;border:1px solid #d7d7d7;border-bottom:1px solid #adadad;
	background:#fff;
	background:-webkit-linear-gradient(#fff, #f6f6f6);/* For Safari */
	background:-o-linear-gradient(#fff, #f6f6f6);/* For Opera 11.1 to 12.0 */
	background:-moz-linear-gradient(#fff, #f6f6f6);/* For Firefox 3.6 to 15 */
	background:linear-gradient(#fff, #f6f6f6);/* Standard syntax */
}
.btn_color2, .btn_color2:hover,.btn_color2:visited {color:#fff !important;border:none;border-top:1px solid #f8950f;border-bottom:1px solid #eb6c05;
	background:#ea8500;
	background:-webkit-linear-gradient(#f8950f, #f2870b);/* For Safari */
	background:-o-linear-gradient(#f8950f, #f2870b);/* For Opera 11.1 to 12.0 */
	background:-moz-linear-gradient(#f8950f, #f2870b);/* For Firefox 3.6 to 15 */
	background:linear-gradient(#f8950f, #f2870b);/* Standard syntax */
}

.btn_color3, .btn_color3:hover {min-width:inherit;color:#5483d1 !important;background:#fff;border:1px solid #bed2f3;border-top-color:#c7d9f7;border-bottom-color:#7c9cd2}

.btn_type_a {margin:0;text-align:left;line-height:19px;font-size:13px}
.btn_type_a:hover {text-decoration:underline}
.btn_type_a .btn_icon {width:20px;height:20px;font-size:14px;margin-right:5px}
.btn_type_a .btn_icon.delete {background-position:0 -90px}
.btn_type_a .btn_icon.selectall {background-position:-30px -90px}
.btn_type_a .btn_icon.plus {background-position:-60px -90px}
.btn_type_a .btn_icon.history {background-position:-90px -90px}
.btn_type_a .btn_icon.modify {background-position:-120px -90px}
.btn_type_a .btn_icon.edit {background-position:-150px -90px}
.btn_type_a .btn_icon.down {background-position:-180px -90px}
.btn_type_a .btn_icon.check {background-position:-210px -90px}
.btn_type_a .btn_icon.print {background-position:-240px -90px}

.btn_selector {display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.btn_selector button {display:block;float:left;min-width:112px;line-height:38px;margin-left:-1px;font-size:14px;border:1px solid #d4d4d4;border-left-color:#e6e6e6;border-right-color:#d7d7d7;text-align:center;background:#fff;
	background:-webkit-linear-gradient(#fff, #f6f6f6);/* For Safari */
	background:-o-linear-gradient(#fff, #f6f6f6);/* For Opera 11.1 to 12.0 */
	background:-moz-linear-gradient(#fff, #f6f6f6);/* For Firefox 3.6 to 15 */
	background:linear-gradient(#fff, #f6f6f6);/* Standard syntax */
}
.btn_selector button:first-child {border-left-color:#d7d7d7}
.btn_selector button.on {position:relative;color:#fff;font-weight:bold;border:1px solid #e59000;background:#f59d16;
	background:-webkit-linear-gradient(#f59d16, #f9a61a);/* For Safari */
	background:-o-linear-gradient(#f59d16, #f9a61a);/* For Opera 11.1 to 12.0 */
	background:-moz-linear-gradient(#f59d16, #f9a61a);/* For Firefox 3.6 to 15 */
	background:linear-gradient(#f59d16, #f9a61a);/* Standard syntax */	
}

.btnComm{position:relative;overflow:visible;margin:0;padding:0;display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;border:0;vertical-align:top;white-space:nowrap}
.btnComm:link, .btnComm:hover, .btnComm:active, .btnComm:focus, .btnComm:visited{color:#303030;text-decoration:none}
.btnComm{margin:0 2px}
.btnComm *{vertical-align:top}

.btnImg{overflow:hidden;display:block;text-indent:-9999px;margin:0;padding:0;display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;border:0;vertical-align:top;white-space:nowrap}
.btnImg{background:url(../images/common/bg_icon.gif) no-repeat}
.btnImg.btnCal{width:40px;height:40px;background-position:0 0}
.btnImg.btnSearch{width:40px;height:40px;background-position:-60px 0}
.btnImg.btnDesc{width:40px;height:40px;background-position:-150px 0}
.btnImg.btnKeybo{width:40px;height:40px;background-position:-245px 0}
/*.btnImg.btnKeybo2{width:50px;height:50px;background-position:-355px 0} */
.btnImg.btnAmount{width:40px;height:40px;background-position:-300px 0}
.btnList{width:43px;height:43px;background-position:0 -373px}
.btnClose{width:43px;height:43px;background-position:-49px -373px}
.btnDetail{width:43px;height:43px;background-position:-101px -373px}
.btnOpen{width:43px;height:43px;background-position:-151px -373px}
.btnClose2{width:43px;height:43px;background-position:-199px -373px}

.btnSmall{height:25px;padding:0 10px;font-size:12px;line-height:25px;line-height:24px\0IE8;text-align:center;border:1px solid #d7d7d7;border-bottom:1px solid #adadad;background:#fff;background: -webkit-linear-gradient(#fff, #f6f6f6);/* For Safari */
	background: -o-linear-gradient(#fff, #f6f6f6);/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #f6f6f6);/* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #f6f6f6);/* Standard syntax */
}

.btnTable{display:inline-block;overflow:hidden;text-indent:-9999px;background-image:url(../images/common/btn_sprites3.png);background-repeat:no-repeat;vertical-align:middle;text-align:left; }
.btnTable.transfer{width:17px;height:24px;background-position:-2px -2px}
.btnTable.inquiry{width:20px;height:24px;background-position:-24px -2px}
.btnTable.link{width:19px;height:19px;background-position:-48px -2px}
.btnTable.pay{width:24px;height:25px;background-position:-68px -1px}
.btnTable.cancel{width:21px;height:24px;background-position:-92px -2px}
.table_area hr{border: 0px; display:inline-block; width: 0px; height: 14px; border-right:1px solid #dddddd; vertical-align: middle; margin: 0 16px;}
.icon_sec{display:block;background-image:url(../images/common/btn_sprites_sec.png);background-repeat:no-repeat;vertical-align:middle;text-align:left; padding:1px 0px 1px 26px;}
.icon_sec.keyboard{background-position:0px 0px}
.icon_sec.signature{background-position:0px -120px}
.icon_sec.usbkey{background-position:0px -240px}
.clampR{display:inline-block;overflow:hidden;text-indent:-9999px;background-image:url(../images/common/icon_sprites.png);background-repeat:no-repeat;vertical-align:middle;text-align:left; margin-left: 12px;width:6px;height:12px;background-position:-1px -18px; margin-top: -1px; margin-right: -4px;}

.btn_box .btn_float_l{position: absolute; top:0px; left: 0px;}
.btn_box .btn_float_r{position: absolute; top:0px; right: 0px;}


/* Icon */
.icon_box{height: 18px; line-height: 18px; margin-bottom: 12px; text-align: right; color: #000; }
.icon_type_a {display:inline-block; margin:0;text-align:left;line-height:16px;font-size:12px;vertical-align: top;}

.icon_img{display:inline-block;overflow:hidden;text-indent:-9999px;background-image:url(../images/common/icon_sprites.png);background-repeat:no-repeat;vertical-align:middle;text-align:left; margin-right: 5px;}
.icon_img.transfer{width:11px;height:16px;background-position:-1px -1px}
.icon_img.inquiry{width:13px;height:16px;background-position:-14px -1px}
.icon_img.link{width:13px;height:16px;background-position:-29px 0px}
.icon_img.pay{width:16px;height:16px;background-position:-43px 0px}
.icon_img.cancel{width:14px;height:16px;background-position:-59px 0px}
.icon_box hr{border: 0px; display:inline-block; width: 5px;}

/* bullet */
[class^=bl_] {padding-left:12px}
[class^=bl_]:before {content:'';width:12px;margin-left:-12px;display:inline-block;background-image:url(../images/common/bl_sprites.png);background-repeat:no-repeat;position:relative;top:-1px;vertical-align:middle}
.bl_error {padding-left:22px;color:#df0b0b}
.bl_error:before {width:22px;height:16px;margin-left:-22px;background-position:0 0}
.bl_link {margin-right:20px;font-size:14px;/* color:#7b5210;text-decoration:underline */}
.bl_link:before {height:10px;background-position:0 -65px}
.bl_star {color:#7d5210}
.bl_star:before {height:7px;background-position:0 -41px}
.bl_dot {padding-left:10px}
.bl_dot:before {width:10px;margin-left:-10px;height:4px;background-position:0 -92px}
.bl_dotr {padding-left:10px;color:#df0b0b}
.bl_dotr:before {width:10px;margin-left:-10px;height:4px;background-position:0 -97px}
.bl_chk:before {height:8px;background-position:0 -102px}
.bl_chkw {color:#fff}
.bl_chkw:before {height:8px;background-position:0 -112px}
.bl_next {color:#fff}
.bl_next:before {height:10px;background-position:0 -80px; padding-left: 5px;}
.bl_crss {font-size:14px;padding-left:22px}
.bl_crss:before {width:22px;margin-left:-22px;height:12px;background:url(../images/common/bl_desc.gif) 0 0 no-repeat}


/* form */
input[type=text]::-ms-clear, input[type=password]::-ms-clear {display:none}
textarea {width:100%;box-sizing:border-box;padding:10px;color:#606060;line-height:1.5;border:1px solid #cacaca;border-right-color:#dadada;border-bottom-color:#dadada;outline:0}
textarea:focus {border-color:#f9a61a;outline:0}

[class*="money_"]{padding-left:40px;background:url(../images/common/bg_currency.png) no-repeat 10px 13px;text-align:right!important}
.money{text-align:right!important}
.money_php[disabled] {padding-left:40px;background:url(../images/common/bg_currency_dsa.png) no-repeat 10px 13px;text-align:right!important;background-position:10px -107px}

.inp_box {box-sizing:border-box;height:40px;padding:0 10px;color:#606060;line-height:38px;border:1px solid #cacaca;border-right-color:#dadada;border-bottom-color:#dadada;outline:0}
.inp_box:focus {border-color:#f9a61a!important;outline:0;position:relative;z-index:9}
.inp_box[disabled] {color:#aaa;background-color:#f6f6f6}
.inp_box[readonly]:focus {border-color:#cacaca!important}
.inp_box[att=placeholder] {color:#606060;padding:10px}
.inp_box.inp_error {color:#df0b0b;border:1px solid #df0b0b;position:relative;z-index:2}
.inp_sm {width:47px;height:20px;line-height:20px;border:1px solid #cacaca;text-align:center;font-weight:bold}
object.inp_box{display:block; position: relative;}
object.inp_box .embed{position: absolute;top: 0;left: 0;width: 334px;height: 38px;}
input[type="file"]{padding:8px 10px; height: initial;}
.search_ipt{margin-right: 0 !important; border-right:0 !important;}

.money_doll {background-position:10px 13px}
.money_krw {background-position:10px -17px}
.money_jpy {background-position:10px -47px}
.money_eur {background-position:10px -77px}
.money_php {background-position:10px -107px}

.inp_form {display:inline-block;box-sizing:border-box;padding-right:39px;position:relative;*display:inline;*zoom:1}
.inp_form .inp_box {width:100%!important}
.inp_form .btn_icon {position:absolute;top:0;right:0}

.inp_attach{}
.inp_attach:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.inp_attach button {float: left;}
.inp_attach > .inp_box{float: left;margin-right: 10px;}
.inp_attach .attach {display:inline-block;overflow:hidden;position:relative;vertical-align:middle}
.inp_attach .attach .inp_file {font-size:40px;position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);cursor:pointer}

.inp_radio, .inp_check {cursor:pointer;-webkit-appearance:none;-ms-appearance:none;appearance:none}
.inp_radio[type=radio]:before, .inp_check[type=checkbox]:before {content:"";display:inline-block;vertical-align:middle;width:19px;height:19px;background:url(../images/common/form_sprites.png) no-repeat 0 -169px}
.inp_radio[type=radio]:checked:before {background-position:0 -219px}
.inp_check[type=checkbox]:before {background-position:0 -277px}
.inp_check[type=checkbox]:checked:before {background-position:0 -331px}
.lab_text {cursor:pointer;margin-left:5px}
.select_box {display:inline-block;*display:inline;*zoom:1;box-sizing:border-box;position:relative;font-size:0;line-height:0;z-index:100;vertical-align:middle;text-align:left}
.select_box .tit {display:block;padding:0 43px 0 10px;height:38px;font-size:14px;line-height:38px;border:1px solid #d4d4d4;background:#fff url(../images/common/form_sprites.png) no-repeat 100% 0}
.select_box .tit > span {display:inline-block;overflow:hidden;margin-left:0;padding:4px 0 0 0;line-height:30px;white-space:nowrap}
.select_box .tit span span, .select_box .overcon .con a span {display:inline}
.select_box .tit.on {color:#ebb111;border:1px solid #f9a61a;background-position:100% -50px}
.select_box .overcon * {font-size:14px;line-height:1.1em}
.select_box .overcon .con {padding:0}
.select_box .overcon .con a {overflow:hidden;display:block;margin-right:10px;padding:12px 0 12px 10px;white-space:nowrap}
.select_box .overcon .con a.on {color:#f9a61a}
.select_box .overcon .con li {float:none;width:100%;margin:0;padding:0}
.select_box > div > div {margin-right:39px;padding-bottom:1px}
.select_box > div > div > div {background:#fff;border-left:1px solid #f9a61a;border-right:1px solid #f9a61a;border-bottom:1px solid #f9a61a}
.select_box .select.sel_disabled .tit {color:#aaa!important;cursor:default;background-color:#f6f6f6;background-position:100% -93px}
.select_box .select.sel_disabled a:hover {color:#aaa}
.select_box a:hover {text-decoration:none}
.select_box.select_btm > div > div {top:auto!important;bottom:40px}
.select_box.select_btm > div > div > div {border-top:1px solid #f9a61a;border-bottom:none}
.select_box .acc_name {padding-right:8px;font-weight:bold}

/* jscroll */
.jspContainer {overflow:hidden;position:relative}
.jspPane {position:absolute;left:0!important}
.jspVerticalBar {position:absolute;right:0px;width:12px;height:100%;padding-right:5px}
.jspTrack {background:#ccc;position:relative}
.jspDrag {background:#f9a61a;position:relative;top:0;left:0px;cursor:pointer}
.jspCapTop {height:8px} 
.jspCapBottom {height:8px}



/* Layout */



/* header */
.header{position: relative;z-index: 200;text-align: center; background-color: #fff; border-bottom: 1px solid #d1d1d1}
.headerWrap{width: 1024px; margin: 0 auto;}
.header > .headerWrap > a{ display:inline-block;overflow:hidden;text-indent:-9999px;background-image:url(../images/common/img_header_bi.png);background-repeat:no-repeat;vertical-align:middle; width: 204px; height: 28px; margin-top: 34px; margin-bottom: 28px;}
.header > .headerWrap > span{ display:inline-block;z-index: 200;vertical-align:right; width: 204px; height: 28px; margin-top: 40px; float:right}


/* footer */
/*.footer:before{content: '';display:block;position: relative; height: 71px;}*/
.footer {position: relative;width: 100%; height: 71px; bottom: 0px; background-color: #333333;}
/*.footer {position: relative;width: 100%; height: 112px; bottom: 0px; background-color: #333333;}*/
.footer > div {width: 1024px; margin: 0 auto;}
.footer > div:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.footer > div > p {float:left;width:40%;padding-top:15px;}
.footer > div > p .bi{display:inline-block;overflow:hidden;width: 167px; height: 25px;text-indent:-9999px;background-image:url(../images/common/img_footer_bi.png);background-repeat:no-repeat;vertical-align:middle;}
.footer > div > p .cr{display:block;padding-top:5px;color: #898989; font-size: 12px;}
.footer > div > .cs{float: left;width:60%; color: #c0c0c0; font-size: 12px; padding-top: 15px;}
.footer > div > .cs li {float:left;width:50%;padding-top:6px;}

/* gnb */
.nav_all{position: absolute; top:0px; left: 0px;}
.nav_all > a{ display:inline-block;overflow:hidden;text-indent:-9999px;background-image:url(../images/common/img_nav.png);background-repeat:no-repeat;vertical-align:middle; width: 22px; height: 20px; margin: 17px 25px 16px 0px; }
.nav_all > ul{display: none;}
.gnb{}
.gnb a:hover{color: #f6ab00; text-decoration: none;}
.gnb_wrap{border-bottom: 1px solid #d1d1d1;}
.gnb_wrap:after{content:"";clear:both;display:block;height:0;visibility:hidden}
/* .depth1_bar{position: relative;width:100%;max-width:1024px; margin: 0 auto;padding:0 15px;box-sizing:border-box;} */ 
.depth1_bar{position: relative;width:1200px; margin: 0 auto;} 
.depth1_bar > .depth1{height: 53px; position: relative;margin-left: 25px; }
.depth1_bar > .depth1 > li{float: left; position: relative;}
/* .depth1_bar > .depth1 > li > a{padding: 18px 24px 19px;font-size: 16px; line-height: 16px; display: inline-block;font-weight:bold} */
/* .depth1_bar > .depth1 > li > a{padding: 18px 16px 19px;font-size: 16px;line-height: 16px;display: inline-block;font-weight:bold;} */
.depth1_bar > .depth1 > li > a{padding: 18px 13px 19px;font-size: 16px;line-height: 16px;display: inline-block;font-weight:bold;}
.depth2_bar{height: 52px; border-bottom: 1px solid #d1d1d1;z-index: 10;left: 0px;width: 100%; background-color: #fff;}
.depth1 > li > ul{display: none; position: absolute; top:54px; height: 53px;  z-index: 10; left: 50%; font-size: 0px;}
.depth1 > li > ul:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.depth1 > li.on{position: relative; z-index: 100;}
.depth1 > li.on > a{color: #f6ab00;}
.depth1 > li.on > ul{display: block; text-align: center;}
.depth1 > li.on:before{content:"";display:block;position: absolute;width: 11px; height: 11px; background-image:url(../images/common/img_nav.png);background-repeat:no-repeat; background-position: -24px -4px; top:48px; left: 50%; margin-left: -5px; z-index: 1001;}
.depth1 > li > ul > li{font-size: 14px; line-height: 14px;padding: 20px 0px; margin-top: -1px; display: inline-block;}
.depth1 > li > ul > li > a{display: block;	 border-left: 1px solid #d1d1d1; padding: 0px 26px;}
.depth1 > li > ul > li:first-child > a{border-left: none;}
.depth1 > li > ul > li > a:hover{color: #f6ab00;}
.depth1 > li > ul > li.focus > a{color: #f6ab00;}
.gnb01 > ul{width: 600px;margin-left: -100px;}
.gnb02 > ul{width: 1024px;margin-left: -280px;}
.depth1 > li.gnb02 > ul > li > a{padding: 0px 18px;}
.gnb03 > ul{width: 400px;margin-left: -200px;}
.gnb04 > ul{width: 700px;margin-left: -250px;}
.gnb05 > ul{width: 710px;margin-left: -355px;}
.gnb06 > ul{width: 400px;margin-left: -200px;}
.gnb07 > ul{width: 400px;margin-left: -200px;}
.gnb08 > ul{width: 400px;margin-left: -200px;}
.gnb09 > ul{width: 1900px;margin-left: -1350px;}
/* lnb */
.lnb > ul{padding-top: 38px;padding-bottom: 27px;}
.lnb > ul > li > strong{display: block;	 font-weight: normal; font-size: 18px; color: #000000; margin-right: 10px; padding-bottom: 11px; line-height: 16px; padding-top: 10px; line-height: 22px; letter-spacing: -1px;}
.lnb > ul > li > strong.focus > a{color: #008485; }
.lnb > ul > li > strong a{text-decoration: none; color: #000000; position: relative; padding-left: 12px;}
.lnb > ul > li > strong a{background:url(../images/common/icon_lnb_off.png) no-repeat; background-position: -1px 50%; }
.lnb > ul > li > strong.on a{background:url(../images/common/icon_lnb_on.png) no-repeat; background-position:-1px 50%; }
.lnb > ul > li > strong.focus a{background:url(../images/common/icon_lnb_off_focus.png) no-repeat; background-position: -1px 50%;}
.lnb > ul > li > strong.on.focus > a{background:url(../images/common/icon_lnb_on_focus.png) no-repeat; background-position: -1px 50%;}
.lnb > ul > li > strong a:hover{color: #f6ab00;}
.lnb > ul > li > strong a.on{color: #f6ab00;}
.lnb > ul > li > a{display: block;position: relative; font-weight: normal; font-size: 18px; color: #000000; margin-right: 10px; padding-bottom: 11px; line-height: 16px; margin-top: 10px; padding-left: 12px; text-decoration: none; line-height: 22px;}
.lnb > ul > li > a:before{content: ''; position: absolute; width: 9px; height: 9px; top:50%; margin-top: -9px; left:-1px; background:url(../images/common/icon_lnb_off.png) no-repeat 0px 0px;}
.lnb > ul > li > a.focus{color: #008485; }
.lnb > ul > li > a.focus:before{content: ''; position: absolute; width: 9px; height: 9px; top:50%; margin-top: -9px; left:-1px; background:url(../images/common/icon_lnb_off_focus.png) no-repeat 0px 0px;}
.lnb > ul > li > a:hover{color: #f6ab00;}
.lnb > ul > li > ul{display: none; margin-right: 50px; padding-bottom: 11px; margin-top: -2px; }
.lnb > ul > li.on > ul{display: block;}
.lnb > ul > li > ul > li {line-height: 20px; padding-bottom: 5px; margin-right: -50px;}
.lnb > ul > li > ul > li.focus a{color: #008485;}
.lnb > ul > li > ul > li > a{display:block; position: relative; margin-left: 12px; border-top: 1px solid #d1d1d1; margin-right: 12px; padding: 9px 10px 4px 0px;}
.lnb > ul > li > ul > li > a:after{content: ''; position: absolute; width: 4px; height: 7px; top:50%; margin-top: -1px; right:5px; background:url(../images/common/icon_lnb_2d_off.png) no-repeat 0px 0px;}
.lnb > ul > li > ul > li.focus > a:after{content: ''; position: absolute; width: 4px; height: 7px; top:50%; margin-top: -1px; right:5px; background:url(../images/common/icon_lnb_2d_on.png) no-repeat 0px 0px;}
.lnb > ul > li > ul > li:first-child > a{border-top: 0px;}
.lnb > ul > li > ul > li > span{display:block; position: relative; padding-left: 11px;}
.lnb > ul > li > ul > li > a:hover{color: #f6ab00;text-decoration: none;}
.lnb > ul > li > ul > li > span:before{content: '- '; position: absolute; width: 11px; top: 0px; left: 0px;}
.lnb > ul > li > ul > li > ul{padding-left: 11px;}
.lnb > ul > li > ul > li > ul > li{font-size: 13px; line-height: 18px;}
.lnb > ul > li > ul > li > ul > li > a{display:block; position: relative; padding-left: 8px;}
.lnb > ul > li > ul > li > ul > li > a:hover{color: #f6ab00;text-decoration: none;}
.lnb > ul > li > ul > li > ul > li > a:before{content: '· '; position: absolute; width: 8px; top: 0px; left: 0px;}


.lnb > ul > li > a.num_banner{display:block;margin-top:33px;width: 136px; height: 62px; border: 1px solid #d1d1d1; background-color: #fff; text-align: center; padding: 0; line-height: initial;}
.lnb > ul > li > a.num_banner:-webkit-any-link{ text-decoration: none !important;}
.lnb > ul > li > a.num_banner > strong{display: inline-block; height: 19px; background:url(../images/common/icon_call_center.png) no-repeat 0px 0px; padding-left: 35px; color: #828282; line-height: 18px; font-size: 14px; padding-top: 2px; margin-top: 11px;}
.lnb > ul > li > a.num_banner > span{display: block; text-align: center; font-size: 18px; text-align: center; color: #f6ab00; font-weight: bold; text-decoration: none;}
.lnb > ul > li > a.num_banner > span:hover{text-decoration: none;}
.lnb > ul > li > a.num_banner:before{display: none;}

/* .selectLang{position:absolute;top:15px;right:0px;width:115px;z-index:100;background:url(../images/common/img_nav.png) no-repeat -37px 0px} */
.selectLang{position:absolute;top:15px;right:-60px;width:115px;z-index:100;background:url(../images/common/img_nav.png) no-repeat -37px 0px}
.selectLang > a{display:block;padding-left:25px;color:#565656;font-weight:bold; font-size: 14px;line-height:24px;margin-left: 4px;}
.selectLang > a:hover{text-decoration:none}
.selectLang.on{background-position:-153px 0px}
.selectLang .listLang{display:none;position:absolute;top:24px;right:0;width:115px;padding:3px 0 6px 0;background:#ebebeb;z-index:1000}
.selectLang .listLang a{display:block;margin-left:4px;padding-left:25px;color:#565656;font-size:14px;line-height:24px; font-weight: bold; }
.selectLang .listLang a:hover{color: #f6ab00}
.selectLang a{background:url(../images/common/bg_gnb.png) no-repeat -782px -218px}
.selectLang a.langEng{background-position:-782px -218px}
.selectLang a.langIndo{background-position:-782px -252px}
.selectLang a.langChi{background-position:-782px -279px}
.selectLang a.langKor{background-position:-782px -303px}
.selectLang a.langFra{background-position:-782px -330px}

/* lnb */
.lnb{position:relative; width: 174px; top:0px; left:0px; background-color: #eeeeee; float: left;}

/* container */
/*.wrapper:after{content:"";clear:both;display:block;height:0;visibility:hidden}*/
.con_bg{display:block;position: absolute; background-color: #eeeeee}
.container{width: 1030px; position: relative; margin: 0 auto}
.container:after{content:"";clear:both;height:0;visibility:hidden;display: block}
.contents{width: 856px; float: left;}
.conWrap{padding: 50px 0 0 44px;}
.contents h1:before{content: ''; position: absolute; width: 20px; height: 3px; top:0px; left:0px;background-color: #666666;}
.contents h1{position:relative; font-size: 32px; color: #4d4d4d; padding-top: 17px; padding-bottom: 30px;}
.contents h2{padding:36px 32px 24px 32px;color: #303030;font-weight: bold;line-height: 28px;vertical-align: middle;font-size: 22px;}

/* table */
.table_area {border-top:2px solid #f9a61a;border-bottom:1px solid #f9a61a}
.table_area.nodata {border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
.table_area .scrolledArea{max-height: 600px; overflow-y:auto;}
.table_area .table {border-collapse:collapse}
.table_area .table .inp_form, .table_area .table .inp_box, .table_area .table .select_box {margin:-6px 0}
.table_area .table th {padding:11px 6px 10px 6px;height:27px;line-height:18px; font-size: 14px;}
.table_area .table td {padding:12px 6px 10px 6px;height:27px;line-height:18px; font-size: 13px;word-break: break-word}
.table_area.stp .table th {padding:10px 6px 11px;height:27px;line-height:1.2; font-size: 14px;}
.table_area.stp .table td {padding:10px 6px 11px;height:27px;line-height:1.2; font-size: 13px;}
.table_area.smp .table th {padding:10px 6px 11px;height:27px;line-height:1.2; font-size: 13px;}
.table_area.smp .table td {padding:10px 6px 11px;height:27px;line-height:1.2; font-size: 13px;}
.table_area.pdb .table th .table_area.pdb .table td {padding:13px 20px;}
.table_area .table th {text-align:center;font-weight:bold;border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;color:#303030}
.table_area .table th.depth {background:#fffaf3;color:#f9a61a}
.table_area .table td {border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7}
.table_area .table tr:first-child td {border-top:1px solid #f9a61a}
.table_area .table tr th:first-child,
.table_area .table tr td:first-child {border-left:0}
.table_area .table thead tr {border-bottom:1px solid #f9a61a}
.table_area .table thead+tbody td, .table_area .table thead td {text-align:center}
.table_area .table thead tr:first-child th,
.table_area .table tbody tr:first-child th,
.table_area .table tbody tr:first-child td {border-top:0}
.table_area .table tbody th {text-align:left}
.table_area.thc .table tbody th{text-align:center;}
.table_area .table tbody th.depth {border-left:1px solid #e7e7e7}
.table_area .table tbody th.depth+td {border-left:1px solid #f9a61a}
.table_area .table.narr th, .table_area .table.narr td {padding:7px 5px;font-size:14px}
.table_area .tie td {border-left:1px solid #e7e7e7!important}
.table_area .txt {padding:15px 0;border-top:1px solid #e7e7e7}
.table_area .inp_sm {float:left;margin-right:10px}
.table_area .table .inp_td {height: 39px;}
.table_area .table+.table, .table_area .txt+.table {border-top:1px solid #f9a61a}
.table_area.row_table th{background-color: #fffaf3}
.table_area.row_table th,.table_area.row_table td{padding: 13px 14px;}
.table_area .date{font-weight: bold;}
.table_area .title{display:block;}
.table_area .textLink{color:#7d5210;text-decoration:underline}
.table_area.crc_table{margin-bottom: 40px;}
.table_area.crc_table th{padding:6px 6px 5px 6px;}
.table_area.crc_table .dual_top_th th{border-top: 2px solid #f9a61a}
.table_area .table tbody.usbkey_mac tr:first-child td,.table_area .table tbody.usbkey_all tr:first-child td{border-top:1px solid #e7e7e7}
.table_area.sec .table th {background-color: #fffaf3; font-size: 14px;}
.table_area.sec .table td{text-align: left; line-height: 24px; padding-left:12px; padding-right:12px;}
.table_area.product{margin-left: 30px;}
.table_area.product_1t{margin-left: 12px;}

.table_area.chag {border-top:2px solid #ababab;border-bottom:1px solid #ababab}
.table_area.chag td{font-size: 15px; color: #1e1e1e; text-align: center;}
.table_area.chag .table th {text-align:center;font-weight:bold;border-left:0px;color:#000;border-bottom: 2px solid #ababab; font-size: 16px;}
.table_area.chag .table thead tr {border-bottom:1px solid #fff}
.table_area.chag .theader{font-weight: bold;}
.table_area.chag .table td.theader{}
.table_area.chag .table tr:first-child td.theader{border-top: 0px;}
.table_area.chag .table td.theader:first-child{ border-left: 0px;}

.ieLine {border-left:#e7e7e7 1px solid !important;}

.date_bar{margin-bottom: 12px;}
.date_bar:after{content:".";height:0;visibility:hidden;clear:both}
.date_bar h3{float: left; font-size: 14px;}
.date_bar span{display:block; float: right;}


/* board */
.board_area {border-top:2px solid #ababab;border-bottom:1px solid #ababab}
.board_area .board {border-collapse:collapse}
.board_area .board th {padding:11px 6px 10px 6px;height:27px;line-height:18px; font-size: 14px;}
.board_area .board td {padding:12px 6px 11px 6px;height:27px;line-height:18px; font-size: 15px; word-break: break-word}
.board_area .board th {text-align:center;font-weight:bold;color:#000000; font-size: 16px;}
.board_area .board td {border-top:1px solid #e7e7e7;cursor: pointer}
.board_area .board td.title{font-weight: bold; color: #1e1e1e; position: relative; line-height: 22px; padding-left: 25px; text-align: left;}
.board_area .board td.title:before{content: '·';position: absolute; left: 12px; top:12px; color: #fabb50;}
.board_area .board td.icon{color: #52504c; text-align: center;}
.board_area .board td.icon .download_icon{display:inline-block;vertical-align:middle;margin:0 2px;width:21px;height:19px;background:url(../images/common/icon_bod_dwn.png) no-repeat;text-indent: -9999px;padding:0;}
.board_area .board td.date{ color: #52504c; text-align: center;}
.board_area .board td.category{ color: #52504c; text-align: center;}
.board_area .board tr:first-child td {border-top:1px solid #f9a61a}
.board_area .board tr th:first-child,.board_area .board tr td:first-child {border-left:0}
.board_area .board thead tr {border-bottom:2px solid #ababab}
.board_area .board thead+tbody td, .table_area .table thead td {text-align:center}
.board_area .board thead tr:first-child th,
.board_area .board tbody tr:first-child th,
.board_area .board tbody tr:first-child td {border-top:0}
.board_area .board tbody th {text-align:left}
.board_area .board.detail td{cursor: default;}
.board_area .board.detail td.subscript{padding: 15px 25px; color: #303030; line-height: 22px; height: 310px; vertical-align: top;}
.board_area .board.detail td.icon a{font-size: 13px; color: #000000; line-height: 19px;}
.board_area .board.detail td.icon span{vertical-align: middle;}
.board_area .board.detail td.icon .date{font-size: 15px; color: #52504c; line-height: 19px;}
.board_area.rec .board td{cursor: default;}
.board_area.rec .board td.icon{color: #52504c; text-align: right; padding-right: 25px;}
.board_area.rec .board td.title_sub{color: #898989; font-weight: normal; padding-left: 25px;}

.no_data {padding:68px 32px 36px !important;color:#f8950f;font-weight:bold;text-align:center;background:url(../images/common/ico_nodata.gif) no-repeat center 40px;cursor: default !important;}

/* paging */
.paginationBox {text-align: center;}
.paging{margin: 50px 0 40px;}
.paging a, .paging span {display:inline-block;text-decoration:none;display:inline-block;margin:0 6px;padding:0 8px; font-size: 16px;}
.paging .on{color:#303030;font-weight:bold}
.paging .pageFirst, .paging .pagePrev, .paging .pageNext, .paging .pageLast{display:inline-block;vertical-align:middle;margin:0 2px;width:26px;height:26px;background:url(../images/common/btn_paging.gif) no-repeat;text-indent: -9999px;padding:0;}
.paging .pageFirst {background-position:0 0}
.paging .pagePrev {background-position:-26px 0}
.paging .pageNext {background-position:-52px 0}
.paging .pageLast {background-position:-78px 0} 
.paging .prev, .pagination .next{display:inline-block;vertical-align:middle;margin:0 2px;width:26px;height:26px;background:url(../images/common/btn_paging.gif) no-repeat;text-indent: -9999px;padding:0;}
.paging .prev{background-position:-26px 0; }
.paging .next{background-position:-52px 0}
.paging a:hover, .pagination a:focus, .pagination a:active{text-decoration:underline}

/* search_bar */
.list_search_bar:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.list_search_bar{margin-bottom: 15px;}
.list_search_bar .fl{color: #4b4b4b; margin-top: 25px; line-height: 15px; font-size: 15px;}
.list_search_bar .num{font-weight: bold;}
.list_search_bar .board_src_bar:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.board_src_bar .select_box,.board_src_bar .search_ipt,.board_src_bar .btn_sch{float: left;}
.board_src_bar .select_box{margin-right: 5px;}

.list_search_bar.faq{margin: 36px 0px;}
.list_search_bar.faq .fl{margin-top: 0px;}
.list_search_bar.faq .title{display:block;font-size: 14px; margin-right: 20px; padding-top: 12px; color: #606060;}


/* tab */
.tab {display:table;table-layout:fixed;width:100%;margin:0px 0 26px 0}
.tab.dual{margin-bottom: 0px;}
.tab li {display:table-cell;height:50px}
.tab.dual li{height: 49px;}
.tab li a {display:block;height:48px;text-align:center;font-weight:bold;line-height:48px;border-top:1px solid #ddd;border-bottom:1px solid #adadad;border-right:1px solid #ddd;background:#f6f6f6 url(../images/common/bg_tab.gif) repeat-x; font-weight: bold;}
.tab.dual li a{border-bottom: 0px;}
.tab li:first-child a {border-left:1px solid #ddd}
.tab li.on a {color:#f6ab00;border-top:1px solid #c3c3c3;border-bottom:none;background-color:#fff;background-position:0 -78px}
.tab li a:hover {text-decoration:none}
.tab.ceo{margin: 10px 0px 42px 0px;}
.tab.ceo li a{font-size: 16px;}

.tab_many{font-size: 0px; border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;margin:0px 0 26px 0; padding: 10px 30px;}
.tab_many li{display: inline-block; font-size: 15px; padding: 14px 0px;  }
.tab_many li a{border-left: 1px solid #d1d1d1 ; padding:0 26px;}
.tab_many li:first-child a{border-left: 0px; padding-left: 0px;}
.tab_many li.on{font-weight: bold;}

/* find_us */
.find_us {overflow:hidden;*zoom:1;border:1px solid #bbbbbb}
.find_us .map_area {position:relative;float:left;width:463px;height:628px;border-right:1px solid #bbbbbb}
.find_us:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.search_area{float: right; width: 100%;}
.branch_wrap {display:none;position:absolute;top:29px;left:31px;width:545px}
.branch_wrap .btn_icon {overflow:hidden;display:block;text-indent:-9999px;position:absolute;top:15px;right:15px}
.branch_info {padding:8px 30px 25px 30px;color:#fff;background:#f9a61a}
.branch_info dt {padding-top:15px;font-size:18px;font-weight:bold;line-height:26px;vertical-align:top}
.branch_info dd {padding-top:5px;line-height:20px}
.branch_list {position:relative;float:right;width:100%;height:496px; overflow: hidden;}
.branch_list.sch{height: 654px;}
.branch_list .list {position:absolute;top:0;left:0;width:100%}
.branch_list .list > a {border-top:1px solid #c6c6c6}
.branch_list .list > a:first-child {border-top:none}
.branch_list .list > a {display:block;padding:16px 18px 18px 18px;line-height:20px}
.branch_list .list > a:hover {color:#606060;text-decoration:none;border-left: 6px solid #f6ab00; padding:16px 18px 18px 12px; background-color: #fffaef}
.branch_list .list > a strong {display:block;padding-bottom:6px;color:#303030;font-size:16px;font-weight:bold; line-height: 20px;}
.branch_list .list > a.on{border-left: 6px solid #f6ab00; padding:16px 18px 18px 12px; background-color: #fffaef}
.branch_list .list > a p {display:block; font-size: 16px; color: #303030; line-height: 22px; vertical-align: middle; margin-top: 4px;}
.branch_list .list > a p:first-child{margin-top: none;}
.branch_list .list .title_bar{display: block;}
.branch_list .list .title_bar:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.branch_list .list .title_bar strong{float: left;}
.branch_list .list .title_bar span{float: right; margin-top: -1px;}
.branch_list .list .title_bar button{font-size: 14px;line-height: 20px; padding: 0px 7px; height: 20px; border-radius: 2px;}
.branch_list .list .header_ad{display: inline-block; font-size: 14px; line-height: 18px; color: #fff; background-color: #b3b3b3; border-radius: 2px; margin-right: 10px; padding: 0 3px; vertical-align: middle; min-width: 28px; text-align: center; margin-top: -3px;}
.branch_list .list_atm a strong {padding-left:35px;background:url(../images/au/bg_atms.png) no-repeat 0 -53px}
.branch_list .list_atm a.on strong.titCU {background-position:0 -118px}
.branch_list .list_atm a strong.tit1Q {background-position:0 -231px}
.branch_list .list_atm a.on strong.tit1Q {background-position:0 -181px}
.branch_list .list_atm a .icon {display:block}
.branch_list .list_atm a .icon span {display:inline-block;overflow:hidden;text-indent:-9999px;width:18px;height:18px;margin:5px 0 10px;background:url(../images/au/bg_atms.png) no-repeat}
.branch_list .list_atm a .icon span.icD {background-position:0 0}
.branch_list .list_atm a .icon span.icDT {background-position:-23px 0}
.branch_list .list_atm a .icon span.ic24 {background-position:-46px 0}
.branch_list .list_atm a .icon span.icPC {background-position:-69px 0}
.branch_list .list_atm a.on .icon span.icD {background-position:0 -21px}
.branch_list .list_atm a.on .icon span.icDT {background-position:-23px -21px}
.branch_list .list_atm a.on .icon span.ic24 {background-position:-46px -21px}
.branch_list .list_atm a.on .icon span.icPC {background-position:-69px -21px}
.branch_list .list_nodata {width:100%;padding-top:40px;color:#f8950f;font-weight:bold;text-align:center}
.branch_list .list_nodata span {display:block;padding-top:25px;background:url(../images/common/ico_nodata.gif) no-repeat 50% 0; font-size: 16px;}
.branch_tap{ z-index: 100}
.branch_tap .tab{width: 100%; margin: 0px; position: relative; z-index: 100}
.branch_tap .tab li{height:49px;}
.branch_tap .tab li a{border-top: none; font-size: 16px;}
.branch_tap .tab li:first-child a{border-left: none; border-right: 1px solid #dddddd}
.branch_tap .tab li a{border-right: none;}
.branch_tap .tab li.on a{color: #f9a61a; background: #f7f7f7; border-bottom: 1px solid #f7f7f7;}
.branch_tap .search_loc{ background-color: #f7f7f7; padding: 26px 20px 30px 18px; width: 776px; border-bottom: 1px solid #bbbbbb;z-index: 100}
.branch_tap .search_loc strong{display: block;font-weight: normal; font-size: 14px; line-height: 20px; margin-bottom: 12px;}
.branch_tap .search_loc .btn_type_lg.searchBtn{min-width: 62px;}
.branch_tap h4{font-size: 18px; font-weight: bold; color: #f6ab00; padding: 16px 20px 17px 18px;width: 776px; border-bottom: 1px solid #bbbbbb; text-align: center; background-color: #fff;z-index: 100}
.atm_check {overflow:hidden;margin-top:15px}
.atm_check dt {display:block;float:left;width:96px;color:#303030;font-weight:bold;text-align:left}
.atm_check dd {float:left;width:783px;text-align:left}
.atm_check dd span {margin-right:20px;font-size:14px;vertical-align:middle}
.atm_check dd img {margin-right:4px;vertical-align:middle}

/* popupForm */
.laypop_area {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.popup_wrap {position:absolute;background:#fff;z-index:101}
.popup_wrap.win{position: initial; width: 100%;}
.pop_header {background:#f9a61a}
.pop_header h1 {padding:18px 55px 19px 32px;color:#fff;font-size: 22px; height: 22px; line-height: 22px;}
.pop_container {max-height:650px;overflow:auto;border-bottom:1px solid #e1e1e1;outline:0}
.pop_content {padding:40px 32px 40px;}
.pop_content .pop_tit {margin-bottom:15px;margin-top:30px;display:table;width:100%;box-sizing:border-box}
.pop_content .pop_sub {margin-bottom:15px;margin-top:-5px;}
.pop_content .pop_tit:first-child {border-top:0;padding-top:0;margin-top:0; margin-top: -8px;}
.pop_content .pop_tit .pop_h {font-size:20px;display:table-cell;vertical-align:bottom}
.pop_content .pop_tit .pop_u {font-weight: normal;line-height:27px; font-size: 16px;}
.pop_content .pop_tit .pop_u .btn_type_sm{margin: -4px 0 0 5px;}
.pop_content .pop_tit .side {float:right}
.pop_content .con_box {margin-top:15px;padding:32px 23px}
.pop_content .edit_area {margin-top:25px}
.pop_content .edit_area:first-child {margin-top:0}
.pop_content .useConfirm p{min-height:25px;margin:0px 16px 0px;padding:62px 0 0 0px;color:#202020;font-weight:bold;font-size:16px;line-height:1.8;text-align:center;background:url(../images/common/ico_msg_note.png) no-repeat 50% 0;}
.pop_content .useConfirm p .disc{display: block; font-weight: normal;}
.pop_content .useConDetail ul{display: table; width: 100%; margin-top: 7px; margin-bottom: -4px;}
.pop_content .useConDetail ul li{display: table-row;}
.pop_content .useConDetail ul strong,.pop_content .useConDetail ul .tipWrap{display: table-cell; width: 50%;  }
.pop_content .useConDetail ul strong{text-align:left; font-weight: normal; font-size: 14px;padding: 12px 12px 0px 140px; }
.pop_content .useConDetail ul .tipWrap{text-align:right; font-weight: bold; color: #303030;font-size: 16px;padding: 12px 140px 0px 12px;}
.pop_content .useConDetail ul .tipWrap.text_c{padding: 12px 12px 0px 12px;}
.pop_content .stat_box{padding:16px;margin:16px 0 0 0;}
.pop_content .table_area .table .btn_type_sm{margin: -4px 0 0 5px;}
.pop_content .terms pre{white-space: pre-wrap; font-size: 13px; line-height: 1.8em; color: #303030; }
.pop_content .terms_list li{margin-top: 10px;}
.pop_content .terms_list li:first-child{margin-top: 0px;}
.pop_content .inpBox li > strong{width: 150px;}
.pop_content .btnBar{margin-bottom: 30px;}
.pop_content .btnBar input, .pop_content .btnBar .select_box{float: left; margin-right: 10px;}
.pop_content .btnBar > a,.pop_content .btnBar button{float: left;}
.pop_content .btnBar:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.pop_content .paging{margin: 37px 0 0 0;}
.pop_content .table_area{margin-bottom: 3px;}
.pop_content .table_area .table th {padding:13px 6px 13px 6px;height:27px;line-height:18px; font-size: 14px;}
.pop_content .table_area .table td {padding:16px 6px 10px 6px;height:27px;line-height:18px; font-size: 13px;}
.pop_content .table_area.smp .table th {padding:13px 6px 13px 6px;height:27px;line-height:18px; font-size: 14px;}
.pop_content .table_area.smp .table td {padding:16px 6px 10px 6px;height:27px;line-height:18px; font-size: 13px;}
.pop_content .table_area.smg .table td{font-size: 14px; word-break:break-all;}
.pop_content .table_area .table td.inp_td{padding:13px 6px 13px 6px;}
.pop_content .table_area .table td.btnBar_td{padding:7px 6px}
.pop_content .table_area .table td .btnBar{margin: 0}
.pop_content .table_area .table .inp_radio{margin-top: -1px;}
.pop_content .scroll_area{margin: 0 -32px;padding: 0 32px; max-height: 275px; overflow-y: scroll; }
.pop_content .scroll_area.sm{max-height: 225px; }
.pop_content .btn_type_lg{font-size: 14px; min-width: 95px; padding: 1px 10px;}
.pop_content .search_bar{margin-bottom: 30px;}
.pop_content .tipWrap .inp_radio{margin-right: 5px; margin-top: -2px;}
.pop_content .labelBar label{ float: left; margin-right: 30px;}
.pop_content .labelBar:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.pop_content .inpForm.login{padding: 0px; border: 0px; margin: 0px;}
.pop_content .inpForm.login li > strong{width: 180px;}
.pop_content .map_detail:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.pop_content .map_detail .loc_img{float: left; width: 248px; height: 314px;}
.pop_content .map_detail .loc_dct{float: right; width: 358px; font-size: 15px; font-weight: bold; line-height: 22px; vertical-align: top;}
.pop_content .map_detail .loc_dct p{margin-top:5px;}
.pop_content .map_detail .loc_dct p:first-child{margin-top: 0px;}
.loc_detail{padding: 22px 32px; background-color: #f5f5f5;}
.loc_detail p{display:block; font-size: 16px; color: #303030; line-height: 22px; vertical-align: middle; margin-top: 4px;}
.loc_detail p:first-child{margin-top: 0px;}
.loc_detail .header_ad{display: inline-block; font-size: 14px; line-height: 18px; color: #fff; background-color: #b3b3b3; border-radius: 2px; margin-right: 10px; padding: 0 3px; vertical-align: middle; min-width: 28px; text-align: center; margin-top: -3px;}

.popup_wrap .btn_area {border-top:1px solid #e7e7e7; padding:41px 0 40px; margin:0px 0px;  background: #f5f5f5}
.pop_footer {position:static;height:auto;margin:0;background:none}
.pop_footer button {position:absolute;top:17px;right:25px}
.popup_wrap hr{display: block; border: 0; border-top:1px solid #e5e5e5; margin: 0}
.popup_wrap h4{margin-bottom: 16px;font-size: 16px;font-weight: bold;}
.topCt{margin-top: -30px;}

.popInpForm ul{display: table; width: 100%;}
.popInpForm li{display: table-row;}
.popInpForm li > strong{display:table-cell;*display:inline;*zoom:1;width:164px;height:44px;color:#303030;font-weight:bold;line-height:20px;vertical-align:middle; font-size: 14px;}
.popInpForm li > .tipWrap{display:table-cell;*display:inline;*zoom:1;vertical-align:middle; padding: 4px 0; font-size: 16px; height: 44px; }
.popInpForm li > .tipWrap.text{padding-left: 10px;}
.popInpForm .tipGuide{position: relative;}
.blidTipBox{ border: 1px solid #f7d0d0; background-color: #fff1f1; padding: 14px 32px 15px 32px; margin-bottom: -1px; position: relative; z-index: 100; margin-top: -7px;}

.receipt {border:1px solid #e5e5e5;padding:22px 32px}
.receipt:after {content:"";display:block;clear:both}
.receipt .receipt_name {font-size:22px;color:#303003;float:left}
.receipt .receipt_name em {font-size:14px;display:block}
.receipt .receipt_info {float:right;font-size:14px}
.receipt .receipt_info .h {display:inline-block;width:80px}
.receipt .receipt_info .h:after {content:'|';color:#dcdcdb;float:right;}

.laypop_area.item{display: none;}


/* contents */

.corp_tree.zh{margin-left: -10px;}

/* recruit */
.intro.recruit{margin-bottom: 70px;}
.intro.recruit:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.intro.recruit .title{}
.intro.recruit .bg{float: right;}
.intro.recruit h2{width: 370px; font-size: 24px; line-height: 36px; padding: 20px 0px 10px 0px; color: #4d4d4d;}
.intro.recruit p{width: 370px; font-size: 15px; color: #1e1e1e; line-height: 22px;}

.introduce{position: relative; margin-bottom: 20px;}
.introduce p{position: absolute; top:151px; width: 370px;}
.introduce.hanagroup2 p{left: 355px;}
.introduce.hanagroup2.zh p{top:191px;}
.introduce.hanagroup3.zh p{top:111px;}
.introduce.hanabank1{margin-bottom: 83px; }
.introduce.hanabank1 p{top:122px;font-size: 14px; line-height: 23px; color: #707070}
.introduce.hanabank2 img{position: absolute; top:0px; left: 0px;}
.introduce.hanabank2 p{position:relative; top:0px;left: 408px; width: 400px;font-size: 14px; line-height: 23px; color: #707070}

.vision .title{margin-bottom: 48px;}
.vision .disc_top{width: 740px; line-height: 23px; margin-bottom: 60px;}
.vision .vm1{margin-bottom: 72px;}
.vision .disc_box{margin-bottom: 85px;}
.vision .disc_box:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.vision .disc_item{float: left; width: 350px; margin-left: 40px;}
.vision .disc_item:first-child{margin-left: 0px;}
.vision .disc_item p{line-height: 23px; margin-top: 5px;}
.vision .disc_item p:first-child{margin-top: 0px;}
.vision .disc_item img{margin-bottom: 25px;}
.vision .vm4{margin-bottom:80px;}

.value .title{margin-bottom: 22px;}
.value .disc_top{width: 740px; line-height: 23px; margin-bottom: 72px;}

.sub_title{font-size: 22px; color: #868686; margin-top: -20px; line-height: 22px; margin-bottom: 40px; font-weight: normal;}



.greeting.box{position: relative; padding-bottom: 58px;}
.greeting .title{margin-bottom: 22px;}
.greeting p{margin-bottom: 60px;}
.greeting.box:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.greeting.box p{float: left; width: 382px; margin-right: 32px; padding-top: 30px;}
.greeting.box img{float: left;}
.greeting.box .sign{position: absolute;top:415px; left: 414px; width: 392px; text-align: center; height: 58px;}
.greeting.box .sign span{ font-size: 20px; }
.greeting.box .sign img{float: none;}
.greeting.hang p{margin-bottom: 0px;}
.greeting.hang .photo_president{margin-top: 60px;}
.greeting.hang .sign{top:475px;}

.greeting1.box{position: relative; padding-bottom: 58px;}
.greeting1 .title{margin-bottom: 22px;}
.greeting1 p{margin-bottom: 60px;}
.greeting1.box:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.greeting1.box p{float: left; width: 520px; margin-right: 32px; padding-top: 30px;}
.greeting1.box img{float: right;}
.greeting1.box .sign{position: absolute;top:415px; left: 515px; width: 392px; text-align: center; height: 58px;}
.greeting1.box .sign span{ font-size: 20px; }
.greeting1.box .sign img{float: none;}
.greeting1.hang p{margin-bottom: 0px;}
.greeting1.hang .photo_president{margin-top: 42px;}
.greeting1.hang .sign{top:475px;}

.history .title{margin-bottom: 22px;}
.history p{line-height: 26px; padding-bottom: 40px; border-bottom: 1px solid #d1d1d1}
.history .img{padding-top: 36px;}

.ethics.part01{padding-bottom: 80px;}
.ethics.part01 p{line-height: 23px;}
.ethics.part02 p{line-height: 28px; padding-bottom: 36px;}
.ethics.part03 p{line-height: 28px; padding-bottom: 3px;}
.ethics.part02 dl{line-height: 28px; padding-bottom: 8px;}
.ethics .title{padding-top: 10px; padding-bottom: 20px; color: #4d4d4d; font-size: 28px; font-weight: normal;}
.ethics .liheader{display: block; padding-bottom: 10px; color: #4d4d4d; font-size: 22px; font-weight: normal;}
.ethics dt{font-weight: bold;}
.ethics dd{padding-left: 15px; padding-bottom: 28px;}

/* svc */
.svc_intro {padding:32px;background:#f9a61a;position:relative;background-position:right bottom;background-repeat:no-repeat; }
.svc_intro .intro_tit {display:inline-block;font-size:20px;font-weight:bold;color:#fff;line-height:30px; margin-top: -7px;}
.svc_intro .intro_txt {font-size:16px;line-height: 19px; color: #fff;}
.svc_intro .intro_txt li:before {content:'';width:12px;display:inline-block;background-image:url(../images/common/bl_sprites.png);background-repeat:no-repeat;position:absolute;top:3px;left: 2px; vertical-align:middle;height:8px;background-position:0 -112px}
.svc_intro .intro_txt li{margin-top: 10px;position: relative; padding-left: 19px;}
.svc_intro .intro_txt li:first-child{margin-top: 0px;}
.svc_intro h4{color: #fff;font-size: 18px; line-height: 18px; padding: 21px 0 14px 0px;; border-bottom: 1px solid #fde2b5; margin-bottom: 15px;}

.svc_intro_hub {padding:32px;background:#f9a61a;position:relative;background-position:right bottom;background-repeat:no-repeat; overflow: hidden; min-height: 241px;}
.svc_intro_hub.bg_deposit {background-image:url(../images/common/bg_intro_deposit.gif)}
.svc_intro_hub .intro_tit {position:relative;z-index:10; display:inline-block;font-size:26px;font-weight:bold;color:#fff;line-height:36px; /*margin-top: 28px;width: 420px;*/}
.svc_intro_hub .intro_txt {position:relative; font-size:16px;font-weight:bold;margin-top:48px; line-height: 19px; z-index: 10; width: 470px;}
.svc_intro_hub .intro_btn {margin-top:51px; margin-bottom: 1px; margin-left: -2px;}
.svc_intro_hub .intro_pre{display:block;position: absolute; font-size: 16px; color: #fff; width: 510px; margin-bottom: 14px;}
.svc_intro_hub .bg{display:block; position: absolute; width: 400px; height: 364px;right: 0px; bottom: 0px; z-index: 9}
.svc_intro_hub .bg.deposit{background-image:url(../images/pr/bg_product_deposit.png)}
.svc_intro_hub .bg.installment{background-image:url(../images/pr/bg_product_installment.png)}
.svc_intro_hub .bg.loan{background-image:url(../images/pr/bg_product_loan.png)}
.svc_intro_hub .bg.bankas{background-image:url(../images/pr/bg_product_bankas.png)}

.svc_list_hub {margin-top:40px;border:1px solid #e5e5e5}
.svc_list_hub > li {min-height:140px;padding:32px;border-top:1px solid #e5e5e5;position:relative}
.svc_list_hub > li:first-child {border-top:0}
.svc_list_hub .int {display:block;font-size:18px;margin-bottom:5px;font-weight:bold;color:#f9a61a}
.svc_list_hub .tit {display:block;margin-bottom:20px;font-size:24px;color:#303030}
.svc_list_hub .btn {position:absolute;top:56px;right:32px}
.svc_list_hub .btn .btn_type_lg {display:block;margin-bottom:10px}

.svc_button {width:122px; display:inline-block;height:46px;margin:0 0 0 3px;padding:1px 19px 2px 35px;font-size:18px;font-weight:bold;line-height:43px;text-align:center}
.svc_button:after {content:'';display:inline-block;width:17px;height:17px;margin-left:24px;background-image:url(../images/common/btn_arrow.png);vertical-align:middle;margin-top:-2px}
.svc_button.color1 {color:#f9a61a;border:1px solid #fff;border-bottom:1px solid #cb9400;
	background:#fff;
	background: -webkit-linear-gradient(#fff, #eaeaea);/* For Safari */
	background: -o-linear-gradient(#fff, #eaeaea);/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #eaeaea);/* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #eaeaea);/* Standard syntax */
}
.svc_button.color1:after {background-position:0 -19px}
.svc_button.color2 {color:#fff;border:1px solid #f2cd66;background:#faaf31}
.svc_button.color2:after {background-position:0 0}


.prod_intro{background-color: #faf7e5; border: 1px solid #eedfc8; padding:31px 32px; font-size: 18px; line-height: 30px; font-weight: bold; color: #303030; margin-bottom: 10px;}
.prod_intro p{margin-top: 4px}
.prod_intro p:first-child{margin-top: 0px}
.prod_intro h5{margin: 4px 0px 10px 0px; font-size: 22px;}

.img_intro{margin-bottom: 14px;border: 1px solid #eedfc8; padding:29px 31px 34px 31px;}

/* productForm */
.productForm{position:relative;padding:33px 32px 40px;border:1px solid #e5e5e5; border-top: 0px; vertical-align: top;}
.productForm.prod{border:1px solid #e5e5e5;}
.productForm:after{content:".";height:0;visibility:hidden;clear:both}
.productForm ul{position:relative}
.productForm ul > li{position:relative;}
.productForm ul > li+li{padding-top:12px}
.productForm li h4{display:table-cell;*display:inline;*zoom:1;padding-bottom:24px;color:#303030;font-weight:bold;line-height:28px;vertical-align:middle; font-size: 22px;}
.productForm li p{padding-left:12px; font-size: 16px; margin-bottom: 14px; position: relative; vertical-align: top;}
.productForm li p.table_intitle{margin-bottom: 6px;}
.productForm li p.table_intitle + .table_area{margin-bottom: 14px; margin-left: 12px;}
.productForm li p .title{display: inline-block; vertical-align: top;}
.productForm li p .sub{display: inline-block; width: 630px; }
.productForm li p .sub.sm{width: 580px;}
.productForm li p .sub.duosm{width: 320px;}
.productForm li p .sub.duosm_b{width: 340px; letter-spacing: -1px;}
.productForm li p .sub.duosm_zh{width: 300px; }
.productForm li p .sub .item{display: block; position: relative;padding-left: 12px; margin-bottom:6px;}
.productForm li p .sub .item:last-child{margin-bottom:0px;}
.productForm li p .sub .item:before{content: '-'; width: 12px; margin-left: -12px; display: inline-block; position: absolute; top: 0px; vertical-align: middle; height: 8px; margin-right: 6px;}
.productForm li p .sub .item.noblit{padding-left: 0px; }
.productForm li p .sub .item.noblit:before{content: '';}
.productForm li p:last-child{margin-bottom: 0px;}
.productForm li p:before {content:'';width:12px;margin-left:-12px;display:inline-block;background-image:url(../images/common/bl_sprites.png);background-repeat:no-repeat;position:absolute;top:7px;vertical-align:middle;height:8px;background-position:0 -102px; margin-right: 6px; left: 12px;}
.productForm li p.subadd{padding-left: 32px; margin-top:-4px;}
.productForm li p.numadd{padding-left: 20px;}
.productForm li p.depth2{padding-left: 20px; margin-top: -8px;}
.productForm li p.numadd.depth3{padding-left: 30px; margin-bottom: 10px;}
.productForm li p.subadd:before{background-image:none; }
.productForm li p.numadd:before{background-image:none; }
.productForm li p.depth2:before{background-image:none; }
.productForm hr{display: block; border: 0; border-top:1px solid #e5e5e5; margin: 38px -32px 36px -32px}
.productForm li .sub{/*display: inline-block; width: 630px; */}
.productForm li .sub.sm1{/*width: 590px;*/}
.productForm li .sub .item{display: block; position: relative;padding-left: 12px; margin-bottom:6px;}
.productForm li .sub .item:last-child{margin-bottom:0px;}
.productForm li .sub .item:before{content: '-'; width: 12px; margin-left: -12px; display: inline-block; position: absolute; top: 0px; vertical-align: middle; height: 8px; margin-right: 6px;}
.productForm li .sub .item.noblit{padding-left: 0px; }
.productForm li .sub .item.noblit:before{content: '';}
.productForm li .numblit{position: absolute; width: 22px; left: 0px;}
.productForm li p.numadd.depth3 .numblit{width: 22px; left: 12px;}
.productForm li p.noblit:before{background-image:none; }
.productForm li p.noblit{padding: 0;}
.productForm li p.subblit{padding-left: 12px; margin-top:-8px;}
.productForm li p.subblit:before{background-image:none; }
.productForm .lineblit{margin-top: -4px; padding-left: 10px;}
.productForm .lineblit li{padding-left:24px; font-size: 16px; margin-bottom: 14px; position: relative; vertical-align: top; margin-top: -4px;}
.productForm .lineblit li:before{content: '-'; width: 12px; margin-left: -12px; display: inline-block; position: absolute; top: 0px; vertical-align: middle; height: 8px; margin-right: 6px;}
.productForm .lineblit > li+li{padding-top:0px}
.productForm .numberblit li{padding-left:36px; font-size: 16px; margin-bottom: 14px; position: relative; vertical-align: top; margin-top: -4px;}
.productForm .numberblit > li+li{padding-top:0px}
.productForm .numberblit .numblit{left: 20px;}
.productForm .numberblit li p:before{background-image:none; content: '-'; top:0;}
.productForm .numberblit li p{margin-top: 4px;}
.productForm .numberblit li p.multiLine{margin-top: -14px;}
.productForm .ans{background-color: #f5f5f5; color: #303030; font-size: 16px; line-height: 18px; margin: -1px -33px 28px -33px; padding: 22px 50px 24px 50px;}
.productForm .ans.last{margin-bottom: -39px;}
.productForm .ans .numberblit li{padding-left:16px;}
.productForm .ans .numberblit .numblit{left: 0px;}

.productForm .colDuo:after{content:".";height:0;visibility:hidden;display:block;clear:both}
.productForm .colDuo p{float: left; width: 360px;}
.productForm .colDuo p.singleLine{width: 746px;}
.productForm .colDuo .duoBox{float: left; width: 360px;}
.productForm .colDuo .short{letter-spacing: -1px;}
.productForm .colDuo .short2{letter-spacing: -2px;}

.product_list > ul > li{margin-top: 10px;}
.product_list > ul > li:first-child{margin-top: 0px;}
.product_list > ul > li > a{display: block;position: relative; border: 1px solid #e5e5e5; padding: 27px 32px 36px 39px; text-decoration: none;}
.product_list > ul > li > a > div{width: 560px; height: 34px;}
.product_list > ul > li > a > div > div{font-size: 22px; line-height: 34px; color: #303030; font-weight: bold; }
.product_list > ul > li > a > div > div > span{font-size: 16px; color: #f9a61a; margin-top: -2px; line-height: 16px; height: 16px; margin-left: 10px;}
.product_list > ul > li > a > p{font-size: 16px; color: #606060; position: relative; padding-left: 12px; margin-top: 10px; /*line-height: 16px;*/ min-height: 22px; height: auto; width: 530px;}
.product_list > ul > li > a > p:before{content:'';width:12px;margin-left:-12px;display:inline-block;background-image:url(../images/common/bl_sprites.png);background-repeat:no-repeat;position:absolute;top:5px;vertical-align:middle;height:8px;background-position:0 -102px; margin-right: 6px;}
.product_list > ul > li > a > .btn{position: absolute; background-color: #f9a61a; right:30px; top:50%; margin-top: -25px; height: 50px; color: #fff; font-weight: bold;padding: 0 7px 0 17px; font-size: 16px; line-height: 50px; vertical-align: middle;}
.product_list > ul > li > a > .btn > span{width:17px; height: 17px;display:inline-block;background-image:url(../images/common/icon_go.png);background-repeat:no-repeat;vertical-align:middle; margin-top: -3px; margin-left: 14px;}

.global_map{ height:439px; position: relative; margin-top: 9px;}
.global_map.asia{vertical-align:middle;background:url(../images/contents/global/img_global_map_asia.png) 0 0 no-repeat;}
.global_map.eu{vertical-align:middle;background:url(../images/contents/global/img_global_map_eu.png) 0 0 no-repeat;}
.global_map.america{vertical-align:middle;background:url(../images/contents/global/img_global_map_america.png) 0 0 no-repeat;}
.global_map h3{position: absolute; width: 100%; text-align: center; color: #4c4c4c; font-size: 24px; line-height: 32px; font-weight: normal; top:-7px;}
.global_map h3 strong{color: #008485; font-weight: normal;}
.global_map a{display: block;position: absolute; text-decoration: none;}
.global_map a span{display: block; color: #666666; text-align: center; font-size: 12px; line-height: 12px;}
.global_map a span.val{font-size: 35px; font-weight: bold; line-height: 35px;}
.global_map a.on span{color: #fff;}
.global_map a.asia{width: 110px; height: 48px; top:156px; left: 240px;}
.global_map a.eu{width: 180px; height: 48px; top:86px; left: 150px;}
.global_map a.america{width: 110px; height: 48px; top:115px; left: 510px;}

.global_info{margin-top: 32px;}
.global_info:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.global_info > .con_name{float: left; width: 160px; margin-right: 46px; border-top: 3px solid #666666; font-size: 32px; line-height: 32px; padding-top: 14px;}
.global_info > .detail{float: left; width: 601px;}
.global_info > .detail h4{color: #4c4c4c; font-size: 20px; font-weight: bold; margin-top: 76px; margin-bottom: 17px;}

.tab_nation{margin-left: 1px;margin-top: 1px;}
.tab_nation:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.tab_nation > li{position: relative; float: left; margin: -1px 0 0 -1px; z-index: 10; width: 201px; height: 48px;}
.tab_nation > li > a{display: block; background-color: #f7f7f7; border: 1px solid #d9d9d9; color: #666666;padding: 12px 49px 14px 8px; font-size: 15px; line-height: 21px; text-decoration: none; }
.tab_nation > li > a .loc{font-weight: bold;padding-left: 14px;}
.tab_nation > li > a .num:before{content: '/ ';}
.tab_nation > li.on{position: relative; z-index: 11}
.tab_nation > li.on > a{background-color: #fff; border: 3px solid #008485;padding: 10px 47px 12px 6px; color: #333333}
.tab_nation > li.on > a .num{color: #008485}
.tab_nation > li.on > a .loc{background:url(../images/common/global_dot.png) 1px 8px no-repeat; }
.tab_nation > li:hover{position: relative; z-index: 11}
.tab_nation > li:hover > a{background-color: #fff; border: 3px solid #008485;padding: 10px 47px 12px 6px;color: #333333}
.tab_nation > li:hover > a .num{color: #008485}
.tab_nation > li:hover > a .loc{background:url(../images/common/global_dot.png) 1px 8px no-repeat; }
.tab_nation > li > a .flag{display: block; position: absolute; width: 32px; height: 21px; top:12px; right: 16px; text-indent: -9999px;background: url(../images/common/global_flags.png);background-position: 0px -21px}
.tab_nation > li.cn > a .flag{background-position: 0px -21px}
.tab_nation > li.cn.on > a .flag,.tab_nation > li.cn:hover > a .flag{background-position: 0px 0px}
.tab_nation > li.id > a .flag{background-position: -33px -21px}
.tab_nation > li.id.on > a .flag,.tab_nation > li.id:hover > a .flag{background-position: -33px 0px}
.tab_nation > li.hk > a .flag{background-position: -66px -21px}
.tab_nation > li.hk.on > a .flag,.tab_nation > li.hk:hover > a .flag{background-position: -66px 0px}
.tab_nation > li.vn > a .flag{background-position: -99px -21px}
.tab_nation > li.vn.on > a .flag,.tab_nation > li.vn:hover > a .flag{background-position: -99px 0px}
.tab_nation > li.jp > a .flag{background-position: -132px -21px}
.tab_nation > li.jp.on > a .flag,.tab_nation > li.jp:hover > a .flag{background-position: -132px 0px}
.tab_nation > li.sg > a .flag{background-position: -165px -21px}
.tab_nation > li.sg.on > a .flag,.tab_nation > li.sg:hover > a .flag{background-position: -165px 0px}
.tab_nation > li.in > a .flag{background-position: -198px -21px}
.tab_nation > li.in.on > a .flag,.tab_nation > li.in:hover > a .flag{background-position: -198px 0px}
.tab_nation > li.au > a .flag{background-position: -231px -21px}
.tab_nation > li.au.on > a .flag,.tab_nation > li.au:hover > a .flag{background-position: -231px 0px}
.tab_nation > li.ph > a .flag{background-position: -264px -21px}
.tab_nation > li.ph.on > a .flag,.tab_nation > li.ph:hover > a .flag{background-position: -264px 0px}
.tab_nation > li.mm > a .flag{background-position: -297px -21px}
.tab_nation > li.mm.on > a .flag,.tab_nation > li.mm:hover > a .flag{background-position: -297px 0px}
.tab_nation > li.ae > a .flag{background-position: 0px -63px}
.tab_nation > li.ae.on > a .flag,.tab_nation > li.ae:hover > a .flag{background-position: 0px -42px}
.tab_nation > li.de > a .flag{background-position: -33px -63px}
.tab_nation > li.de.on > a .flag,.tab_nation > li.de:hover > a .flag{background-position: -33px -42px}
.tab_nation > li.ru > a .flag{background-position: -66px -63px}
.tab_nation > li.ru.on > a .flag,.tab_nation > li.ru:hover > a .flag{background-position: -66px -42px}
.tab_nation > li.gb > a .flag{background-position: -99px -63px}
.tab_nation > li.gb.on > a .flag,.tab_nation > li.gb:hover > a .flag{background-position: -99px -42px}
.tab_nation > li.cz > a .flag{background-position: -132px -63px}
.tab_nation > li.cz.on > a .flag,.tab_nation > li.cz:hover > a .flag{background-position: -132px -42px}
.tab_nation > li.fr > a .flag{background-position: -165px -63px}
.tab_nation > li.fr.on > a .flag,.tab_nation > li.fr:hover > a .flag{background-position: -165px -42px}
.tab_nation > li.bh > a .flag{background-position: -198px -63px}
.tab_nation > li.bh.on > a .flag,.tab_nation > li.bh:hover > a .flag{background-position: -198px -42px}
.tab_nation > li.nl > a .flag{background-position: -231px -63px}
.tab_nation > li.nl.on > a .flag,.tab_nation > li.nl:hover > a .flag{background-position: -231px -42px}
.tab_nation > li.tr > a .flag{background-position: -264px -63px}
.tab_nation > li.tr.on > a .flag,.tab_nation > li.tr:hover > a .flag{background-position: -264px -42px}
.tab_nation > li.ae > a .loc{letter-spacing: -2px;}
.tab_nation > li.ca > a .flag{background-position: 0px -105px}
.tab_nation > li.ca.on > a .flag,.tab_nation > li.ca:hover > a .flag{background-position: 0px -84px}
.tab_nation > li.us > a .flag{background-position: -33px -105px}
.tab_nation > li.us.on > a .flag,.tab_nation > li.us:hover > a .flag{background-position: -33px -84px}
.tab_nation > li.br > a .flag{background-position: -66px -105px}
.tab_nation > li.br.on > a .flag,.tab_nation > li.br:hover > a .flag{background-position: -66px -84px}
.tab_nation > li.pa > a .flag{background-position: -99px -105px}
.tab_nation > li.pa.on > a .flag,.tab_nation > li.pa:hover > a .flag{background-position: -99px -84px}
.tab_nation > li.mx > a .flag{background-position: -132px -105px}
.tab_nation > li.mx.on > a .flag,.tab_nation > li.mx:hover > a .flag{background-position: -132px -84px}


.tab_bank {display:table;table-layout:fixed;width:100%;margin:-6px 0 26px -6px; border-spacing: 6px; border-collapse: separate;	}
.tab_bank li {display:table-cell;height:42px; width: 297px;}
.tab_bank hr{display: table-cell; width: 6px; border: 0px}
.tab_bank li a {display:block;position: relative; height:40px;font-size: 12px; font-weight:bold;line-height:40px;border-top:2px solid #666666; font-weight: bold; color: #4c4c4c; padding-left: 15px;}
.tab_bank li a:before{content: '';position: absolute; width: 5px; height: 5px; top:18px; left: 3px; background:url(../images/common/global_tab_dot.png) 0px -25px no-repeat; }
.tab_bank li:first-child a {}
.tab_bank li.on a {color:#fff;border-top:2px solid #008485;border-bottom:none;background-color:#008485; }
.tab_bank li.on a:before{background-position: 0px 0px;}
.tab_bank li:hover a {color:#fff;border-top:2px solid #008485;border-bottom:none;background-color:#008485; }
.tab_bank li:hover a:before{background-position: 0px 0px;}
.tab_bank li a:hover {text-decoration:none}

.branch_detail_list li:after{content:"";clear:both;display:block;height:0;visibility:hidden}
.branch_detail_list li{margin-top: 52px; position: relative;}
.branch_detail_list li:before{content: '';position: absolute; width: 27px; height: 1px; background-color: #666666; left: 147px; top:-27px; }
.branch_detail_list li:first-child{margin-top: 38px;}
.branch_detail_list li:first-child:before{content: none;}
.branch_detail_list li > strong{float: left;width: 130px; font-size: 15px; line-height: 20px; color: #4c4c4c; padding-right: 17px;}
.branch_detail_list li > strong.large{letter-spacing: -2px;}
.branch_detail_list li div{float: left;width: 454px; font-size: 12px; line-height: 15px; color: #707070;}
.branch_detail_list li div > strong{color: #4c4c4c}
.branch_detail_list li .adr{display: block; margin-bottom: 6px;}
.branch_detail_list li .tel{display: inline-block; padding-right: 30px;}
.branch_detail_list.invest{display: none;}

.popup_wrap {position:absolute;background:#fff;z-index:105}
.popup_wrap.win{position: initial; width: 100%;}
.pop_header {background:#f9a61a}
.pop_header h1 {padding:18px 55px 19px 32px;color:#fff;font-size: 22px; height: 22px; line-height: 22px;}

.header_util{position: relative; height: 46px;}
.header_util .selectLang{position:absolute;top:16px;right:10px;z-index:100}
/*.header_util .selectLang > a{display:block;padding-left:25px;font-weight:bold; font-size: 14px;line-height:24px ;color: #888e92; border-bottom: 2px solid #888e92}
.header_util .selectLang > a:hover{text-decoration:none}
.header_util .selectLang.on{background-position:120px -105px}
.header_util .selectLang .listLang{display:none;position:absolute;top:24px;right:0;width:139px;padding:3px 0 6px 0;background: #888e92;z-index:1000}
.header_util .selectLang .listLang a{display:block;margin-left:9px;padding-left:25px;color:#fff;font-size:14px;line-height:26px; font-weight: bold;}
.header_util .selectLang a{background:url(../images/common/bg_gnb.png) no-repeat -782px -218px}
.header_util .selectLang a.langEng{background-position:-782px -218px}
.header_util .selectLang a.langIndo{background-position:-782px -252px}
.header_util .selectLang a.langChi{background-position:-782px -278px}
.header_util .selectLang a.langKor{background-position:-782px -303px}
.header_util .selectLang a.langFra{background-position:-782px -330px}*/

.user_guide_box{margin: 10px; padding: 14px; border: 1px solid #e5e5e5;}
.ug_layout{display: table; width: 100%;}
.ug_nav{display: table-cell; background-color: #eeeeee; width: 180px; vertical-align: top;}
.ug_nav > h2{position: relative; font-size:16px; line-height:18px; padding: 14px 12px 8px; background-color: #fff; border-bottom: 3px solid #f59926; color: #303030;}
.ug_nav > ul{padding: 10px 0px;}
.ug_nav > ul > h3{font-size: 14px; line-height: 25px; padding: 3px 4px 5px 11px ; letter-spacing: -0.025em;}
.ug_nav > ul > li{font-size: 12px; line-height: 18px; padding: 10px 6px 10px 12px ; color: #606060; letter-spacing: -0.025em;}
.ug_nav > ul > li.on{color: #008485}
.ug_nav > ul > li.on a{color: #008485}
.ug_nav > hr{margin: -2px 10px 2px 10px;border-top: 1px solid #d1d1d1}
.ug_con{display: table-cell; padding:40px 0 0 28px; vertical-align: top;}
.ug_con hr{border-top: 1px dashed #e7e7e7; width: 428px;}
.ug_con h2{font-size: 20px; color: #303030; line-height: 1.5em; letter-spacing: -0.025em;}
.ug_con p{font-size: 14px; color: #606060; line-height: 1.8em; margin: 20px 0;letter-spacing: -0.025em;}
.ug_con p > img{display: block; margin-top: 20px;}
.ug_con p > img.icon{display: inline-block; margin-top: 0px;}
.ug_con p.temp{background-color: #92d050; color: #ff0000; font-size: 40px;}
.ug_con p span.sub{font-size: 12px; color: #ff0000;}

.term_box{padding: 0px 10px 32px 10px;}
.term_box pre{white-space: pre-wrap; color: #606060; padding:0px 10px;}
.term_box pre h3{font-size: 18px; text-align: center;}
.term_box pre h4{font-size: 16px; margin:0px;}

.noti_box p{position: relative; padding: 6px 0px 6px 30px; font-size: 14px; font-weight: bold; line-height: 18px; margin: 2px 0px; color: #303030;}
.noti_box p:before{content: '※'; position: absolute; left: 16px; color: #f8950f; vertical-align: middle;}
.noti_box a{position: absolute; left: 500px; top:2px;}
.noti_box .next_line{position: relative; left: 0px; margin-top: 12px;}

hr.noti_line{display: block; border: 0; border-top:1px solid #e5e5e5; margin: 0;margin:40px 0 20px 0; width: auto; }