@charset "utf-8";
/* 최종수정 2019-09-17 ver2.0 */

/* 로그인 공통헤더 */
#temp_header_login02 { clear: both; width: 100%; height: 130px; }
#temp_header_login02 .temp_headerarea { width: 1060px; height: 130px; margin: 0 auto }
#temp_header_login02[data-uitype="type_login02"] { background: #009AFF;; }

#temp_header_login { clear: both; width: 100%; height: 130px; }
#temp_header_login .temp_headerarea { width: 1060px; height: 130px; margin: 0 auto }
#temp_header_login[data-uitype="type_login"] { background: #009AFF;; }



/* 로그인상자 */
#loginarea .contents { padding: 0 30px}
.area_login { width: 100%; padding: 30px 0 0 0; height: 350px; margin: 0 auto; }
.area_login .tabs2 { width: 310px; margin: 0 auto; }
.box_login { box-sizing: border-box; padding: 15px 0 0 0; width: 100%; margin: 0 auto; text-align: center; }

.box_login h2 { text-align: center; margin-bottom: 15px; font-size: 24px; }
.box_login .login_input_box { position: relative; width: 300px; margin: 0 auto; }
.box_login .login_input_box .insert_mouse { padding-top: 0px; height: 35px; position: relative; top: -5px;}
.box_login .btn_login { width: 300px; margin: 0 auto; }
.box_login .login_input_box.login_otp_box .btn_login { background: #009aff; }
.box_login div div input.login { position: relative; width: 100%; height: 45px; line-height: 45px; padding: 0 10px; border: 1px solid #CCCCCC; border-radius: 0 0 2px 2px; background-color: #FFFFFF; color: #CCCCCC; font-size: 14px; box-sizing: border-box; }
.box_login div div input.login.lo1 { width: 300px; display: block;  margin-bottom: -2px; border-radius: 5px 5px 0 0}
.box_login div div input.login.lo2 { z-index: 59; width: 300px; display: block;  border-radius: 0 0 5px 5px  }
.box_login div div input.login:focus { border: 1px solid #8DC1F5; color: #0085EC; }
.box_login div div input.login::-ms-clear { display: none; }
.box_login .login_submenu.type02 li { position: relative;  padding-left: 10px; }
.box_login .login_submenu a { color: #707070 }
.box_login .login_submenu.type02 li:before { display: block; content: ''; position: absolute; top:50%; left:0; margin-top: -1px; width: 3px; height: 3px; background: #8e8e8e; }
.box_login.single {float: none; width: 55%; margin: 0 auto; border-right: none;}

.box_login.single input[type="text"] {width: 300px !important;}
.box_login.single input[type="password"] {width: 300px !important;}
.area_login_link { margin-bottom: 30px; }
.area_login_link > div { position: relative; box-sizing: border-box; float: left; width: 33.3%; padding: 0 5px; color: #707070;  }
.area_login_link > div:nth-child(1) { padding-left: 0; width: 33.4%}
.area_login_link > div:nth-child(3) { padding-right: 0; }
.area_login_link > div > div .title { overflow: hidden; color: #707070; font-size: 18px; height: 40px; font-weight: bold;  }
.area_login_link > div > div .txt { overflow: hidden; height: 45px; margin-bottom: 20px; color: #707070;  }
.area_login_link > div > div { position: relative; height: 125px; padding: 20px; box-sizing: border-box; background: #fafafa;}
.area_login_link > div > div > .fixed_btn { position: absolute; bottom: 10px; right: 15px;  background: url('../images/login/login_icon.png') no-repeat right center; }
.area_login_link > div > div > .fixed_btn .btn { background: none; border: none; color: #5fb3f9; }
.area_login_banner .title{ padding-top: 20px; margin-bottom: 10px; }
.area_login_banner div p:nth-child(1) { float: left; }
.area_login_banner div p:nth-child(2) { float: right; }
div.insert_mouse { text-align: left; padding: 10px 0 0 0; height: 50px; box-sizing: border-box; }
.box_login div.insert_mouse { text-align: center; }
ul.login_submenu { overflow: hidden; width: 100%; margin: 15px 0 0 0; text-align: center; }
ul.login_submenu li { position: relative; display:inline-block; padding: 0 15px; }
ul.login_submenu li > span { position: absolute; top: 0; right: 0; width: 1px; height: 15px; background-color: #D3D5D7; }
ul.login_submenu li:last-of-type span {
    display: none;
}

.area_login_link.type02 > div { width: 50%; }
.area_login_link.type02 > div:nth-child(1) { width: 50%; }
.area_login_link.type02 > div:nth-child(2) { padding-right: 0; }


#loginarea .title_area { border-bottom: none;  }
#loginarea .msg_box { margin-top: 0px; background: #ffffff; padding: 11px 5px }

/* 로그인 유의사항 */
div.info_text_box { width: 444px; margin: 0 auto; }
div.info_text_box p.info_text { position: relative; padding: 0 0 5px 10px; color: #707070; line-height: 14px; }
div.info_text_box p.info_text:before { content: ''; position: absolute; top: 4px; left: 0px; width: 3px; height: 3px; background: url('../images/etc/bullet_01.gif') no-repeat left top;  }

/* 새추가버튼 */
.btn_login { width: 100%; height: 45px; line-height: 45px; background: #009aff; color: #FFFFFF; font-size: 14px; font-weight: bold; box-sizing: border-box; }
.btn_login:hover, .btn_login:active, .btn_login:link, .btn_login:visited {color:#FFFFFF;}
.btn_mouse { min-width: 43px; min-height: 12px; padding: 6px 10px 4px 26px; border: 1px solid #CCCCCC; background: #FFFFFF url(../images/button/btn_mouse.gif) no-repeat 10px 4px; color: #303030; }
.btn_mouse:hover, .btn_mouse:active, .btn_mouse:link, .btn_mouse:visited {color:#303030;}

/* 지점장안내 */
div.branch_introduce_box { overflow: hidden; width: 100%; padding-top: 20px; }
div.manager_title_wrap { width: 750px; margin-bottom: 30px; box-sizing: border-box; }
div.manager_title_wrap p.text_title { font-size: 28px; line-height: 32px; }
div.manager_title_wrap p.text_title span { vertical-align: baseline; }
div.manager_info { overflow: hidden; }
div.manager_img_wrap { float: left; width: 160px; min-height: 170px; padding-top: 5px; box-sizing: border-box; }
div.manager_img_wrap img { max-width: 126px; }
div.manager_text_wrap { float: right; width: 590px; padding-right: 15px; font-size: 16px; line-height: 24px; word-break: keep-all; word-wrap: break-word; box-sizing: border-box; }
div.text_contents > p { margin-bottom: 20px; }
div.manager_sign { text-align: right; }

p.manager_position { color: #707070; font-size: 14px; line-height: 28px; }
p.manager_name {  font-size: 22px; line-height: 28px; }

/* 휴무일안내 달력 월,년도 선택 */
div.cal_topBox { position: relative; height: 60px; border-top: 1px solid #D9D9D9; background: #FCFCFC; }
div.cal_topBox span { position: absolute; top: 50%; display: inline-block; cursor: pointer; }
div.cal_topBox span.prev_year { left: 20px; padding-left: 15px; margin-top: -9px; background: url('../images/etc/bg_cal_prev_year.png') no-repeat left 5px; text-decoration: underline; color: #707070; font-size: 18px; }
div.cal_topBox span.next_year { right: 20px; padding-right: 15px; margin-top: -9px; background: url('../images/etc/bg_cal_next_year.png') no-repeat right 5px; text-decoration: underline; color: #707070; font-size: 18px; }

/* 휴무일안내 달력 현재 월, 년도 */
div.present_date { position: relative; width: 206px; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; }
div.present_date p { font-size: 30px; }
div.present_date span.prev_month { overflow: hidden; left: 0; width: 18px; height: 18px; margin-top: -9px; background: url('../images/etc/btn_cal_prev_month.png') no-repeat center; font-size: 0; text-indent: -9999px; }
div.present_date span.next_month { overflow: hidden; right: 0; width: 18px; height: 18px; margin-top: -9px; background: url('../images/etc/btn_cal_next_month.png') no-repeat center; font-size: 0; text-indent: -9999px; }

/* 휴무일안내 달력 */
div.cal_table2 { position:relative; width: 100%; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #F0F0F0; border-collapse: separate; }
div.cal_table2 table { width: 100%; background: #FFFFFF; margin:0 auto; text-align: center; box-sizing: border-box; }
div.cal_table2 table thead tr th { position: relative; padding: 10px; border-bottom: 1px solid #F0F0F0; font-weight: normal; background: #FCFCFC; color: #707070; font-size: 12px; }
div.cal_table2 table thead tr th:before { content: ''; position: absolute; top: 50%; left: 0px; width: 1px; height: 13px; margin-top: -7px; background: #CCCCCC; }
div.cal_table2 table thead tr th:first-child:before { background: #FFFFFF; }
div.cal_table2 table thead tr th span { color: #707070; }
div.cal_table2 table tbody tr td { height: 80px; padding: 10px; background: #FFFFFF; border-bottom: 1px solid #EDEDED; border-left: 1px #EDEDED solid; vertical-align: top; font-size: 14px; text-align: left; }
div.cal_table2 table tbody tr td:first-child { border-left: none; }
div.cal_table2 table tbody tr:last-child td { border-bottom: none; }
div.cal_table2 table tbody tr td span { display: inline-block; margin-top: 5px; color: #707070; font-size: 12px; }
div.cal_table2 table tbody tr td:first-child { color: #F34225; }
div.cal_table2 table tbody tr td:last-child { color: #0085EC; }
div.cal_table2 table tbody tr td.selector { background-color: #FEF2F6; }

/* 예금신규 */
ul.product_list_type02 { overflow: hidden; width: 750px; }
ul.product_list_type02 li { position: relative; float: left; width: 100%; min-height: 190px; padding: 25px 30px; margin: 0 10px 10px 0; border: 1px solid #ccc; background: url('../images/etc/text_box_bg.gif') repeat left top; box-sizing: border-box; }
ul.product_list_type02 dl dt .small_title { padding: 0 0 5px 0; color: #707070; }
ul.product_list_type02 dl dt .big_title { padding-bottom: 10px; font-family: 'NotoSansKR'; font-size: 26px; color: #303030; font-weight: bold; }
ul.product_list_type02 dl dd .text { font-size: 14px; line-height: 20px; color: #707070; padding-bottom: 15px; }
ul.product_list_type02 span.btn { min-width: 72px; min-height: 13px; padding: 9px 9px 8px 9px; border: 1px solid #0085EC; background: #FFFFFF; font-size: 12px; color: #0085EC; font-weight: bold;  }
ul.product_list_type02 span.btn_blackline { border: 1px solid #CCCCCC; color: #303030; font-weight: normal; }
ul.product_list_type02 .ratebox { width:155px; height: 95px; border-left: 1px solid #d2d2d2; padding-left: 30px; box-sizing: border-box; color: #707070}
ul.product_list_type02 .ratebox .high {}
ul.product_list_type02 .ratebox .rate_per { padding:10px 0 0 0; font-weight:bold; font-size:50px; color: #0085EC; }
ul.product_list_type02 .ratebox .rate_per .per { margin-left: 5px; font-size:14px; vertical-align: baseline; font-weight: normal; }
ul.product_list_type02 .ratebox .month {}
ul.product_list_type02 div.floatLeft { width:500px; }

ul.product_list_type03 { overflow: hidden; width: 750px; }
ul.product_list_type03 li { position: relative; width: 100%; min-height: 140px; padding: 25px 255px 25px 0; border-bottom: 1px solid #c9c8c8; border-top: 1px solid #c9c8c8; box-sizing: border-box; margin-bottom: -1px; }
ul.product_list_type03 li:last-child { margin-bottom: 0 }
ul.product_list_type03 li dt { margin-bottom: 15px; }
ul.product_list_type03 li dt .title { font-size: 22px; }
ul.product_list_type03 li dt .indi_wrap { display: block; padding-bottom: 10px; }
ul.product_list_type03 li dt .indi { display: inline-block; border: #A5D4F8 1px solid; border-radius: 25px; margin-right: 4px; line-height: 22px; border-radius: 11px; padding: 0 9px 0 28px; color: #0085EC; font-size: 12px; font-weight: normal; vertical-align: middle;}
ul.product_list_type03 li dt .indi.indi_m { background: url('../images/etc/icon_indi_m.png') no-repeat 10px center; }
ul.product_list_type03 li dt .indi.indi_i { background: url('../images/etc/icon_indi_i.png') no-repeat 10px center; }
ul.product_list_type03 li dt .indi.indi_b { background: url('../images/etc/icon_indi_b.png') no-repeat 10px center; }
ul.product_list_type03 li dd .text { font-size: 17px; margin-bottom: 12px }
ul.product_list_type03 li dd .rate_per { font-size: 20px; color:#0085ec; vertical-align: bottom }
ul.product_list_type03 .ratebox { position: absolute; top: 50%; right: 30px; margin-top: -49px;  }
ul.product_list_type03 .ratebox.row02 { margin-top: -32px }
ul.product_list_type03 .ratebox.row01 { margin-top: -15px }
ul.product_list_type03 .ratebox .btn {display: block; margin-bottom: 4px; padding: 6px 10px;}
ul.product_list_type03 .ratebox .btn a { color: #707070; }
ul.product_list_type03 .ratebox .a:last-child { margin-bottom: 0; }
ul.product_list_type03 .ratebox .btn_blue { background: #0085ec; padding: 7px 10px; }
ul.product_list_type03 .ratebox .btn_blue a { color: #FFFFFF; }

/* 상품안내 상품리스트 */
ul.product_list { overflow: hidden; width: 750px; margin-top: 30px; }
ul.product_list li { position: relative; float: left; width: 370px; min-height: 255px; padding: 30px; margin: 0 10px 10px 0; border: 1px solid #ccc; background: url('../images/etc/text_box_bg.gif') repeat left top; cursor: pointer; box-sizing: border-box; }
ul.product_list li:nth-child(2n) { margin-right: 0; }
ul.product_list li:hover { background: #0085ec; }
ul.product_list li:hover dl dt, ul.product_list li:hover dl dd .text, ul.product_list li:hover dl dd .small_text { color: #fff; }
ul.product_list dl dt { padding-bottom: 10px; color: #303030; font-size: 26px; font-weight: bold; }
ul.product_list dl dd .text { position: relative; font-size: 14px; line-height: 20px; color: #707070; }
ul.product_list dl dd .small_text { font-size: 12px; color: #707070; padding-top: 10px; padding-bottom:20px; }
ul.product_list .btn_blueline { position: absolute; bottom: 28px; right: 30px; min-width: 72px; min-height: 13px; padding: 9px 9px 8px 9px; border: 1px solid #0085EC; background: #FFFFFF; font-size: 12px; color: #0085EC; font-weight: bold; }

.product_wrap { display: table; width: 100%; margin-bottom: 10px; }
.product_wrap div.product_img { display: table-cell; width: 90px; height: 80px; padding-right: 10px; vertical-align: middle; box-sizing: border-box; }
.product_wrap div.product_detail { display: table-cell; width: 650px; min-height: 80px; }
.text_box .product_detail p.text { padding: 5px 0; font-size: 14px; line-height: 20px; color: #707070; }


/* 홈페이지 텍스트 가이드 박스 */
div.guide_box { padding: 5px 0 10px 0}
div.guide_box .info_mes01 { margin-left: 10px; }
div.guide_box p { line-height: 20px; word-break: keep-all; padding:0; }
div.guide_box.guide_jp p, div.guide_box.guide_en p { word-break: normal; }
div.guide_box p.padding_box { padding: 5px 20px 0 20px; box-sizing: border-box;}
div.guide_box div.table_box { padding:5px 20px 10px 20px; box-sizing: border-box;}
div.guide_box div.table_box table { margin-bottom: 15px }
div.guide_box p.step_title { color:#0D40BF; padding: 0 0 10px 0; font-weight: bold; }
div.guide_box p.step_title_type02 { color:#0085EC; padding: 0 0 20px 0; font-size: 22px; font-weight: bold;}
div.guide_box p.step_title_type02 span { font-family: 'NotoSansKR'; border-bottom: solid 1px #0085FC; padding: 0 0 2px 0; }
div.guide_box p.padding-bottom { padding-bottom: 7px }


/* 홈페이지 타이틀 이미지 */
p.img_fe {  display: table-cell;  background: url('../images/etc/help_fe.png') no-repeat 10px center; width:95px; height:95px;margin:0 25px}
p.img_ei {  display: table-cell;  background: url('../images/etc/help_ei.png') no-repeat 10px center; width:95px; height:95px; margin:0 25px}
p.img_ex {  display: table-cell;  background: url('../images/etc/help_exchange.png') no-repeat 10px center; width:95px; height:95px; margin:0 25px}
p.img_dp {  display: table-cell;  background: url('../images/etc/help_dp.png') no-repeat 10px center; width:95px; height:95px; margin:0 25px}
p.img_ln {  display: table-cell;  background: url('../images/etc/help_ln.png') no-repeat 10px center; width:95px; height:95px; margin:0 25px}
p.img_card {  display: table-cell;  background: url('../images/etc/help_card.png') no-repeat 10px center; width:95px; height:95px; margin:0 25px}
p.img_aa {  display: table-cell;  background: url('../images/etc/help_aa.png') no-repeat 10px center; width:95px; height:95px; margin:0 25px}
p.img_iq {  display: table-cell;  background: url('../images/etc/help_iq.png') no-repeat 10px center; width:95px; height:95px;margin:0 25px}
p.img_pay {  display: table-cell;  background: url('../images/etc/help_pay.png') no-repeat 10px center; width:95px; height:95px;margin:0 25px}
p.img_ts {  display: table-cell;  background: url('../images/etc/help_ts.png') no-repeat 10px center; width:95px; height:95px;margin:0 25px}
p.img_title { display: table-cell; vertical-align: middle; font-size: 14px; line-height: 20px; word-break: keep-all; padding-left: 35px; }
p.img_title .small_font { display:block; padding-top: 10px; font-size: 12px; }
div.oh_title_box {}
div.oh_title_box .big_title { padding: 30px 0 0 0px; color: #303030; font-size: 16px; }	
div.oh_title_box .big_title:after { content: '?'; display: inline-block;}
div.oh_title_box .small_title { padding: 0 0 0 55px; color: #707070; font-size: 18px; display: none;}
div.branch_titlebox { height: 160px; }
div.branch_titlebox .branch_img { float: left; width: 240px; height: 140px; overflow:hidden;}
div.branch_titlebox .branch_img img { width: 240px; }
div.branch_titlebox .branch_name { float: left; padding: 20px 20px 10px 20px; }
div.branch_titlebox .branch_name .big_title{ font-size: 24px;}
div.branch_titlebox .branch_name .mid_title{ padding: 0 0 20px 0; font-size: 16px; }
div.branch_titlebox .branch_name .small_title{ font-size: 16px; }

/* 지점 타이틀 */
div.branch_titlebox_type02 { width: 100%; height: 140px;  background: url('../images/etc/img_branch.png') no-repeat center center;}
div.branch_titlebox_type02 .branch_img { float: left; width: 160px; height: 100px; border: solid 1px #303030; box-sizing: border-box; overflow:hidden; margin: 20px 40px }
div.branch_titlebox_type02 .branch_img img { width: 160px; }
div.branch_titlebox_type02 .branch_name { float: left; text-align: right; width: 450px; padding: 50px 25px 39px; box-sizing: border-box; }
div.branch_titlebox_type02 .branch_name .big_title { font-size: 28px;}
div.branch_titlebox_type02 .branch_name .mid_title { font-size: 16px; }
div.branch_titlebox_type02 .branch_name .small_title { font-size: 16px;}

/* 지점선택 */
.branch_choice { margin: 10px 0; text-align: right; }
.branch_choice > span { color: #707070; }
.branch_choice > .select { text-align: left; }

/* 지도 box */
.map_box { position: relative; margin-top: 10px; }
.map_box img.mapimg { width: 100%; }
.map_box .branch_title { position: absolute; top: 50px; left:320px;}
.map_box .branch_title .branch_box { position: relative; background: #0085EC; padding:5px 10px; border-radius:3px; text-align:center; color:#FFFFFF }
.map_box .branch_title .branch_box .map_arrow { position:absolute; bottom:-6px; left:50%; margin-left:-5px;}
.map_box .branch_title .map_pin { position: absolute; top:50px; left: 50%; margin-left:-14px; }

/* 홈페이지 table ex) 카드신고 */
table.list_tbl05 { position: relative; width: 100%; border-top:solid 1px #8D8D8D; border-bottom: 1px solid #EDEDED; border-collapse: collapse; }
table.list_tbl05:before { content: ''; position: absolute; top: 0; left: 0px; width: 100%; height: 1px; background: #8D8D8D; }
table.list_tbl05 > thead > tr > th { padding: 8px 0; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED; color: #707070; font-weight: normal; word-break: break-all; background: #FFFFFF; }
table.list_tbl05 > tbody > tr > td { text-align: center; border: 1px solid #EDEDED;  padding: 15px 5px; word-break: break-all;  }
table.list_tbl05 > tbody > tr:first-child > th,
table.list_tbl05 > tbody > tr:first-child > td { border-top: 1px solid #C6C6C6; }

/* 홈페이지 table ex) 외국인직접투자안내 */
table.list_tbl06 { position: relative; width: 100%; margin-top: 15px;  border-collapse: collapse; }
table.list_tbl06 > tbody > tr > th { width: 210px; color:#303030; background: #fafafa; border-bottom: 1px solid #f0f0f0; font-size:14px; padding:15px 25px; text-align: left; }
table.list_tbl06 > tbody > tr:first-child > th { border-top: 1px solid #d9d9d9; }
table.list_tbl06 > tbody > tr:first-child > td { border-top: 1px solid #d9d9d9; }
table.list_tbl06 > tbody > tr > td { border-bottom: 1px solid #f0f0f0;  padding: 10px 25px; word-break: break-all; text-align: left;  }
table.list_tbl06 > tbody > tr > td a { margin-top: -2px; }

table.list_tbl06 > tbody > tr > th.bg_list_tbl06_02 {  background: url('../images/etc/bg_list_tbl06_02.png') repeat left top; }
table.list_tbl06 > tbody > tr > td.blue_td_arrow02 { display: none; }


/* 홈페이지 table ex) 외국인기타투자안내 */
table.list_tbl07 { position: relative; width: 100%; margin-top: 10px;  border-collapse: collapse; }
table.list_tbl07 > tbody > tr > td { border: 1px solid #C9C8C8; width: 160px; text-align: center;  word-break: break-all; background: url('../images/etc/tabs_bg.gif') repeat left top; padding: 14px 5px}
table.list_tbl07 > tbody > tr > td.right_arrow { border: none; width: 35px; background: url('../images/etc/blue_arrow2.png') no-repeat left center; position: relative; left: -4px;}
table.list_tbl07 > tbody > tr > td.selected { background: #0085EC; border: 1px solid #0085EC; color:#FFFFFF; }
table.list_tbl07 > tbody > tr > td.selected * { color:#FFFFFF; }

/* 홈페이지 table ex) 유학이주센터 안내 */
table.list_tbl08 { position: relative; width: 100%; margin-top: 10px;  border-collapse: collapse; }
table.list_tbl08 > tbody > tr > td { border: 1px solid #C9C8C8; width: 33%; text-align: center;  word-break: break-all; padding: 10px 5px 15px 5px; line-height: 20px; }
table.list_tbl08 > tbody > tr > td.noborder { border: none; }

/* 홈페이지 table ex) 글로벌개요및 특징 */
table.list_tbl09 { position: relative; width: 100%; border-top: 1px solid #E5E5E5; border-collapse: separate; }
table.list_tbl09 > tbody > tr > th { position: relative; border-bottom: 1px solid #E5E5E5; text-align: center; word-break: break-all; padding: 25px 5px; line-height: 20px; background: #F6FBFF; vertical-align: middle;}
table.list_tbl09 > tbody > tr > th > div.img_character { position: absolute; bottom: 0; left: 50%; width: 54px; height: 38px; margin-left: -27px; display: none;}
table.list_tbl09 > tbody > tr > th > div.img_character.cha01 { background: url('../images/official_home/dia_character01.png') no-repeat center bottom; }
table.list_tbl09 > tbody > tr > th > div.img_character.cha02 { background: url('../images/official_home/dia_character02.png') no-repeat center bottom; }
table.list_tbl09 > tbody > tr > th > div.img_character.cha03 { background: url('../images/official_home/dia_character03.png') no-repeat center bottom; }
table.list_tbl09 > tbody > tr > th > div.img_character.cha04 { background: url('../images/official_home/dia_character04.png') no-repeat center bottom; }
table.list_tbl09 > tbody > tr > th > div.img_character.cha05 { background: url('../images/official_home/dia_character05.png') no-repeat center bottom; }
table.list_tbl09 .step_bg_dia { display:block;  line-height: 34px; font-size: 18px; font-weight: bold; color: #FFFFFF; background: #009aff; border-radius: 34px; width: 34px; height: 34px; margin: 0 auto}
table.list_tbl09 > tbody > tr > td { border-bottom: 1px solid #E5E5E5; padding: 25px 20px; line-height: 20px; vertical-align: middle; text-align: left; word-break: break-all; }
div.guide_box table.list_tbl09 p { font-size: 14px; color: #707070; }
div.guide_box table.list_tbl09 p.step_title_type02 { padding-bottom: 10px; color: #009aff; }
div.guide_box table.list_tbl09 p.step_title_type02 span { font-size: 18px; padding-bottom: 0; border-bottom: none; }


/* 홈페이지 table ex) 보안안내 */
div.list_tbl10 { display: table ; position: relative; width: 100%; border: 1px solid #E5E5E5; border-top: none;; background: #fafafa; }
div.list_tbl10:nth-child(1) { border-top: solid 1px #E5E5E5}
div.list_tbl10 .inner_left { display: table-cell; width: 120px; background: #fafafa; padding:25px 0; text-align: center; vertical-align: middle; box-sizing: border-box; }
div.list_tbl10 .inner_left div.step_bg_dia { display: block; text-align: center }
div.list_tbl10 .inner_left div.step_bg_dia .big_title { line-height: 34px; font-size: 18px; font-weight: bold; color: #FFFFFF; background: #009aff; border-radius: 34px; width: 34px; height: 34px; margin: 0 auto}
div.list_tbl10 .inner_left div.step_bg_dia .small_title { font-size: 12px; padding: 5px 0 0 0; }

div.list_tbl10 .inner_left_type02 {width: 200px;  padding:25px 0; text-align: center; vertical-align: middle; box-sizing: border-box; }
.guide_jp div.list_tbl10 .inner_left_type02, .guide_en div.list_tbl10 .inner_left_type02 { width: 210px }
.guide_jp div.list_tbl10 .inner_right, .guide_en div.list_tbl10 .inner_right { width: 542px }
div.list_tbl10 .inner_left_type02 div.step_bg_dia_type02 {  display: block; width: 100%; color: #FFFFFF; margin:0 auto;  vertical-align: top}

div.list_tbl10 .inner_left_type02 div.step_bg_dia_type02 .big_title { line-height: 34px; font-size: 18px; font-weight: bold; color: #FFFFFF; background: #009aff; border-radius: 34px; width: 34px; height: 34px; margin: 0 auto; }
div.list_tbl10 .inner_left_type02 div.step_bg_dia_type02 .mid_title { padding-top: 20px;  font-size: 18px; color:#303030; font-weight: 600}
div.list_tbl10 .inner_left_type02 div.step_bg_dia_type02 .small_title { padding-top: 0; font-size: 14px; color:#303030}
div.list_tbl10 .inner_right { position: relative; display: table-cell; width: 610px; padding: 25px; box-sizing: border-box;  background:#ffffff; }
div.list_tbl10 .inner_right p.big_title { font-size: 14px; padding:0 0 8px 0; font-weight: 600; }



#oh_layout div.step_bg_dia .small_title { display: none }



/* 홈페이지 table ex) 주요서비스안내 */
div.list_tbl11 { display:table;position: relative; width: 100%; border-bottom: 1px solid #F0F0F0; }
div.character_wrap { position: relative; padding-top: 40px; margin-top: 20px; }
div.list_tbl11.first { border-top: 1px solid #C9C8C8; }
div.list_tbl11 .inner_left { position: relative; display: table-cell; width: 120px;padding:25px 0 25px 5px; text-align: center; vertical-align: middle; box-sizing: border-box; }
div.list_tbl11 .inner_right { display: table-cell; width: 620px; padding: 25px 25px 25px 0;  box-sizing: border-box;}
div.list_tbl11 .inner_right p.big_title { font-size: 26px; padding:0 0 13px 0}

/* 홈페이지 table ex) 유의사항안내 */
div.list_tbl12 { display: table ; position: relative; padding: 15px 0 15px 0; width: 100%;}
div.list_tbl12 .inner_left { display: table-cell; width: 50px;  text-align: center; vertical-align: top; box-sizing: border-box; }
div.list_tbl12 .inner_left div.step_bg_dia { display: block; margin:0 auto; background: #009aff; border-radius: 34px; width: 34px; height: 34px;  }
div.list_tbl12 .inner_left div.step_bg_dia .big_title { line-height: 34px; font-size: 18px; font-weight: bold; color: #FFFFFF; }
div.list_tbl12 .inner_right { position: relative; display: table-cell; width: 700px; padding: 3px 0 0 8px; box-sizing: border-box; vertical-align: top; }
div.list_tbl12 .inner_right p.big_title { font-size: 18px; padding:0 0 2px 0; color: #0085EC; line-height: 24px;}
div.list_tbl12 .inner_right p.small_title { font-size: 12px; padding:0 0 8px 0; color: #707070;  }

/* 홈페이지 table ex) 가입및이용절차 */
table.list_tbl13 { position: relative; width: 100%; border-collapse: collapse; }
table.list_tbl13.maTop5 { margin-top: 5px; }
table.list_tbl13 > tbody > tr > td { position: relative; width: 352px; text-align: center;  word-break: break-all; padding: 18px 5px 16px 5px; line-height: 20px; vertical-align: top; background: url('../images/etc/tabs_bg002.png') repeat left top; border: solid 1px #C9C8C8; box-sizing:border-box}
table.list_tbl13 > tbody > tr > td.blue_bg { background: #F0F8FF url('../images/etc/tabs_bg.png') repeat left top; border: none; }
table.list_tbl13 > tbody > tr > td.space { width: 42px; padding: 0 0 30px 0; border: none; background: none; vertical-align: middle; text-align: center; margin:0;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	table.list_tbl13 > tbody > tr > td.space { background: #ffffff }
}

table.list_tbl13 > tbody > tr > td.inner_right { text-align: left; border: none; background: none; padding-top: 0px; }
table.list_tbl13 p.tbl_title { position: absolute; top:-34px; left: -1px; width: 354px; height: 34px; line-height:34px; color:#FFFFFF; background: #009aff; font-weight: bold;  box-sizing:border-box}
table.list_tbl13 p.tbl_title.type02 { background: #d2d2d2;  }
table.list_tbl13 p.big_title { font-size: 20px; padding:0 0 5px 0; line-height: 24px; font-weight: 600}
table.list_tbl13 td.blue_bg p.big_title { font-size: 24px; }
table.list_tbl13 p.small_title { font-size: 12px; padding:0 0 8px 0; color: #707070; line-height: 16px;   }
table.list_tbl13 div.title_box { padding-top: 0px; }
table.list_tbl13 .btn_box { position: absolute; bottom: 20px; width: 100%; text-align: center; padding:0; }
table.list_tbl13 .btn_blueline {min-height: 13px; padding: 4px 19px 4px 19px; font-weight:bold }
table.list_tbl13 .arrow_total { position: relative; top:-4px; display:block; width: 406px; height: 55px; background: url('../images/etc/blue_arrow_6.png') no-repeat center top; margin:0 auto; }
table.list_tbl13 .arrow_left { position: relative; right: -9px; display:block; width: 38px; height: 11px; background: url('../images/etc/blue_arrow3.png') no-repeat center center; z-index:10 }
table.list_tbl13 .arrow_down { position: absolute; top:-4px; left: 50%; display:block; width: 11px; margin-left:-5px; height: 28px; background: url('../images/etc/blue_arrow4.png') no-repeat center center;  }

table.list_tbl13 div.text_box { width: 260px; padding-top: 10px; margin: 0 auto; text-align: left; font-size: 13px; }
table.list_tbl13 div.text_box.type02 { width: 240px; }
table.list_tbl13 div.text_box.type03 { padding: 10px 0; }

/* 동경지점안내 */
table.list_tbl14 { position: relative; width: 100%; border-collapse: collapse; }
table.list_tbl14 > tbody > tr > td { background: #fafafa; box-sizing:border-box; text-align: center; vertical-align: top; padding: 20px; font-size: 14px; line-height:20px;}
table.list_tbl14 > tbody > tr > td.space { width: 12px; padding:0; background: none;  text-align: center;  }
table.list_tbl14 > tbody > tr > td .title { padding: 0 0 10px 0; }
table.list_tbl14 > tbody > tr > td .title .icon { position: relative; top: -1px; }
table.list_tbl14 > tbody > tr > td .call { display: block; padding-top: 10px; font-size: 20px; }
table.list_tbl14 strong.font_deepblue { color: #303030 !important}

/* 피싱안내 */
table.list_tbl15 { position: relative; width: 100%; border-collapse: collapse; }
table.list_tbl15 > tbody > tr > td { position: relative; width: 352px; text-align: center;  word-break: break-all; padding: 45px 10px 45px 10px; line-height: 20px; vertical-align: middle; background: #FFFFFF; border: solid 1px #F0F0F0; box-sizing:border-box}
table.list_tbl15 > tbody > tr > td.darkblue_bg { background: #0085EC; border: 1px solid #0085EC; }
table.list_tbl15 > tbody > tr > td.darkblue_bg p.small_title { color: #FFFFFF; font-size: 14px; font-weight: bold; }
table.list_tbl15 > tbody > tr > td.space { width: 23px; height: 23px; padding: 0; border: none; background: none; vertical-align: middle; text-align: center; margin:0;  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	table.list_tbl15 > tbody > tr > td.space { background: #ffffff }
}

table.list_tbl15 > tbody > tr > td.inner_right { text-align: left; border: none; background: none; padding-top: 0px; }
table.list_tbl15 p.small_title { font-size: 12px; color: #707070; line-height: 16px;   }
table.list_tbl15 div.title_box { padding-top: 0px; }
table.list_tbl15 .btn_box { position: absolute; bottom: 20px; width: 100%; text-align: center; padding:0; }
table.list_tbl15 .btn_blueline {min-height: 13px; padding: 4px 19px 4px 19px; font-weight:bold }
table.list_tbl15 .arrow_left { position: relative; left: -4px; display:block; width: 27px; height: 11px; background: url('../images/etc/blue_arrow_s01.png') no-repeat center center; z-index:10 }
table.list_tbl15 .arrow_right { position: relative; right: -4px; display:block; width: 27px; height: 11px; background: url('../images/etc/blue_arrow_s02.png') no-repeat center center; z-index:10 }
table.list_tbl15 .arrow_down { position: absolute; top:-4px; left: 50%; display:block; width: 11px; margin-left:-5px; height: 27px; background: url('../images/etc/blue_arrow_s03.png') no-repeat center center;  }

/* 상품안내 */
div.list_tbl16_wrap { position: relative; width: 100%; padding-top: 40px; }

table.list_tbl16 { width: 100%; border-top: 1px solid #C9C8C8; border-collapse: separate; }
table.list_tbl16 > tbody > tr > td { position: relative; min-height: 115px; border-bottom: 1px solid #C9C8C8; text-align: center; word-break: break-all; line-height: 20px; vertical-align: middle; }
table.list_tbl16 > tbody > tr > td.item_info { padding: 25px 0 20px 30px; text-align: left; }
table.list_tbl16 > tbody > tr > td .indi_wrap { display: block; padding-bottom: 10px; }
table.list_tbl16 > tbody > tr > td .indi { display: inline-block; border: #A5D4F8 1px solid; border-radius: 25px; margin-right: 4px; line-height: 22px; border-radius: 11px; padding: 0 9px 0 28px; color: #0085EC; font-size: 12px; font-weight: normal; vertical-align: middle;}
table.list_tbl16 > tbody > tr > td .indi.indi_m { background: url('../images/etc/icon_indi_m.png') no-repeat 10px center; }
table.list_tbl16 > tbody > tr > td .indi.indi_i { background: url('../images/etc/icon_indi_i.png') no-repeat 10px center; }
table.list_tbl16 > tbody > tr > td .indi.indi_b { background: url('../images/etc/icon_indi_b.png') no-repeat 10px center; }
table.list_tbl16 > tbody > tr > td .big_text { padding-bottom: 12px; color: #303030; font-size: 22px; }
table.list_tbl16 > tbody > tr > td .text { padding-bottom: 7px; color: #707070; font-size: 16px; }
table.list_tbl16 > tbody > tr > td .small_text { padding-bottom: 3px; color: #707070; font-size: 15px; font-weight: bold; }
table.list_tbl16 > tbody > tr > td .small_text > span { display: inline-block; height: 23px; line-height: 25px; padding: 0 8px; margin-left: 5px; color: #707070; font-size: 13px; font-weight: normal; min-width: 37px; border-radius: 25px; background-color: #ffffff; box-sizing: border-box; text-align: center; border: solid 1px #cccccc; }
table.list_tbl16 > tbody > tr > td .small_text > span:first-child { margin-left: 10px; }
table.list_tbl16 > tbody > tr > td .small_text > span.personal { background-color: #009aff; border: none; color: #ffffff; }
table.list_tbl16 > tbody > tr > td .small_text > span.biz { background-color: #0f3772; border: none; color: #ffffff; }
table.list_tbl16 > tbody > tr > td.item_detail_btn { padding: 37px 0; text-align: center; }
table.list_tbl16 > tbody > tr > td .btn_blueline { min-width: 72px; min-height: 13px; padding: 5px 9px; margin-top: 4px; border: 1px solid #0085EC; background: #FFFFFF; font-size: 12px; color: #0085EC; font-weight: bold; }
table.list_tbl16 > tbody > tr > td .btn_blackline { min-width: 72px; min-height: 13px; padding: 4px 9px; background: #FFFFFF; font-size: 12px; font-weight: bold; }
table.list_tbl16 > tbody > tr.last > * { border-bottom: 1px solid #C9C8C8; }


/* 기업사용자안내 */
table.list_tbl17 { position: relative; width: 100%; border-top:solid 1px #D9; border-collapse: separate; }
table.list_tbl17:before { content: ''; position: absolute; top: 0; left: 0px; width: 100%; height: 1px; background: #8D8D8D; }
table.list_tbl17 > thead > tr > th { word-break: break-word; border-bottom: 1px solid #f0f0f0; padding: 12px 4px; color: #707070; font-weight: normal; }
table.list_tbl17 > tbody > tr > th { word-break: break-word; padding: 8px 4px; color: #303030; font-weight: normal; border-bottom: 1px solid #f0f0f0; }
table.list_tbl17 > tbody > tr > th.step2 { background-color: #fafafa; }
table.list_tbl17 > tbody > tr > th.step3 { background-color: #fafafa; }
table.list_tbl17 > tbody > tr > th.step4 { background-color: #fafafa; }
table.list_tbl17 > tbody > tr > th.step5 { background-color: #fafafa; }
table.list_tbl17 > tbody > tr > td { text-align: center; border-bottom: 1px solid #EDEDED; word-break: break-word;  }
table.list_tbl17 > tbody > tr:last-child > td { border-bottom: 1px solid #7F7F7F; }

/* 홈페이지 유학이주센터 이미지 */
span.icon_ab01 { display: block; background: url('../images/etc/ab_icon_01.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab02 { display: block; background: url('../images/etc/ab_icon_02.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab03 { display: block; background: url('../images/etc/ab_icon_03.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab04 { display: block; background: url('../images/etc/ab_icon_04.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab05 { display: block; background: url('../images/etc/ab_icon_05.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab21 { display: block; background: url('../images/etc/ab_icon_21.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab22 { display: block; background: url('../images/etc/ab_icon_22.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab23 { display: block; background: url('../images/etc/ab_icon_23.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab24 { display: block; background: url('../images/etc/ab_icon_24.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab25 { display: block; background: url('../images/etc/ab_icon_25.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}
span.icon_ab26 { display: block; background: url('../images/etc/ab_icon_26.gif') no-repeat center center; width:100px; height:50px; margin: 0 auto}

/* 기업사용자관리안내 */
div.business_guide { position: relative; background: url('../images/etc/business_guide.gif') no-repeat center center; width:100%; height:270px; border: 1px solid #DCDCDC; box-sizing: border-box; }
div.business_guide .title { position: relative; top: -15px; width: 200px; height: 37px; margin:0 auto; padding: 8px 0; background: #0085EC; border-radius: 5px; text-align: center; font-size: 18px; color: #FFFFFF; box-sizing: border-box; }
div.business_guide .cp1 { position: absolute; top: 110px; left: 135px; width: 120px; font-size: 18px; text-align: center;}
div.business_guide .cp2 { position: absolute; top: 62px; right: 660px; text-align: right; }
div.business_guide .cp3 { position: absolute; top: 95px; left: 313px; text-align: left; }
div.business_guide .cp4 { position: absolute; top: 219px; left: 168px; text-align: left; }
div.business_guide .cp11 { position: absolute; top: 110px; left: 483px; width: 120px; font-size: 18px; text-align: center;}
div.business_guide .cp12 { position: absolute; top: 62px; right: 312px; text-align: right; }
div.business_guide .cp13 { position: absolute; top: 95px; left: 661px; text-align: left; }
div.business_guide .cp14 { position: absolute; top: 219px; left: 516px; text-align: left; }
.msg_box1.biz_popup_msg p { margin-bottom: 5px; }
.msg_box1.biz_popup_msg p a { text-decoration: underline; }
.biz_popup_img img { width: 100%; }

/* 사이트맵 */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
div.layer_popup.layer_sitemap.type02 div.popup_header { box-sizing:border-box; height: 62px; border-bottom: none; }
div.layer_popup.layer_sitemap.type02 div.popup_header h1.title { height: 62px; }
div.layer_popup.layer_sitemap.type02 div.popup_content_header .floatLeft { display: none; }
.popup_content_header { z-index: 100; position:relative; height: 45px; background: #FFFFFF; box-shadow: 0px 2px 2px #F0F0F0 }

.area_sitemap_tabs { position: absolute; top: 11px; left: 13px; }
.area_sitemap_tabs ul.tabs.tabs_site { background: none; border: 0; margin: 0; width:auto;}
.area_sitemap_tabs ul.tabs.tabs_site li { float:left; font-size: 14px; line-height: 33px; border: 0; padding: 0 5px; margin: 0 15px; cursor: pointer; background: none}
.area_sitemap_tabs ul.tabs.tabs_site li.on { border-bottom: #009AFF 2px solid; }
div.layer_popup.type02 div.popup_content div.scroll_area.scroll_sitmap { padding: 0; position: relative; z-index: 10; overflow-y:scroll }
div.layer_popup.type02 div.popup_content .bg { position:absolute; bottom:0px; left:0;width: 100%; height: 570px; }
.tabs_view_area.tabs_view_sitemap { padding: 0 40px 80px 250px; min-height: 570px; position: relative; }
.tabs_view_area.tabs_view_sitemap .left { width:210px;height:100%; background:#F2F7FB;position: absolute;top:0;left:0;display:block; padding-top: 23px; box-sizing: border-box; }
.tabs_view_area.tabs_view_sitemap .left ul li a { display: inline-block; width: 100%; color: #303030; padding: 15px 40px; font-size: 18px; box-sizing: border-box; word-break: keep-all; }
.tabs_view_area.tabs_view_sitemap .left ul li.active {background: #FFFFFF}
.tabs_view_area.tabs_view_sitemap .left ul li.active a {color:#009AFF}
.area_sitemap_footer { display:block; position: absolute; border-top: solid 1px #F0F0F0; bottom: 0; left: 0px; background: #FFFFFF url("../images/etc/bg_sitemap_footer.png") right 50% no-repeat; height: 40px; width: 883px !important; z-index: 100}
.area_sitemap_footer.ph { background: #FFFFFF url("../images/etc/bg_sitemap_footer_ph.png") 95% 50% no-repeat; }

.tabs_view_sitemap .box_list { padding: 30px 0; }
.tabs_view_sitemap .box_list:last-child { border-bottom: 0; margin-bottom: 30px }
.tabs_view_sitemap .box_list>p, .tabs_view_sitemap .box_list>ul { float: left; }
.tabs_view_sitemap .box_list>p{ font-size: 20px; width: 100%; padding: 0 0 10px 0; position: relative; border-bottom: solid 1px #d9d9d9 }
.tabs_view_sitemap .box_list>p>a { display: inline-block }
.tabs_view_sitemap .box_list>ul { width: 100%; margin-bottom: 20px }
.tabs_view_sitemap .box_list>p + ul { margin-top: 20px; }
.tabs_view_sitemap .box_list>ul:last-child { margin-bottom: 0; }
.tabs_view_sitemap .box_list>ul>li{ float: left; width: 33.3%; }
.tabs_view_sitemap .box_list>ul>li>a{ display: inline-block; font-size: 14px; position: relative; color: #303030; margin: 0 10px 10px 0; }
.tabs_view_sitemap .box_list>ul>li>ul>li { padding-left: 7px; margin-bottom: 5px;}
.tabs_view_sitemap .box_list>ul>li>ul>li:last-child { margin-bottom: 0; }
.tabs_view_sitemap .box_list>ul>li>ul>li a{ color: #303030;}
.tabs_view_sitemap .box_list>ul>li>ul>li>a { position: relative; display: block; padding-left: 8px}
.tabs_view_sitemap .box_list>ul>li>ul>li>a:before {display: block; content:''; position: absolute; top:50%; left:0; margin-top: -1px; width: 3px; height: 3px; background: #707070; border-radius: 3px }
.tabs_view_sitemap .box_list>ul>li>ul>li>ul { margin-top: 10px; }
.tabs_view_sitemap .box_list>ul>li>ul>li>ul>li { padding-left: 10px; margin-bottom: 7px; }
.tabs_view_sitemap .box_list>ul>li>ul>li>ul>li:last-child { margin-bottom: 20px; }


/* 이벤트팝업 */
.e_popup { background: #FFFFFF; z-index: 200; position: absolute; top: 0px; left: 0px; min-width: 200px; border: solid 2px #0085EC; }
.e_popup .e_title { display: table; width: 100%; min-height: 67px; padding : 20px 100px 20px 20px; border-bottom: solid 1px #D5DCE5; background: #EDF5FF; text-align: left; color: #000000; font-size: 16px; box-sizing: border-box; }
.e_popup .e_title > p { display: table-cell; vertical-align: middle; width: 100%; }
.e_popup .e_contents { width: 100%; background: #FFFFFF; box-sizing: border-box; }
.e_popup .e_contents.images { padding-bottom: 30px; }
.e_popup .e_contents.top_images { padding-bottom: 0; }
.e_popup .e_contents.text { padding: 15px 20px 45px; }
.e_popup .e_bottom { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; background: #0085EC; color: #FFFFFF }
.e_popup .e_bottom * { color: #FFFFFF; vertical-align: middle}
.e_popup .e_bottom .e_left { float: left; padding: 8px 0 0 10px; cursor: pointer}
.e_popup .e_bottom .e_left .check { display: inline-block; width: 16px; height: 16px; background:url('../images/etc/e_pop_check.png') no-repeat center top; margin-right: 3px; }
.e_popup .e_bottom .e_left .check.on { background:url('../images/etc/e_pop_check_on.png') no-repeat center top }
.e_popup .e_bottom .e_right { float: right; padding: 8px 10px 0 0; cursor: pointer }
.e_popup .e_bottom .e_right img { margin-left: 5px;}

.e_popup .e_contents .e_popup_text1 { padding-bottom: 5px; }
.e_popup .e_contents .e_popup_text1 > p { color: #0F3772; font-size: 15px; }

.e_popup .e_contents .e_popup_text2 { padding-bottom: 5px; }
.e_popup .e_contents .e_popup_text2 > p { font-size: 12px; padding-bottom: 5px; }
.e_popup .e_contents .e_popup_text2 > p:last-child { padding-bottom: 0; }

.e_popup .e_contents .e_popup_text3 > p { font-size: 12px; padding-bottom: 5px; margin-left: 10px; }
.e_popup .e_contents .e_popup_text3 > p:last-child { padding-bottom: 0; }


.e_popup .e_title2 { display: table; width: 100%; min-height: 110px; padding : 30px 20px 20px; border-bottom: solid 1px #D5DCE5; background: url('../images/etc/bg_open_popup.png') no-repeat left top; text-align: center; color: #000000; font-size: 16px; box-sizing: border-box; }
.e_popup .e_title2 > div { display: table-cell; vertical-align: middle; width: 100%; }
.e_popup h4.title { position: relative; padding-left: 16px; background: url('../images/etc/bullet_02.png') no-repeat left 4px; font-size: 16px; color: #404040; font-weight: 400; }
.e_popup p.stress_mes01 { color: #0F3772; font-size: 22px; }
.e_popup div.blue_char_box { position: relative; min-width: 536px; padding: 14px 50px; margin-top: 10px; background: #0085EC; border-radius: 5px; color: #FFFFFF; font-size: 15px; box-sizing: border-box; }
.e_popup div.blue_char_box:before { content: ''; display: block; position: absolute; left: -1px; top: -20px; width: 49px; height: 58px; background: url('../images/etc/blue_box_char2.png') no-repeat center; }
.e_popup div.blue_char_box:after { content: ''; display: block; position: absolute; right: 0px; top: -21px; width: 43px; height: 60px; background: url('../images/etc/blue_box_char1.png') no-repeat center; }
.e_popup .text_box { line-height: 18px; }
div.sky_blue_box { width: 100%; padding: 20px 20px 0; margin-top: 15px; border: 1px solid #E5E5E5; border-radius: 5px; background: #F6FBFF; box-sizing: border-box; }
div.sky_blue_box .title { padding-left: 5px; color: #0A65C2; font-size: 16px; vertical-align: bottom; }
div.sky_blue_box .title_wrap { padding-bottom: 8px; border-bottom: 1px solid #A3A5A7; }

ul.char_bg_list {  }
ul.char_bg_list li { display: table; width: 100%; min-height: 94px; padding: 10px 10px 10px 84px; border-bottom: 1px solid #E5E5E5; color: #303030; font-size: 16px; box-sizing: border-box; }
ul.char_bg_list li > div strong { color: #0488ED; }
ul.char_bg_list li:last-child { border-bottom: none; }
ul.char_bg_list li > div { display: table-cell; width: 100%; vertical-align: middle; }
ul.char_bg_list li > div.small_text { color: #303032; font-size: 13px; }
ul.char_bg_list li > div span { display: inline-block; padding-top: 5px; }
ul.char_bg_list li > div span.text_red { color: #F3583F; font-size: 13px; }
ul.char_bg_list li.char_bg01 { background: url('../images/etc/char_bg_list01.png') no-repeat 4px center; }
ul.char_bg_list li.char_bg02 { background: url('../images/etc/char_bg_list02.png') no-repeat 6px center; }
ul.char_bg_list li.char_bg03 { background: url('../images/etc/char_bg_list03.png') no-repeat 11px center; }


/* 404 에러페이지 */
.wrap_404 * { box-sizing: border-box; }
.wrap_404 { width: 100%; height: 100%; padding-top: 180px; text-align: center; }
.wrap_404 .logo { display: block; margin-bottom: 15px; }
.section_404 { width: 100%; min-height: 200px; background: #f7f7f7 }
.area_404 { width: 600px; margin: 0 auto; }
.area_404 .left { float: left; text-align: left; width: 200px; padding-top: 13px; }
.area_404 .right { float: right; text-align: left; width: 400px; padding: 35px 0; }
.area_404 .title { font-size: 24px; font-weight: bold; color: #0085ec; margin-bottom: 5px; }
.area_404 .title01 { font-size: 20px; color: #303030; margin-bottom: 5px; }
.area_404 p { color: #707070; font-size: 14px; }
.area_404 p + .msg_complete { margin-top: 15px; }
.area_404 .msg_complete { width: auto; text-align: left; margin-bottom: 30px; }
.area_404 .msg_complete .msg { margin-left: 0px; color: #009aff; }
.area_404 .box_btn { padding-left: 30px; }
.area_404 .msg_complete .icon { display: none;}

/* 시스템점검 */
.section_404.type02 .area_404 { width: 800px; padding-left: 100px; margin: 15px auto; }
.section_404.type02 .area_404 .right { width: 500px; }
.section_404.type02 .area_404 .title { margin: 15px 0 10px; }


/* 외국인 기타투자 안내 */
.guide_box .guide_foreign { padding: 15px 0; background: #FAFAFA; text-align: center; }
.guide_box .guide_foreign .title { font-size: 24px; line-height: normal; font-weight: 600; margin-bottom: 10px; }
.guide_box .box_list_arrow { text-align: center; padding: 5px 0; }
.guide_box .box_txt_arrow { text-align: center; padding: 23px 0; background: #eff7ff; color: #0a65c2; font-size: 14px; margin-bottom: 23px; }
.guide_box .box_title_arrow { text-align: center; padding: 30px 0; font-size: 20px; }

.guide_box div.box_figure { position: relative; height: 570px; width: 680px; margin: 0px auto;  box-sizing: border-box; }
.guide_box div.box_figure > div { position: absolute; width: 200px; height: 200px; }
.guide_box div.box_figure > div.figure_dl1 { left: 0; top: 0px; }
.guide_box div.box_figure > div.figure_dl1 dl { background: #f0f9ff; border: solid 1px #b2e1ff; border-radius: 100%;  }
.guide_box div.box_figure > div.figure_dl2 { left: 240px; top: 0px; }
.guide_box div.box_figure > div.figure_dl2 dl { background: #ffffff; border: solid 1px #b2e1ff; border-radius: 100%;  }
.guide_box div.box_figure > div.figure_dl3 { left: 480px; top: 0px; }
.guide_box div.box_figure > div.figure_dl3 dl { background: #f0f9ff; border: solid 1px #b2e1ff; border-radius: 100%;  }
.guide_box div.box_figure > div.figure_dl4 { left: 0px; top: 285px; }
.guide_box div.box_figure > div.figure_dl4 dl { background: #ffffff; border: solid 1px #b2e1ff; border-radius: 100%;  }
.guide_box div.box_figure > div.figure_dl5 { left: 240px; top: 285px; }
.guide_box div.box_figure > div.figure_dl5 dl { background: #f0f9ff; border: solid 1px #b2e1ff; border-radius: 100%;  }
.guide_box div.box_figure > div.figure_dl6 { left: 480px; top: 285px; }
.guide_box div.box_figure > div.figure_dl6 dl { background: #ffffff; border: solid 1px #b2e1ff; border-radius: 100%;  }

.guide_box div.box_figure > div > dl { width: 100%; height: 100%; }
.guide_box div.box_figure > div > dl dt { width: 200px; height: 200px; display: table-cell; vertical-align: middle; padding: 0; text-align: center; color: #009aff; font-weight: bold; font-size: 15px; box-sizing: border-box; }
.guide_box div.box_figure > div > dl dd { position: absolute; top: 220px; left: 0px; width: 100%; height: 50px; padding: 0; box-sizing: border-box; text-align: center; color: #707070; font-size: 12px; }


.guide_invest .list_tbl01 tr.tr_head td { background: #f9f9f9; }

.safe_card_wrap { display: table; table-layout: fixed; width: 100%; }
.safe_card_insert { display: table-cell; min-width: 415px; padding-right: 20px; box-sizing: border-box; }
.safe_card_insert table.maBot20 { margin-bottom: 20px; }
.safe_card_insert table td img { vertical-align: middle; }
.safe_card_insert p.mes { padding-bottom: 5px; }
.safe_img_wrap { display: table-cell; width: 335px; padding-top: 20px; vertical-align: top; background: url('../images/etc/table_bg.gif') repeat left top; }
.safe_card_img { position: relative; margin: 0 10px 15px; text-align: center; }

.icon_mes { padding: 10px 0 0 23px; background: url(../images/etc/attention_orange.png) no-repeat left 7px; line-height: 16px; }

.block_box_t { position: absolute; width: 7px; height: 12px; background-color: #FFFFFF; border: 1px solid #FF0000; }
.block_box_f, .block_box_b { position: absolute; width: 17px; height: 12px; background-color: #FFFFFF; border: 1px solid #FF0000; }
/* 상단번호 가림박스*/
.box_t_1 { top: 12px; right: 84px; }
.box_t_2 { top: 12px; right: 76px; }
.box_t_3 { top: 12px; right: 68px; }
.box_t_4 { top: 12px; right: 59px; }
.box_t_5 { top: 12px; right: 51px; }
.box_t_6 { top: 12px; right: 43px; }
.box_t_7 { top: 12px; right: 35px; }
.box_t_8 { top: 12px; right: 28px; }
.box_t_9 { top: 12px; right: 20px; }
.box_t_10 { top: 12px; right: 12px; }

/* 앞번호 가림박스*/
.box_f_1 { top: 40px; left: 27px; }
.box_f_2 { top: 60px; left: 27px; }
.box_f_3 { top: 81px; left: 27px; }
.box_f_4 { top: 102px; left: 27px; }
.box_f_5 { top: 122px; left: 27px; }
.box_f_6 { top: 142px; left: 27px; }
.box_f_7 { top: 162px; left: 27px; }

.box_f_8 { top: 40px; left: 89px; }
.box_f_9 { top: 60px; left: 89px; }
.box_f_10 { top: 81px; left: 89px; }
.box_f_11 { top: 102px; left: 89px; }
.box_f_12 { top: 122px; left: 89px; }
.box_f_13 { top: 142px; left: 89px; }
.box_f_14 { top: 162px; left: 89px; }

.box_f_15 { top: 40px; left: 151px; }
.box_f_16 { top: 60px; left: 151px; }
.box_f_17 { top: 81px; left: 151px; }
.box_f_18 { top: 102px; left: 151px; }
.box_f_19 { top: 122px; left: 151px; }
.box_f_20 { top: 142px; left: 151px; }
.box_f_21 { top: 162px; left: 151px; }

.box_f_22 { top: 40px; left: 213px; }
.box_f_23 { top: 60px; left: 213px; }
.box_f_24 { top: 81px; left: 213px; }
.box_f_25 { top: 102px; left: 213px; }
.box_f_26 { top: 122px; left: 213px; }
.box_f_27 { top: 142px; left: 213px; }
.box_f_28 { top: 162px; left: 213px; }

.box_f_29 { top: 40px; left: 275px; }
.box_f_30 { top: 60px; left: 275px; }
.box_f_31 { top: 81px; left: 275px; }
.box_f_32 { top: 102px; left: 275px; }
.box_f_33 { top: 122px; left: 275px; }
.box_f_34 { top: 142px; left: 275px; }
.box_f_35 { top: 162px; left: 275px; }

/* 뒷번호 가림박스*/
.box_b_1 { top: 40px; left: 44px; }
.box_b_2 { top: 60px; left: 44px; }
.box_b_3 { top: 81px; left: 44px; }
.box_b_4 { top: 102px; left: 44px; }
.box_b_5 { top: 122px; left: 44px; }
.box_b_6 { top: 142px; left: 44px; }
.box_b_7 { top: 162px; left: 44px; }

.box_b_8 { top: 40px; left: 106px; }
.box_b_9 { top: 60px; left: 106px; }
.box_b_10 { top: 81px; left: 106px; }
.box_b_11 { top: 102px; left: 106px; }
.box_b_12 { top: 122px; left: 106px; }
.box_b_13 { top: 142px; left: 106px; }
.box_b_14 { top: 162px; left: 106px; }

.box_b_15 { top: 40px; left: 168px; }
.box_b_16 { top: 60px; left: 168px; }
.box_b_17 { top: 81px; left: 168px; }
.box_b_18 { top: 102px; left: 168px; }
.box_b_19 { top: 122px; left: 168px; }
.box_b_20 { top: 142px; left: 168px; }
.box_b_21 { top: 162px; left: 168px; }

.box_b_22 { top: 40px; left: 230px; }
.box_b_23 { top: 60px; left: 230px; }
.box_b_24 { top: 81px; left: 230px; }
.box_b_25 { top: 102px; left: 230px; }
.box_b_26 { top: 122px; left: 230px; }
.box_b_27 { top: 142px; left: 230px; }
.box_b_28 { top: 162px; left: 230px; }

.box_b_29 { top: 40px; left: 292px; }
.box_b_30 { top: 60px; left: 292px; }
.box_b_31 { top: 81px; left: 292px; }
.box_b_32 { top: 102px; left: 292px; }
.box_b_33 { top: 122px; left: 292px; }
.box_b_34 { top: 142px; left: 292px; }
.box_b_35 { top: 162px; left: 292px; }

.card_info_box { padding: 40px 255px 40px 0; background: url('../images/etc/img_card_sample.png') no-repeat right center; }
.card_info_box strong { display: block; padding-bottom: 10px; font-size: 24px; color: #0B6BC5; }
.card_info_box p { font-size: 16px; color: #505050; }

/* 회의실 예약 화면 */
table.list_tbl01.small > thead > tr > th, table.list_tbl01.small > tbody > tr > td {padding: 9px 0;}
.list_tbl01 [class^="reserve_"] {display: inline-block; width: 75%; text-indent: -999em;}
.list_tbl01 .reserve_on, .table_info_box .reserve_on {background: #abacae;}
.list_tbl01 .reserve_off, .table_info_box .reserve_off {background: #f35485;}
.list_tbl01 .reserve_ing, .table_info_box .reserve_ing {background: #ff9000;}
.table_info_box [class^="reserve_"] {display: inline-block; width: 17px; height: 15px; margin: 0 6px;}
div.cal_table2.reserve table tbody tr td.today {background-color: #FEF2F6;}
div.cal_table2.reserve table tbody tr td {padding: 10px 0; height: 100px; font-size: 13px; text-indent: 10px;}
div.cal_table2.reserve table tbody tr td > div {position: relative; }
div.cal_table2.reserve table tr > td > div span {position: absolute; left: 0; top: 20px; width: 129px; height: 12px; background: #e8f2fb; margin-top: 0; padding: 3px 5px; color: #666; cursor: pointer;  text-indent: 0;}
div.cal_table2.reserve table tr > td > div span > button {position: absolute; top: 2px; right: 2px; width: 12px; height: 12px; background: none;}
div.cal_table2.reserve table tr > td > div span.second {top: 41px;}
div.cal_table2.reserve table tr > td > div span.third {top: 62px;}
div.cal_table2.reserve table tr > td > div span:before {content: ""; display: inline-block; background: #66b6f3; width: 4px; height: 11px; margin-right: 5px; vertical-align: top;}
div.cal_table2.reserve table tr > td > div span.more, div.cal_table2.reserve table tr > td > div span.more:before, 
div.cal_table2.reserve table tr > td > div span.extend:before {background: none;}