@charset "utf-8";


/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html { width: 100%; height: 100%; }
body { position: relative; width: 100%; height: 100%; font-family: 'Malgun Gothic', '맑은 고딕', sans-serif; font-size: 14px; line-height: 1; letter-spacing: -1px; color: #323232; background-color: #fff; }

button { cursor: pointer; }
button, textarea, select { font-size: 14px; box-shadow: none !important; border-radius: 0; outline-style: none; }
select { -webkit-appearance: none; appearance: none; color:#818181; }
input { -webkit-appearance: none; appearance: none; box-shadow: none; border: none; border-radius: 0; cursor: pointer; height: 18px; padding: 0px 4px; border: 1px #000 solid; text-align: left; font-size: 16px !important; color: #323232 !important; outline-style: none; }
::-webkit-input-placeholder { color: #989898; }

a { color: #323232; text-decoration:none; cursor:pointer; }
img { width: 100%; height: auto;}
ul, ol, li, dl, dt, dd { list-style:none; }
 
 
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:none; }
 
table { border-collapse: collapse; border-spacing: 0px; word-break: break-all; word-wrap: break-word; }
caption, legend { visibility:hidden;overflow:hidden;font-size:0;line-height:0; }
address,caption,cite,code,dfn,em,var,b {font-style: normal; font-weight: normal}

/*-------------------------------------------------------------------------------
 *global class
--------------------------------------------------------------------------------*/
/*clearfix*/
.group:after { content: ""; display: table; clear: both; }

/*flexbox*/
.flexSb { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-pack: justify; -webkit-box-align: center; }
.flexTop { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-pack: justify; -webkit-box-align: start; }
.flexBottom { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-pack: justify; -webkit-box-align: center; }
.flexCen { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; }
.flexSb > *, .flexTop > *, .flexBottom > *, .flexCen > * { display: block; }

/* 150924 추가*/
.flex1 { -webkit-flex: 1; flex: 1; -webkit-box-flex: 1; }

.dim { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0,.7); z-index: 1; }

/*-------------------------------------------------------------------------------
 *etc layout class
--------------------------------------------------------------------------------*/
.dsNone { display: none; }

.dsBlock { display: block !important; }

.w100 { width: 100px !important; }
.width100 { width: 100% !important; }
.w120 { width: 120px !important; }
.wAuto { width: auto !important; }
.floatL { float: left; }

.pa0 { padding: 0 !important; }
.pa10 { padding: 10px !important; }
.paTop5 { padding-top: 5px; }
.paTop10 { padding-top: 10px !important; }
.paTop17 { padding-top: 17px !important; }
.paTop20 { padding-top: 20px !important; }
.paTop40 { padding-top: 40px !important; }
.paBot0 { padding-bottom: 0 !important; }
.paBot5 { padding-bottom: 5px !important; }
.paBot10 { padding-bottom: 10px !important; }
.paBot10_i { padding: 0 0 10px 0 !important; }
.paBot20 { padding-bottom: 20px !important; }
.paBot24 { padding-bottom: 24px !important; }
.paBot44 { padding-bottom: 44px !important; }
.paLeft10 { padding-left: 10px !important; }
.paBotPer30 { padding-bottom: 30% !important; }
.paRight10 { padding-right: 10px !important; }
.paTRL10 { padding: 10px 14px 0; }
.paRLB10 { padding: 0 10px 10px; }
.paTB10 { padding: 10px 0px 10px !important; }
.paTB20 { padding: 20px 0px; }
.paRL10 { padding: 0 10px 0; }
.paRL14 { padding: 0 14px 0 !important; }
.paTR{ padding: 10px 20px 0 0; }
.paRight85 { padding-right: 85px !important; }

.ma0 { margin: 0 !important; }
.marTB10 { margin: 10px 0 !important; }
.maTop10 { margin-top: 10px !important; }
.maTop27 { margin-top: 27px !important; }
.maBot10 { margin-bottom: 10px !important; }
.maBot12 { margin-bottom: 12px !important; }
.maBot14 { margin-bottom: 14px !important; }
.maBot20 { margin-bottom: 20px !important; }
.maLef5 {margin-left: 5px !important;}
.maLef10 {margin-left: 10px !important;}
.maRight0 {margin-right:0 !important;}
.maRight14 {margin-right:14px !important;}

.border { border: 1px solid #e5e5e5; }
.borTop { border-top: 1px solid rgba(0, 0, 0, .1); }
.borTop2 { border-top: 1px solid #d6d6d6; }
.borBot { border-bottom: 1px solid #e5e5e5; }
.borBot2 { border-bottom: 1px dotted #b1d5f4; }
.borBot3 { border-bottom: 1px solid #d6d6d6; }
.borLef { border-left: 1px solid rgba(0, 0, 0, .1); } 
.borLef2 { border-left: 1px solid #e5e5e5; } 
.borRig { border-left: 1px solid rgba(0, 0, 0, .1); } 
.borRig2 { border-right: 1px solid #e5e5e5; }
.borNone { border: none !important;}

.backNone { background: none !important; }
.back_F { background-color: #fbfbfb; }
.back_B { background-color: #ecf4fb !important; }

.color_bla { color: #373737 !important; }
.color_b { color: #0773cf !important; }
.color_r { color: #e12424 !important; }
.color_r2 { color: #e11f1f !important; }
.color_w { color: #fff !important; }

.vartical_T { vertical-align: top; }

.font12 { font-size: 12px !important; }
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px !important; }
.font18 { font-size: 18px !important; }
.fontWB { font-weight: bold !important; }
.fontNM { font-weight: normal !important; }

.text_L { text-align: left !important; }
.text_C { text-align: center !important; }
.text_R { text-align: right !important; }

.letter0 { letter-spacing: 0 !important; }

.boxhidden { overflow: hidden; }

/*******************************************************************************
* 오픈뱅크 겹치는 부분 수정
********************************************************************************/

.cp01 .btn { display:inline-block; width: auto; height: auto; vertical-align:middle; text-align:center; white-space:nowrap; cursor:pointer; background:#fff; border-radius:25px; -webkit-border-top-left-radius:25px; -webkit-border-bottom-left-radius:25px; -webkit-border-top-right-radius:25px; -webkit-border-bottom-right-radius:25px; outline:0; -webkit-tap-highlight-color:rgba(218, 218, 218, 0.4);}
.jScroll_none .btn.ty2 { -webkit-border-radius: 3px; border-radius: 3px; background: #f8c708;} 
.cp01 .b_med { padding:2px 12px 0; letter-spacing:-0.7px; margin-bottom: 0; line-height:36px; min-width:68px; font-size:18px; color:#11a0e9; border:1px solid #11a0e9; }
.cp01 .btn.action { color:#fff; margin-left: 5px; background:#0091e4; border:1px solid #0091e4; }

.btn.btnWeebi { margin-bottom: 6px !important; -webkit-border-radius: 3px !important; border-radius: 3px !important; background: #f8c708 !important; color: #323232; box-sizing: border-box; }

/* 회원관리 */
.btnChange { -webkit-border-radius: 3px !important; border-radius: 3px !important; background: #f8c708 !important; }

/* 대출가입 타임스탬프 */
.agreeBox .divide img { width: 45px; }

/* 151202 background-position 오타 수정 */
input.checkbox[type=checkbox] { width:27px; height:26px; background:url('/img/onetouch/pot/nonface/check_dim.png') no-repeat 0 0; background-size: 27px auto; -webkit-appearance: none; border: none; background-position: 0; }
input.checkbox[type=checkbox]:checked { width:27px; height:26px; background:url('/img/onetouch/pot/nonface/checkbox_on.png') no-repeat 0 0; background-size: 27px auto; -webkit-appearance: none; border: none; background-position: 0; }

/* 대출 상세정보 */
.pop-content { padding: 0 !important; }

/* 대출안내 (원터치금융센터) */
.pdf_link{ display:block; margin-top:2px; padding-left: 21px; background: url('/img/onetouch/pot/nonface/icon_pdf.png') no-repeat 0 8px; background-size: 17px 8px; } 
.pdf_link.big{ display:block; padding-left:34px; background: url('/img/onetouch/pot/nonface/icon_pdf.png') no-repeat left center; background-size: 26px auto; line-height: 30px; } 
.pdf_link:first-child{ margin-top:0; }

/* pdf view 화면 설정 */
.btn_center.ty2 { margin: 20px 15px 0; }
.scroll_preview.ty2 { overflow: hidden !important; height: 525px !important; }


/* 계좌 조회 부분  */
.btn5.btn_menu { width: 100%; height: 44px; background: #f8c708; background-size: auto; }
.more_btn.btn { line-height: 22px; }
/*달력 날짜*/

.layerarea02 .datebox .btn {position:absolute; font-size:0; color:transparent; width:32px; height:32px; background:url(/img/onetouch/pot/nonface/datebox_btn_bg.gif) no-repeat 0 0; background-size:32px;}
.layerarea02 .datebox .btn.btn_prev {left:0; top:10px;}
.layerarea02 .datebox .btn.btn_next {right:0; top:10px; background-position:0 -200px;}
.layerarea02 .datebox .btn.btn_prev:hover {background-position:0 -100px;}
.layerarea02 .datebox .btn.btn_next:hover {background-position:0 -300px;}

.layerarea02 .datebox.type2 .btn {position:absolute; top:3px;font-size:1px; color:transparent; width:27px; height:27px; border-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; background:url(/img/onetouch/pot/common/bg_calendar_btn.png) no-repeat 9px 6px; background-size:auto 15px;}
.layerarea02 .datebox.type2 .btn.ahover{outline:0; border:0;}
.layerarea02 .datebox.type2 .btn.btn_prev {left:0;}
.layerarea02 .datebox.type2 .btn.btn_next {right:0; background-position:right 6px;}
.layerarea02 .datebox.type2 .btn.btn_prev:hover {border:0; background-position:9px 6px;}
.layerarea02 .datebox.type2 .btn.btn_next:hover {border:0; background-position:right 6px;}
.btn.returnBtn { color: #333; font-size: 15px; font-weight: normal; line-height: 25px; -webkit-box-sizing: border-box; box-sizing: initial; margin-top: -31px !important; }
.cp01 .next img { width: auto; }
input.flex_box100 { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }


#wrap {width:100%; height:100%;}
#content {position:relative; width:100%; height:100%;}
.fixedBottom {padding:20px 14px;}
.fixedBottom.ty2 {position:absolute; bottom:0; padding:0;}
.fixedBottom.ty3 {padding:0px;}
.fixedBottom.ty4 {padding:0px; position:fixed; width:100%; bottom:0; left:0;}
.fixedBottom.ty5 {padding:10px; border-top:1px solid rgba(0, 0, 0,.1); position:fixed; width:100%; bottom:0; left:0; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:rgba(255, 255, 255, .8);}
.fixedBottom.ty5 button {-webkit-border-radius:3px; border-radius:3px;}
.responseBottom {padding:0 14px 40px;}
body, html {}

/* BUTTON AREA */
.btn_flex {display:-webkit-box; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;}
.btn_flex > * {display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.btn_flex .btn, .btn_flex .btn2 {margin-bottom:0; margin-right:6px;}
.btn_flex .btn:last-child, .btn_flex .btn2:last-child {margin:0;}
.btn_center {text-align:center;}
.btn_center.ty3 {margin:0;}

/* 페이지 스텝 */
.page_step {height:34px; text-align:center;}
.page_step .step_view {display:inline-block; height:14px; margin-top:10px; background:url('/img/onetouch/pot/nonface/img_step_back.png') repeat-x; background-size:28px 14px;}
.page_step .step_view span {display:block; height:100%; background:url('/img/onetouch/pot/nonface/img_step_active.png') repeat-x; background-size:28px 14px;}
.page_step .number {display:inline-block; height:34px; margin-left:5px; line-height:34px; vertical-align:top; color:#898989;}
.page_step .number b {margin-right:2px;}
.page_step[data-step="2"] .step_view {width:42px;}
.page_step[data-step="3"] .step_view {width:70px;}
.page_step[data-step="4"] .step_view {width:98px;}
.page_step[data-step="5"] .step_view {width:126px;}
.page_step[data-step="6"] .step_view {width:154px;}

.step_view[data-active="1"] span {width:14px;}
.step_view[data-active="2"] span {width:42px;}
.step_view[data-active="3"] span {width:70px;}
.step_view[data-active="4"] span {width:98px;}
.step_view[data-active="5"] span {width:126px;}
.step_view[data-active="6"] span {width:154px;}

.title_mes1 {display:block; position:relative; padding:13px 14px 13px 34px; border-bottom:1px solid #e5e5e5;  font-size:18px; font-weight:bold; color:#373737; line-height:22px;}
.title_mes1 em {font-weight:bold;}

/* 텍스트형 문구 */
.mes {display:block; width:100%; line-height:20px; padding:13px 14px; border-bottom:1px solid #d6d6d6; text-align:center; font-size:14px; color:#636363; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mes.ty2 {line-height:20px; padding:0; background:#ecf4fb; border:none; color:#373737;}
.mes.ty3 {line-height:20px; padding:0; border:none; color:#737373;}
.mes.ty4 {font-weight:bold; color:#323232; text-align:left; border:none;}
.mes.ty5 {line-height:20px; padding:16px 0 0 0; border:none; color:#373737;}
.mes.ty6 {line-height:20px; padding:0; border:none; color:#737373;}
.mes.ty7 {color:#323232; text-align:left; border:none;}

.box_content04 .mes.ty3 {padding:2px 0px; border:none; text-align:left; line-height:20px;}
.box_content04 .mes.ty3 em {display:block; padding-bottom:10px;}

.mes2 {display:block; width:100%; line-height:20px; padding:10px 14px; border-bottom:1px solid #d6d6d6; background:#ecf4fb; text-align:left; font-size:14px; color:#373737; -webkit-box-sizing:border-box; box-sizing:border-box;}
.mes2.ty2 {border:none; color:rgba(0, 0, 0, .5); background:none;}
.mes2.ty3 {padding-bottom:10px; border:none; background:none; font-size:16px;}
.mes2.ty4 {border:none; background:#ecf4fb;}
.mes2.ty5 {border-bottom:1px solid #e5e5e5;}

.mes3 {line-height:20px; color:#636363;}
.mes4 {font-size:12px; line-height:20px; color:#737373;}
.mes4.ty2 {padding-left:10px;}

.title_mes1 {display:block; position:relative; padding:13px 14px 13px 34px; border-bottom:1px solid #e5e5e5;  font-size:18px; font-weight:bold; color:#373737; line-height:22px;}
.title_mes1 em {font-weight:bold;}
/* sub 추가 */
.title_mes1 .sub {font-size:14px; color:#939393;}

/* title_mes1 수정 */
.title_mes1:before {content:""; display:block; position:absolute; top:18px; left:4px; margin-top:0px; width:30px; height:14px; background:url('/img/onetouch/pot/nonface/icon_title_message01.png') no-repeat 10px center; background-size:13px auto;}
.title_mes1 .infor_mes {font-size:12px; color:#e01717;}
.title_mes1.ty3 {border-bottom:1px solid #d6d6d6;}
.title_mes1.ty4 {border-bottom:1px solid #d6d6d6;}
.title_mes1.ty4:before {margin-top:-17px;}
.title_mes2 {font-size:16px; padding:20px 14px 0; font-weight:bold;}
/* 151202 - 1. title_mes2.ty3 추가(ID카드)*/
.title_mes2.ty3 {padding:20px 14px; border-bottom:1px solid #d6d6d6;}
.title_mes2 .infor_mes {display:block; float:right; padding-top:4px; font-size:12px; color:#e01717;}
.title_mes3 {font-size:16px; color:#737373;}
.title_mes4 {display:block; position:relative; padding:14px; border-bottom:1px solid rgba(0, 0 ,0 ,.1);  font-size:18px; font-weight:bold; color:#373737; line-height:22px;}

/* 컨텐츠 박스타입 */
.section1 {padding:14px;}

/* 폼 박스 타입 */
.box_content01 {padding:20px 14px;}
.box_content01.ty2 {background-color:#fefbec; border-bottom:1px solid #e5e5e5;}
.box_content02 {padding:14px; background-color:rgba(7, 115, 207, .1); border-bottom:1px solid #d6d6d6;}
.box_content02.ty2 {border-bottom:1px solid #e5e5e5;}
.box_content03 {margin:0 14px; padding:18px 14px; background:#ecf4fb; border:1px solid #e5e5e5; -webkit-border-radius:3px; border-radius:3px; -webkit-box-sizing:border-box; box-sizing:border-box;} 
.box_content03.ty2 {margin:20px 14px 0;}
.box_content03.ty3 {background:none; border:none;}
.box_content03.ty3 .mes.ty2 {background:none;}
.box_content03 .title {margin-bottom:10px; font-size:16px; color:#373737; text-align:center; font-weight:bold;}
.box_content03.ty4 {margin:0 0 20px 0; border:none; border-bottom:1px solid #e5e5e5;}
.box_content04 {padding:14px; border-bottom:1px solid #e5e5e5;}
.box_content04.ty2 {background:#fff;}
.box_content05 {display:block; padding:11px; background-color:#fefbec; border-bottom:1px solid rgba(0, 0, 0, .1); text-align:center;}
.box_content06 {padding:10px 0 20px; border-bottom:1px solid rgba(0, 0, 0, .1);}
.box_content07 {padding:20px 14px 0;}

/*  위아래 dl_box  */
.dl_box dt {padding-bottom:8px; font-size:16px; color:#323232; font-weight:bold; line-height:18px;}
.dl_box dd {padding-bottom:20px; font-size:16px;}
.dl_box dd:last-child {padding-bottom:0;}
.dl_box .date {position:relative;}

/*-----------------------------------------------------------------------------------------
 * 폼 input 타입
-----------------------------------------------------------------------------------------*/
.input_price2 {display:block; position:relative; width:100%;}
.input_price2 .input {padding-right:40px;}
.input_price2 span {display:inline-block; position:absolute; top:0; right:10px; height:44px; line-height:44px; font-size:16px;}

/* input 여러개 일 때 */
.form_group .input, .form_group .unit,.form_group .select  {margin-bottom:10px; font-size:14px;}
.form_group .input:last-child, .form_group .unit:last-child,.form_group .select:last-child {margin-bottom:0px;}
.form_group .input_price .unit:last-child {margin-bottom:10px;}

/*input 기본 텍스트 타입*/
.input {width:100%; height:44px; padding:0 10px; border:1px solid #dbdbdb; background-color:#fbfbfb; -webkit-border-radius:3px; border-radius:3px; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:16px !important; color:#787878 !important; line-height:1 !important;}
.input.ty2 {color:#323232 !important;}
.input_box {width:100%; height:44px; padding:0 10px; border:1px solid #dbdbdb; background-color:#fbfbfb; -webkit-border-radius:3px; border-radius:3px; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:16px !important; color:#787878 !important; line-height:44px;}
input.input[type=tel], input.input[type=text], input.input[type=password], input.input[type=search], input.input[type=email], input.input[type=file], input.input[type=number], input.input[type=date]{width:100%; height:44px; padding:0 10px; line-height:1; font-size:16px; color:#787878; letter-spacing:-0.5px; border:1px solid #dbdbdb; background:#fbfbfb; text-decoration:none; box-sizing:border-box; -webkit-appearance:none; -webkit-border-radius:3px; border-radius:3px;}
input.input::-webkit-input-placeholder {color:#787878; font-size:16px; line-height:1;}

/*checkbox 타입*/
.checkbox {display:inline-block; width:27px; height:26px; margin-right:5px; border:none; background:url('/img/onetouch/pot/nonface/check_dim.png') no-repeat 0 0; background-size:27px 26px; vertical-align:middle;}
.checkbox.ty2 {margin:0;}
.checkbox:checked {background:url('/img/onetouch/pot/nonface/checkbox_on.png') no-repeat 0 0; background-size:27px 26px; overflow:hidden;}
.check_label {display:inline-block; height:24px; line-height:24px; font-size:16px;}

/* 151202 - 4.check_box(ID카드) */
.check_box {padding:0 0 10px;}
.check_box label {height:26px; line-height:26px; vertical-align:top; padding-right:10px; vertical-align:middle;}
.check_box input {vertical-align:middle;}
.check_box label:last-child {padding:0;}

/* 151001 select */
.select {width:100%; border:1px solid #dbdbdb; padding:0 5px; padding-right:20px; height:44px; background:#fff url('/img/onetouch/pot/nonface/select_bg.png') no-repeat right ; background-size:28px 44px; border-radius:3px; -webkit-box-sizing:border-box; color:#787878 !important; line-height:44px; font-size:16px !important; font-family:sans-serif;}
.select_box {overflow:hidden; width:100%; border:1px solid #dbdbdb; padding:0 10px; padding-right:30px; height:44px; background:#fff url('/img/onetouch/pot/nonface/select_bg.png') no-repeat right ; background-size:28px 44px; border-radius:3px; -webkit-box-sizing:border-box; color:#787878 !important; line-height:44px; font-size:16px !important; font-family:sans-serif; cursor:pointer;}

/* 약관 타입 */
.clause a {display:block;}
.clause label {display:inline-block; height:24px; font-size:16px; vertical-align:middle; color:rgba(115, 115, 155, .6); line-height:24px;}
.clause_on {display:none; padding:10px 0; border-bottom:1px solid rgba(0, 0, 0,.1); text-align:center; font-size:16px; color:#0773cf;}
.clause.on label {color:#0773cf;}
.clause_dim {display:block; padding:13px 0; border-bottom:1px solid rgba(0, 0, 0,.1); text-align:center; color:#737373; font-size:16px;}
.clause_dim span {padding:4px 0 5px 32px; background:url('/img/onetouch/pot/nonface/check_dim.png') no-repeat left center; background-size:27px 26px;}

/* 151202 - 1.약관(ID카드) */
.cla_title {padding-bottom:10px; font-size:14px; color:#323232; line-height:16px;}
.cla_title2 {padding-bottom:10px; font-size:12px; color:#323232; line-height:14px;}
.cla_text {font-size:12px; color:#323232; line-height:18px; padding-bottom:10px;}
.cla_text:last-child {padding:0;}

.cla_box {padding:10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cla_box ol li {line-height:18px; font-size:12px; color:#737373;}
.cla_list dt {font-size:14px; line-height:20px; color:#373737;} 
.cla_list dd {padding-bottom:10px; line-height:16px; font-size:12px; color:#737373;}
.cla_list dd:last-child {padding:0;}
.cla_list dd > ol li {text-indent:-15px; padding-left:15px;}
.cla_list dd > ul li {text-indent:-15px; padding-left:15px;}

.cla_list.ty2 dd {color:#373737;}
.cla_list.ty2 dd > ol li {text-indent:-10px; padding-left:10px;}

.cla_list.ty3 dd > ol li {text-indent:-8px; padding-left:10px;}
.cla_list.ty3 dd > ul li {text-indent:-8px; padding-left:10px;}

.cla_list.ty4 dt {font-size:12px;}
.cla_list.ty4 dd {padding:0; text-indent:0;}

.cla_table {width:100%; margin:10px 0;}
.cla_table thead th {padding:10px; background:#fefbee; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px; font-weight:normal; color:#737373; text-align:center;}
.cla_table tbody th {padding:10px; background:#fefbee; border-bottom:1px solid #e5e5e5; font-size:12px; color:#737373; text-align:center; line-height:16px;}
.cla_table tbody td {padding:10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px; color:#323232; text-align:center; line-height:20px;}
.cla_table thead th:last-child, .cla_table tbody td:last-child {border-right:none;}
.cla_table tbody td > ul li {text-indent:-6px; padding-left:10px;}

.cla_table.ty2 thead th {padding:10px; background:#fefbee; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px; font-weight:normal; color:#737373; text-align:left;}
.cla_table.ty2 tbody th {padding:10px; background:#fefbee; border-bottom:1px solid #e5e5e5; font-size:12px; color:#737373; text-align:left; line-height:16px;}
.cla_table.ty2 tbody td {padding:10px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px; color:#323232; text-align:left; line-height:20px;}

/* scroll_box  */
.scroll_box {display:none; overflow:hidden; padding:14px; height:200px; border-bottom:1px solid #e5e5e5; background-color:#fff;}
.scroll_box .border {overflow:hidden; position:relative; height:100%;}
.scroll_box .border > div {width:100%}
.scroll_box.on {display:block;}

.scroll_box.ty2 {display:block; width:100%; height:320px; font-size:14px; color:rgba(0, 0, 0, .5); -webkit-box-sizing:border-box; box-sizing:border-box;}

/* radio 타입 */
input[type="radio"].radio  {position:relative; width:26px; height:26px; border:none; background:url('/img/onetouch/pot/nonface/radio_bg.png') no-repeat 0 0; background-size:52px 26px;}
[type="radio"].radio:checked {background-position:-26px 0;}

/* radio_box */
.radio_box {}
.radio_box label {height:26px; line-height:26px; vertical-align:top; padding-right:30px; font-size:16px;}
.radio_box label:last-child {padding-right:0px;}
.radio_box.ty2 {padding:0;}
.radio_box.ty3 {padding:0;}
.radio_box.ty3 label {padding-right:15px;}
.radio_box.ty4 {padding:15px 0 0;}
.radio_box.ty5 {padding:0 0 5px;}

/* textarea */
.talk_title {color:#737373; margin-bottom:10px;}
.textarea1 {width:100%; padding:10px; height:80px; border:1px solid #e5e5e5; background-color:#fff; -webkit-box-sizing:border-box; color:#a3a3a3;}
.textarea2 {width:100%; padding:10px; height:35px; border-style:solid; border-width:0 0 1px 0; border-color:transparent transparent #7f7f7f transparent ; background-color:#fff; -webkit-box-sizing:border-box; color:#a3a3a3;}

/* date_box */

/* 
기존 원터치 사용함
.date_box input.date {float:left; width:100% !important; box-sizing:border-box;}
.date_box .dataBox {float:left; width:45% !important;}
.dataBox .btn_calendar {position:absolute !important; right:10px; top:50%; margin-top:-10px; display:inline-block; width:21px; height:20px; overflow:hidden; border:none; vertical-align:middle; background:url(/img/onetouch/pot/nonface/ico_calendar.png) no-repeat; background-size:cover; color:transparent;}
 */
 
.date_select {width:100%; box-sizing:border-box;}
.date_select:after {content:""; display:block; clear:both;}
.date_select {width:100% !important; box-sizing:border-box;}
.date_select .monthDay .input[type=date] {float:left; width:100% !important; line-height:44px !important; box-sizing:border-box; align-items:center;}
.date_select .monthDay {float:left; position:relative; width:45% !important; box-sizing:border-box;}
dd .monthDay {display:block; position:relative;}
.monthDay a {display:block; position:absolute; top:11px; right:11px; width:21px; height:22px; color:transparent; background:url('/img/onetouch/pot/nonface/ico_calendar.png') no-repeat; background-size:21px auto; font-size:0;}
.monthDay .input {display:block; width:100%;}

.date_box {width:100% !important; box-sizing:border-box;}
.date_box .date .input[type=date] {float:left; width:100% !important; line-height:44px !important; box-sizing:border-box; align-items:center;}
.date_box:after {content:""; display:table; clear:both;}
.date_box .date {float:left; position:relative; width:45% !important; box-sizing:border-box;}
.date_box2 {padding-top:10px; text-align:center; font-size:14px; color:#848484;}

/* 0908 생년월일 */
.birth .radio_box {padding:0;}
.birth .radio_box label {padding-right:30px;}
.birth .monthDay {-webkit-box-flex:1; -webkit-flex:1; flex:1;}

/* 0908 주거기간 */
.live {overflow:hidden;}
.live > div {float:left; width:50%;}
.live .input {-webkit-box-flex:1; -webkit-flex:1; flex:1;}
.live .year, .live .month  {padding:0 10px;}

/* date */
.date .calendar {display:block; position:absolute; top:11px; right:11px; width:21px; height:22px; background:url('/img/onetouch/pot/nonface/ico_calendar.png') no-repeat; background-size:21px auto;}
.date .input {display:block; width:100%;}

/* 카드 넘버 */
.card_num input {-webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:6px;}
.card_num input:last-child {margin-right:0;}

/* 카드 유효기간 */
.card_term input {-webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:6px;}
.card_term span {width:15px; color:#323232; font-size:16px;}

/* 물음표 마크 */
.question_mark {display:inline-block; width:18px; height:18px; background:url('/img/onetouch/pot/nonface/icon_question_mark.png') no-repeat 0 0; background-size:18px; vertical-align:middle;}

/* 영업점 찾기*/
.address_box {margin-bottom:10px;}
.address_box .input:nth-child(2) {margin-right:0;}
.address_box .input {-webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:10px;}
.address_box .btn2 {width:100px;}
.width_bar {float:left; position:relative; width:10%; height:44px;}
.width_bar:after {content:""; display:block; position:absolute; top:50%; left:50%; margin:-1px -4px 0; width:9px; height:2px; background-color:#737373;}

/* 주소찾기 */
.address_search {margin-bottom:10px;}
.address_search .select {-webkit-box-flex:1; -webkit-flex:1; flex:1; margin-right:10px;}
.address_search .input {width:120px;}

/* 달력있는 radio */
.calendar_box {}
.calendar_box .date {-webkit-box-flex:1; -webkit-flex:1; flex:1;}
.calendar_box .radio_box {padding:6px 0 10px; width:145px;}
.calendar_box .radio_box label {padding-right:8px;}

/*  휴대폰 넘버 */
.phone_box {padding:0 14px 10px;}
.phone_box .select,.phone_box .input {-webkit-box-flex:1; -webkit-flex:1; flex:1;}

/* 151001 select */
.select {width:100%; border:1px solid #dbdbdb; padding:0 5px; padding-right:20px; height:44px; background:#fff url('/img/onetouch/pot/nonface/select_bg.png') no-repeat right ; background-size:28px 44px; border-radius:3px; -webkit-box-sizing:border-box; color:#787878 !important; line-height:44px; font-size:16px !important; font-family:sans-serif;}
.select_box {overflow:hidden; width:100%; border:1px solid #dbdbdb; padding:0 10px; padding-right:30px; height:44px; background:#fff url('/img/onetouch/pot/nonface/select_bg.png') no-repeat right ; background-size:28px 44px; border-radius:3px; -webkit-box-sizing:border-box; color:#787878 !important; line-height:44px; font-size:16px !important; font-family:sans-serif; cursor:pointer;}


/* 151202 - 5.미국 납세자 등록번호(ID카드) */
.register_box {}
.register_box .input.one {-webkit-box-flex:10; -webkit-flex:10; flex:10;}
.register_box .input.two {-webkit-box-flex:4; -webkit-flex:4; flex:4;}

/* 본인인증 추가부분 (2015.06.11) */
.human_box.flexSb span, .human_box.flexSb .input {-webkit-box-flex:1; -webkit-flex:1; flex:1;}
.human_box.flexSb span:last-child, .human_box.flexSb .input:last-child {margin-left:10px;}

/* 진도스크롤*/
#jScroll > div {width:100%;}
.bankbook_scroll > div > div:last-child:after  {content:""; display:block; height:44px; width:100%;}
.bankbook_scroll.ty2  > div > div:last-child:after {display:none;}

/* 휴대폰 인증 (2015.06.11) */
.phone_clause .certification {padding:0 14px 10px;}
.phone_clause .certification .input_price2 {padding-bottom:10px;}
.phone_check {}
.phone_check .person_select {display:none;}
.phone_check .person_select > div {padding:6px 14px;  border-bottom:1px solid #d6d6d6;}
.phone_check .total_check {padding:6px 14px 6px 14px; border-bottom:1px solid #d6d6d6; border-top:1px solid #d4dce3; background:#ecf4fb; font-size:16px; color:#373737; -webkit-box-sizing:border-box; box-sizing:border-box;}
.phone_check .slidePhone {-webkit-box-flex:1; -webkit-flex:1; flex:1; width:100%; position:relative; padding-right:36px; cursor:pointer;}
.phone_check .slidePhone:after {content:""; display:block; position:absolute; top:0; right:0; width:16px; height:16px; background:url('/img/onetouch/pot/nonface/btn_arrow01.png') no-repeat center; background-size:16px auto; -webkit-transition:300ms; transition:300ms;}

/*플랙스 컨텐츠*/
.flex_content {display:-webkit-box; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-box-orient:horizontal; -webkit-box-pack:justify; -webkit-box-align:center;}
.flex_content div, .flex_content .input {display:block;}
.flex_content div:first-child, .flex_content .input:first-child, .flex_content .select:first-child {display:block; -webkit-box-flex:1; -webkit-flex:1; flex:1;}
.total_check {padding:0 10px 10px; border-bottom:1px solid rgba(0, 0, 0, .1); font-size:16px; color:#373737; -webkit-box-sizing:border-box; box-sizing:border-box;}

.certification .input_price {display:none;}
.certification .input_price2 {display:none;}
.certification .input_price2.on {display:block;}
.certification .input_price.on {display:-webkit-box; display:-webkit-flex; display:flex;}


/*-----------------------------------------------------------------------------------------
 * 버튼 타입
-----------------------------------------------------------------------------------------*/
/* btn */
.btn {width:100%; height:44px; margin-bottom:6px; -webkit-border-radius:22px; border-radius:22px; background:#0091e4; color:#fff; font-size:18px; font-weight:bold; line-height:44px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn:last-child {margin:0;}
.btn.color1 {background:#fff; color:#0091e4; border:2px solid #0091e4;}
.btn.color2 {background:#0773cf; color:#fff;}
.btn.ty2 {width:80px; height:34px; line-height:34px; font-size:14px;}

/* btn2 */
.btn2 {width:100%; height:44px; line-height:44px; -webkit-border-radius:22px; border-radius:22px; background:#bee2ff; color:#323232; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn2.ty2 {width:140px; height:40px; line-height:40px; -webkit-border-radius:22px; border-radius:22px; background:#f8c708; color:#323232; font-size:16px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn2.ty2:first-child {margin-right:5px;}
.btn2.ty2:last-child {margin:0;}
.btn2.ty2.color1 {background:#dcdcdc;}
.btn2.ty2.color2 {background:#0773cf; color:#fff;}
.btn2.ty3 {width:auto; height:18px; padding:0 10px; line-height:18px; font-size:14px;}

/* btn3 */
.btn3 {height:30px; line-height:30px; padding:0 15px; -webkit-border-radius:20px; border-radius:20px; background:#0773cf; color:#fff; font-size:14px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn3.on {border:1px solid #79b3e5; background:#fff; color:#0773cf;}
.btn3.ty2 {height:18px; line-height:18px; padding:0 10px; border:1px solid #79b3e5; background:#fff; color:#0773cf; vertical-align:text-bottom;}

/* btn4 */
.btn4 {height:34px; line-height:34px; padding:0 15px; border:1px solid #737373; -webkit-border-radius:3px; border-radius:3px; background:#fff; font-size:14px; color:#737373; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn4:first-child {margin-right:5px;}
.btn4:last-child {margin:0;}
.btn4.color1 {border:1px solid #0773cf; color:#0773cf;}
.btn4.ty2 {padding:0 25px 0 10px;  border:1px solid #0773cf; color:#0773cf; background:url(/img/onetouch/pot/nonface/button_select_bg.png) no-repeat right center; background-size:auto 6px;}
.btn4.ty3 {padding:0 25px 0 10px;  border:1px solid #cde3f5; color:#0773cf; background:url(/img/onetouch/pot/nonface/button_select_bg3.png) no-repeat right center, #ecf4fb; background-size:auto 10px; font-size:13px;}
.kind_box.on .btn4.ty2 {border:none; color:#0773cf; background:url(/img/onetouch/pot/nonface/button_select_bg2.png) no-repeat right center, #0773cf; background-size:auto 6px; color:#fff;}

/* btn.ty4*/
.btn4.ty4 {width:100%; height:30px; line-height:30px; color:#00a8ff; border:1px solid #00a8ff; -webkit-border-radius:5px; border-radius:5px;}
.btn4.ty4:after {content:'추가'; display:inline-block; padding-left:15px; background:url(/img/onetouch/pot/nonface/icon_btn.png) no-repeat center left; background-size:12px auto; line-height:28px;}

/* btn5 */
.btn5 {width:100%; height:44px; background:#0773cf; color:#fff; font-size:18px; font-weight:bold; line-height:44px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn5.color1 {background:#dcdcdc; color:#323232;}
.btn5.color2 {background:#f8c708; color:#323232;}
.btn5.ty2 {width:50%; float:left;}
/* btn6 */
.btn6 {width:100%; height:44px; -webkit-border-radius:3px; border-radius:3px; background:#f8c708; color:#323232; font-size:16px; line-height:44px; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* btn7 */
.btn7 {height:36px; line-height:36px; padding:0 15px; border:2px solid #737373; background:#fff; -webkit-border-radius:18px; border-radius:18px; font-size:14px; color:#737373; font-weight:bold;}
.btn7.color1 {border:2px solid #0773cf; color:#0773cf;}
.btn7:first-child {margin-right:5px;}
.btn7:last-child {margin:0;}

/* btn8 */
.btn8 {position:relative; width:28px; height:28px; background:#ff3f3f; -webkit-border-radius:25px; border-radius:25px;}
.btn8:after {content:''; position:absolute; top:50%; left:50%; width:16px; height:2px; margin-top:-2px; margin-left:-8px; background:#fff;}

/* btn9 */
.btn9_box {overflow:hidden; position:relative; width:100%; -webkit-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn9_box:after {content:''; position:absolute; top:50%; left:50%; width:1px; height:18px; margin-left:-1px; margin-top:-9px; background:rgba(255, 255, 255, .5);}
.btn9_box > .btn9 {width:50%; float:left;}
.btn9 {width:100%; height:40px; background:#00a8ff; color:#fff;}
.btn9.ty2 {-webkit-border-radius:3px; border-radius:3px;}

/* 더보기 박스 */
.more_box {position:relative; padding:16px 35px 16px 14px; border-bottom:1px solid rgba(0, 0, 0, .1); font-size:16px;  line-height:18px; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}
.more_box:after {content:""; display:block; position:absolute; top:50%; right:0; width:36px; height:49px; margin-top:-25px; background:url(/img/onetouch/pot/nonface/btn_arrow01.png) no-repeat center; background-size:16px auto;  -webkit-transition:300ms; transition:300ms;}
.more_box.on:after {-webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:300ms; transition:300ms;}

/* 리스트 스타일 */
.list_box { padding: 15px 14px; background-color: #fafafa; border-bottom: 1px solid rgba(0, 0, 0,.1); }
.list_box.ty2 { background-color: #fff; }
.list_box2 { padding: 10px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list_box2.ty2 { padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; background: rgba(255, 255, 255, .8); }
.list_box3.ty2 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0 ,.8); }
.list_box3 li { padding-bottom: 18px; } 
.list_box3 li:last-child { padding-bottom: 0px; }

ul.hyphen1 li:last-child, ul.circle1 li:last-child, ul.list_check li:last-child { padding-bottom: 0; }
ul.hyphen1 li { position: relative; padding: 0 0 8px 12px; line-height: 22px; }
ul.hyphen1 li:before { content: ""; display: block; position: absolute; top: 12px; left: 0; width: 8px; height: 1px; background: #323232; }
ul.hyphen1 li.red { color: #e12424; }
ul.hyphen1 li.red:before { background: #e12424; }

/* circle1.ty2 추가 (비대면계좌개설) */
ul.circle1 li { position: relative; padding: 0 0 8px 12px; line-height: 22px; font-size: 14px; color: #373737; }
ul.circle1 li:before { content: ""; display: block; position: absolute; top: 3px; left: 0; width: 12px; height: 15px; background: url(/img/onetouch/pot/nonface/list_circle.png) no-repeat center; background-size: 4px auto; }
ul.circle1.ty2 li { padding: 0; }
ul.circle1.ty2 li:before { left: -13px; }

/* 151210 1. 수정(여기서부터) */
ul.list_check > li { position: relative; padding: 0 0 8px 20px; line-height: 22px; color: #0773cf; }
ul.list_check > li:before { content: ""; display: block; position: absolute; top: 7px; left: 0; width: 15px; height: 15px; background: url(/img/onetouch/pot/nonface/list_check.png) no-repeat 0 0; background-size: 30px auto; }
ul.list_check > li.off { color: #373737; }
ul.list_check > li.off:before { background-position: -15px 0; }

ul.list_check2 > li { position: relative; padding: 0 0 18px 23px; font-size: 16px; color: #373737; line-height: 18px; }
ul.list_check2 > li:last-child { padding-bottom: 0; }
ul.list_check2 > li:before { content:''; display: block; position: absolute; top: 5px; left: 0; width: 16px; height: 14px; background: url(/img/onetouch/pot/nonface/list_check2.png) no-repeat; background-size: 16px auto; }
ul.list_check2 > li .color_blu { font-size: 18px; color: #00a8ff; vertical-align: text-top;}
ul.list_check2 > li .color_blu.ty2 { font-size: 20px; font-weight: bold; }
ul.list_check2 > li .color_blu.ty3 { margin-left: 3px; font-size: 20px; font-weight: bold; vertical-align: bottom; }
ul.list_check2 > li .color_red { font-size: 18px; color: #c51616; vertical-align: text-top;}
ul.list_check2 > li .color_red.ty2 { font-size: 18px; vertical-align: text-top; }
/* 151210 1. 수정(여기까지) */

/* hexagon_list */
.hexagon_list > li { position: relative; padding: 12px 0 12px 28px; background: url(/img/onetouch/pot/nonface/img_hexagon.png) no-repeat left 12px; background-size: 18px auto; border-bottom: 1px solid rgba(131, 131, 131, .2); font-size: 16px; color: #373737; line-height: 18px; }
.hexagon_list > li .blue { color: #01a8ff; }
.hexagon_list > li:first-child { padding-top: 0; background: url(/img/onetouch/pot/nonface/img_hexagon.png) no-repeat left top; background-size: 18px auto; }
.hexagon_list > li:first-child:after { top: 0; }
.hexagon_list > li:after { content: '1'; position: absolute; top: 13px; left: 5px; font-weight: bold; font-size: 12px; color: #01a8ff; }
.hexagon_list > li:nth-child(2):after { content: '2'; }
.hexagon_list > li:nth-child(3):after { content: '3'; }
.hexagon_list > li:nth-child(4):after { content: '4'; }
.hexagon_list > li:nth-child(5):after { content: '5'; }
.hexagon_list > li:last-child { padding-bottom: 0; border-bottom: none; }

.def_list dt { font-size: 16px; line-height: 25px; color: #373737; } 
.def_list2 dt { font-size: 14px; line-height: 20px; color: #373737; } 
.def_list2 dd { padding-bottom: 10px; line-height: 16px; font-size: 12px; color: #737373; }  

/* 리스트 안에 넘버 */
.list_num { padding-bottom: 6px;  line-height: 20px; font-size: 16px; }
.list_num span { font-size: 16px; color: #737373; font-weight: bold; }

.list_num.ty2 { padding-bottom: 20px; font-size: 16px; font-weight: bold; }

/* 정보 */
.info_box { display: block; overflow: visible; margin: 14px 0 0 0; padding: 0;  border: none; background: none; font-size: 16px; color: #0773cf; line-height: 18px; }
.info_box.ty2 { text-align: right; color: #737373; border: none; background: #fff; }
.info_box.check { position: relative; padding: 5px 0 5px 32px; margin-top: 2px; }
.info_box.check .checkbox { position: absolute; top: 50%; left: 0; margin-top: -13px; }

.info_box.ty3 { color: #737373; }
.info_box.ty3 em { color: #e12424; }

.info_box.ty4 { margin-top: 7px; padding-left: 10px; text-indent: -10px; }

.info_view { display: block; margin: 7px 10px 0 0; font-size: 14px; color: #0773cf; line-height: 16px; text-align: right; }
.info_view.ty2 { color: #e12424 ; text-align: left; }

.search_list {  }
.search_list li { padding: 12px 10px; border-bottom: 1px solid rgba(0, 0, 0,.1); }
.search_list li span { display: block; font-size: 16px; color: #323232; line-height: 21px; }
.search_list li p { display: block; font-size: 14px; color: #737373; line-height: 21px; }
.search_list li.on { background-color: #f5f5f5; font-weight: bold; }

/* 상품 표현 (위비모바일페이)*/
.show_box { padding: 20px 0; margin: 0 6px; border-bottom: 1px solid rgba(0, 0, 0,.1);}
.show_box li { display: -webkit-box; display: -webkit-flex; display: flex; }
.show_box li .character { display: inline-block; overflow: hidden; position: relative; width: 34px; height: 34px; border: 2px solid #6bcdf2; -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box;  z-index: 1; }
.show_box li .character img { -webkit-border-radius: 50%; border-radius: 50%; }
.face_box img { -webkit-border-radius: 50%; border-radius: 50%; }

.show_box .talk { padding: 0 3px; }
.show_box .emotion { display: block; margin-bottom: 3px; font-size: 12px; color: #373737;  }
.show_box .total { display: block; font-size: 16px; color: #0773cf; font-weight: bold; }

.show_box.ty2 { border-bottom: none; }
.show_box.ty2 li { display: block; width: 94px; text-align: center;  cursor: pointer; }
.show_box.ty2 li .character { width: 54px; height: 54px; margin-bottom: 10px; }
.show_box.ty2 li .character.on { width: 54px; height: 54px; border: 2px solid #f8c208; }

/* sns_link */
.sns_link { padding: 15px 10px; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.sns_link span { font-size: 16px; }
.sns_link ul {  }
.sns_link ul li { float: left; }
.sns_link ul li { float: left; }

.link_metoo { display: inline-block; margin: 0 5px; width: 32px; height: 32px; background: url('/img/onetouch/pot/nonface/icon_sns.png') no-repeat center; background-size: 32px auto; }
.link_kakao { display: inline-block; margin: 0 5px; width: 32px; height: 32px; background: url('/img/onetouch/pot/nonface/icon_kakao.png') no-repeat center; background-size: 32px auto; }
.link_face { display: inline-block; margin: 0 5px; width: 32px; height: 32px; background: url('/img/onetouch/pot/nonface/icon_facebook.png') no-repeat center; background-size: 32px auto; }
.link_twitter { display: inline-block; margin: 0 5px; width: 32px; height: 32px; background: url('/img/onetouch/pot/nonface/icon_twitter.png') no-repeat center; background-size: 32px auto; }


/* circle1.ty2 추가 (비대면계좌개설) */
ul.circle1 li { position: relative; padding: 0 0 8px 12px; line-height: 22px; font-size: 14px; color: #373737; }
ul.circle1 li:before { content: ""; display: block; position: absolute; top: 3px; left: 0; width: 12px; height: 15px; background: url('/img/onetouch/pot/nonface/list_circle.png') no-repeat center; background-size: 4px auto; }
ul.circle1.ty2 li { padding: 0; }
ul.circle1.ty2 li:before { left: -13px; }

/* 팝업 */
.layerwrap { display: none; }
.layerwrap .btn_close { display: block; position: absolute; top: 0; right: 0; width: 39px; height: 41px; background: url('/img/onetouch/pot/nonface/icon_close.png') no-repeat center; background-size: 21px auto; }
.layerwrap .btn_close.ty2 { width: 50px; height: 50px; }
.normal_pop { overflow: hidden; position: absolute; top: 10%; left: 50%; padding: 10px; margin-left: -190px; width: 380px; background-color: #fff; z-index: 9999; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; }

/* normal_pop.ty2 추가 */
.normal_pop.ty2 { top: 50%; padding: 0; }
.normal_pop.ty2 .popup_head h2 { height: 50px; line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0,.1); font-size: 22px; color: #323232; }
.normal_pop.ty2 .popup_body { padding: 20px 20px 55px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.normal_pop.ty2 .popup_body .dutch_pop { text-align: center; }
.normal_pop.ty2 .popup_body .dutch_pop h3 { font-size: 16px; color: #323232; padding-bottom: 15px; }
.normal_pop.ty2 .popup_body .dutch_pop .dutch_list { padding: 0; }
.normal_pop.ty2 .popup_body .dutch_pop .dutch_list li { position: relative; padding-bottom: 10px; font-size: 14px; color: #373737; line-height: 16px; }
.normal_pop.ty2 .popup_body .dutch_pop .dutch_mes { font-size: 12px; color: #373737; line-height: 16px; }
.normal_pop.ty2 .popup_btn .btn { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }

.popup_btn { position: absolute; bottom: 0; left: 0; width: 100%; }
.popup_btn button { border: none; }
.popup_head { position: relative; }
.popup_head h2 { height: 41px; line-height: 41px; text-align: center; font-size: 20px; color: #373737; font-weight: normal; }
.popup_body { padding: 18px 0px 20px; }
.normal_pop .popup_body { padding: 0px 0px 45px; }
.bank_select .bank_list { border-left: 1px solid rgba(0, 0, 0,.1); border-top: 1px solid rgba(0, 0, 0,.1); box-sizing: border-box; }
.bank_select .bank_list li { float: left; height: 40px; width: 33.3%; border-bottom: 1px solid rgba(0, 0, 0,.1); border-right: 1px solid rgba(0, 0, 0,.1); text-align: center; line-height: 40px; color: #373737; font-size: 14px; box-sizing: border-box; }
.bank_select .bank_list li.on { color: #0773cf; background-color: #ecf4fb; }

/*테이블 타입1*/
.table_ty1 table { width: 100%; }
.table_ty1 tbody th { font-size: 14px; color: #737373; font-weight: normal; text-align: left; }
.table_ty1 tbody td { height: 19px; padding: 7px 0; font-size: 16px; line-height: 18px; color: #323232; }
.table_ty1 tbody tr.tr_form th { padding-top: 20px; vertical-align: top; }

/*테이블 타입1 위로 정렬*/
.table_ty1.top tbody { vertical-align: top; }
.table_ty1.top tbody th { padding-top: 13px }
.table_ty1.top tbody td { padding: 0 0 14px 0; }
.table_ty1.top tbody tr.tr_form th { padding: 12px 5px 0 0; }
.table_ty1.top .tr_radio th { padding-top: 6px; }
.table_ty1.top .tr_txt th { padding-top: 0; }
.table_ty1.top tbody tr:last-child td { padding-bottom: 0; }

/*테이블 타입2*/
.table_ty2 table { width: 100%; }
.table_ty2 tbody th { padding: 0 5px 0 14px; background: #fefbec; border-bottom: 1px solid #e5e5e5; font-size: 14px; font-weight: bold; color: #737373; text-align: left; }
.table_ty2 tbody td { padding: 10px 20px; border-bottom: 1px solid #e5e5e5; font-size: 14px; line-height: 18px; color: #323232; }
.table_ty2 tbody tr.tr_form th { padding-top: 20px; vertical-align: top; }

.table_ty2 .td_height { height: 39px; box-sizing: border-box; }

/*테이블 타입3*/
.table_ty3 table { width: 100%; }
.table_ty3 thead tr { border-bottom: 1px solid #e5e5e5;  }
.table_ty3 thead th { padding: 10px 14px; background: #fefbec; border-right: 1px solid #e5e5e5; font-size: 14px; font-weight: normal; color: #737373; text-align: center; }
.table_ty3 tbody td { padding: 12px 14px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 14px; color: #323232; line-height: 20px; text-align: left; }
.table_ty3 tbody tr td:last-child, .table_ty3 thead tr th:last-child { border-right: none; }

/* 151007 table_ty4 추가 */
.table_ty4 table { width: 100%; }
.table_ty4 thead tr { border-bottom: 1px solid #e5e5e5;  }
.table_ty4 thead th { padding: 10px 14px; background: #fefbec; font-size: 16px; font-weight: normal; color: #737373; text-align: center; }
.table_ty4 tbody td { padding: 12px 10px; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #323232; line-height: 20px; text-align: center; }
.table_ty4 tbody tr td:last-child, .table_ty3 thead tr th:last-child { border-right: none; } 

/* 상품 박스(케릭터 있는) */
.goods_box { display: table; position: relative; height: 74px; }
.goods_box .face_box { position: absolute; top: 0; left: 0; margin: 0; }
.goods_box .goods { display: table-cell; padding-left: 84px; vertical-align: middle; font-size: 21px; }
.face_box { display: inline-block; overflow: hidden; position: relative; margin: 10px auto; width: 79px; height: 79px; border: 3px solid #00a8ff; -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box;  z-index: 1; }
.face_box.ty2 {width: 74px; height: 74px; }
.face_box img { -webkit-border-radius: 50%; border-radius: 50%; }

/*-----------------------------------------------------------------------------------------
 * tab 타입
-----------------------------------------------------------------------------------------*/

/* 151202 - 3.버튼 박스 타입 수정(ID카드) */
.tab02 { display: none; }
.tab02 .sns_link { border: none; }
.tab02 .show_box { padding: 20px 10px; }

.tab03 { display: none; }
.tab03 .sns_link { border: none; }
.tab03 .show_box { padding: 20px 10px; }

.tab_box { overflow: hidden; width: 100%; height: 40px; border-bottom: 1px solid rgba(0, 0, 0,.1); cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_box:after { content: ""; display: table; clear: both; }
.tab_box li { display: block; float: left; height: 40px; border-right: 1px solid #e5e5e5; text-align: center; line-height: 42px; font-size: 16px; color: #737373;-webkit-box-sizing: border-box; box-sizing: border-box; }
.tab_box li.on { background-color: #ecf4fb; color: #0773cf; font-weight: bold; }
.tab_box li:last-child { border-right: none; }

.tab_box.ty2 { height: auto; border-left: 1px solid #e5e5e5; }
.tab_box.ty2 li { display: table; padding: 0 10px; height: 60px; line-height: 20px; border-top: 1px solid #e5e5e5; }
.tab_box.ty2 li span { display: table-cell; vertical-align: middle; }
.tab_box.ty2 li:last-child { border-right: 1px solid #e5e5e5; }

.tab_box.one li { min-width: 90px; width: 100%; padding: 0 15px; background-color: #ecf4fb; }
.tab_box.two li { width: 50%; }
.tab_box.three li { width: 33.3%; }
.tab_box.three li:nth-child(2) { width: 33.4%; }
.tab_box.four li { width: 25%; }
.tab_box.five li { width: 20%; }

/* 리스트 */
.list_ty1 {padding:13px 14px; font-weight:bold; color:#747474; line-height:20px;}

/* 이하 2016-09 비대면 1차 추가분 - 진주호 */
.radio_box label, .radio_box input {vertical-align:middle;}
.em_domain {width:45%;}

.list_chart1 {padding:0 14px;}
.list_chart1 li {margin-bottom:10px; padding:12px 20px 12px 35px; font-size:14px; line-height:18px; border:1px solid #1f1d88; -webkit-border-radius:7px; border-radius:7px; background:url(/img/onetouch/pot/nonface/icon_check01.png) no-repeat; background-size:20px auto; background-position:7px center;}
.list_chart2 {padding:0 14px;}
.list_chart2 li {margin-bottom:10px; padding:12px 20px 12px 30px; font-size:14px; line-height:18px; border:1px solid #e4ded7; -webkit-border-radius:7px; border-radius:7px; background:url(/img/onetouch/pot/nonface/icon_check02.png) no-repeat; background-size:14px auto; background-position:7px 18px; background-color:#f6f2ed;}

/* 약관 */
.agreeWrap .name a.action, .agreeWrap .name_pop a.action { background:url(/img/onetouch/pot/nonface/btn_arrow_action.png) no-repeat; background-size:cover; color:#fff; }
.agreeWrap { margin-top:10px; border:1px solid #d5d5d5; }
.agreeWrap:first-child { margin-top:0; }
.agreeWrap .name, .agreeWrap .name_pop { position:relative; padding:12px 115px 12px 10px; border-top:1px solid #d5d5d5; color:#333; line-height:18px; }
.agreeWrap .name:first-child, .agreeWrap .name_pop:first-child { border-top:none; }
.agreeWrap .name:first-child > p:first-child { padding-top:3px;}
.agreeWrap .name a, .agreeWrap .name_pop a { position:absolute; top:50%; right:10px; width:66px; height:33px; margin-top:-16px; padding-left:36px; background:url(/img/onetouch/pot/nonface/btn_arrow.png) no-repeat; background-size:cover; color:#0091e4; font-size:15px; line-height:34px; }
.agreeWrap .name a.action, .agreeWrap .name_pop a.action { background:url(/img/onetouch/pot/nonface/btn_arrow_action.png) no-repeat; background-size:cover; color:#fff; }
.agreeWrap .name.total_check {padding:12px 10px; background:#ecf4fb;}
.agreeWrap .description { padding:12px 10px; border-top:1px solid #d5d5d5; background:#eaeff3; color:#333; font-size:14px; line-height:18px; } 
.agreeWrap .description2 { min-height:100px; padding:12px 10px; background:#eaeff3; color:#333; font-size:14px; line-height:20px; } 
.agreeWrap .scroll_area { height:auto; }
.agreeWrap .scroll_area .ulist01{padding-right:10px;}
.last_comment { margin:30px 0 0; line-height:140%;}
/*.last_comment.narrow { margin:30px 0 0; }*/
.last_comment+.btn_center{margin-top:11px;}
.last_comment+.btn_center .btn.b_large.action{border:1px solid #0091e4; background:#fff; color:#0091e4;}
.last_comment+.btn_center .btn.ahover.b_large.action{color:#fff; background:#0091e4 !important;}
/*약관동의 text*/
.scroll_area { font-size:14px; font-weight:normal; line-height:150%;}
.scroll_area .agree-txt {margin-right:10px;}
.scroll_area h4{margin-bottom:12px;font-size:14px;color:#000;font-weight:bold;}
.scroll_area h5{margin-bottom:12px;font-size:14px;color:#000;font-weight:bold;}
.scroll_area p{margin-bottom:12px;}
.scroll_area p.txt-c{text-align:center;}
.scroll_area dl{font-size:13px;color:#666;font-weight:normal;}
.scroll_area dl dt{margin-bottom:3px;color:#333;font-size:14px;font-weight:normal;}
.scroll_area dl dd{margin-bottom:8px;color:#666;font-size:13px;font-weight:normal; line-height:20px;}
.scroll_area dl dd ol,
.scroll_area dl dd ul{padding:3px 5px 0 10px;}
.scroll_area li{margin-top:3px;}
.scroll_area li:first-child{margin-top:0;}
.scroll_area table{margin:5px 0; width:100%;}
.scroll_area table td{padding:5px;}