@charset "utf-8";
@import url('layout.css');
@import url('content.css');

::-webkit-scrollbar,
::-webkit-scrollbar-button,
::-webkit-scrollbar-thumb:window-inactive,
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track { display:none;-webkit-appearance:none;}

/* reset */
html, body {width:100%; height:100%; -webkit-text-size-adjust:none; text-size-adjust:none; -webkit-font-smoothing:antialiased;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr, figure { padding:0;margin:0;}
/* body {padding:0; background:#fff; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; font-size:15px; color:#000;} */
body {padding:0; color:#000; background:#fff; font-family:-apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular,'Spoqa Han Sans Neo', 'Noto Sans', Roboto, 'Malgun Gothic', '맑은 고딕', '돋움', Dotum, Sans-serif; font-size:15px;}/* 2022-11-23 GGU442 (기타)대한항공 카드 12월 MGM 이벤트 랜딩페이지 수정 요청의 건 */
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
ol, ul, li {list-style:none;}
table {width:100%; border-spacing:0; border-collapse:collapse;}
form, fieldset, iframe {display:block; border:0;}
img, button {border:0 none; vertical-align:middle;}
img {width:100%;}
hr { display:none;height:0;}
i, em, address {font-style:normal;}
label, button {cursor:pointer;}
caption, legend, .blind {position:absolute;display:inline-block;visibility:visible!important;overflow:hidden;width:1px;height:1px;margin:-1px;border:0;color:rgba(0,0,0,0)!important;clip:rect(1px,1px,1px,1px);font-size:1px!important;clip-path:inset(50%);}
/*{width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; visibility:hidden; font-size:0;}*/
.blind {position:absolute !important;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
input, textarea, select { padding:0; margin:0; -webkit-border-radius:0; border-radius:0; outline-style:none; vertical-align:middle; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum,'돋움',gulim,'굴림',Arial, AppleGothic, verdana, sans-serif, helvetica;-webkit-appearance:none;}
textarea { width:100%;-webkit-box-sizing:border-box; box-sizing:border-box; padding:20px 12px; border:1px solid #e5e5e5;font-size:15px;}
button {overflow:visible; padding:0; margin:0; border:none; background:none; cursor:pointer; vertical-align:top; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum,'돋움',gulim,'굴림',Arial, AppleGothic, verdana, sans-serif, helvetica; font-size:0;}
button::-moz-focus-inner { padding:0;border:0;}
.ellipsis {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
a {color:#111; word-wrap:break-word; word-break:keep-all; text-decoration:none;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
strong { font-family:'YouandiModernHEB';font-weight:normal;}
.p_loading {position:fixed; z-index:100; top:50%; left:50%; overflow:hidden; width:50px; height:32px; margin:-16px 0 0 -25px;}
.p_loading img {position:absolute; top:0; left:0; width:auto; height:100%;}

/* 2024-03-18 Q20406(동근혁) 개인웹 스타일로 변경 */
/* Spoqa Han Sans Neo */
@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 700;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Bold.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 500;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Medium.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 400;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 300;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Light.woff) format('woff');
}

@font-face {
    font-family: 'Spoqa Han Sans Neo';
    font-weight: 100;
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.eot);
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.eot#iefix) format('embedded-opentype');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.woff2) format('woff2');
    src: url(/docfiles/resources/mo/fonts/SpoqaHanSansNeo-Thin.woff) format('woff');
}
/* //2024-03-18 Q20406(동근혁) 개인웹 스타일로 변경 */

@font-face {
    font-family: 'YouandiModernTR';
    font-style: normal;
    font-weight: normal;
    src: url(/m/font/Youandi_Modern_TextRegular.eot);
    src: url(/m/font/Youandi_Modern_TextRegular.eot?#iefix) format('embedded-opentype'),
		 url(/m/font/Youandi_Modern_TextRegular.woff2) format('woff2'), /* 2019-08-28 woff2 추가 */
         url(/m/font/Youandi_Modern_TextRegular.woff) format('woff');
}
@font-face {
    font-family:'YouandiModernHEB';
    font-style: normal;
    font-weight: normal;
    src: url(/m/font/Youandi_Modern_HeadExtraBold.eot);
    src: url(/m/font/Youandi_Modern_HeadExtraBold.eot?#iefix) format('embedded-opentype'),
		 url(/m/font/Youandi_Modern_HeadExtraBold.woff2) format('woff2'),/* 2019-08-28 woff2 추가 */
         url(/m/font/Youandi_Modern_HeadExtraBold.woff) format('woff');
}

/* 2020-06-23 GGCQ62 - 옵티머스 신청_모바일 UI 수정 : Noto Sans 추가 */
/* Noto Sans */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: normal;
	src:
	url(/m/font/NotoSans-Regular.eot),
	url(/m/font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(/m/font/NotoSans-Regular.woff) format('woff'),
	url(/m/font/NotoSans-Regular.woff2) format('woff2'),
	url(/m/font/NotoSans-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: bold;
	src:
	url(/m/font/NotoSans-Bold.eot),
	url(/m/font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(/m/font/NotoSans-Bold.woff) format('woff'),
	url(/m/font/NotoSans-Bold.woff2) format('woff2'),
	url(/m/font/NotoSans-Bold.otf) format('opentype');
}
/* //2020-06-23 GGCQ62 - 옵티머스 신청_모바일 UI 수정 : Noto Sans 추가 */

#wrap {min-width:320px;}
.clearfix:after {display:block; clear:both; content:'';}
.over_h {overflow:hidden;}
.dp_none {display:none;}
.m_none {display:none !important;} /*2021-11-10 GGCN45 : 모바일에서만 diplay:none 용도로 사용*/
.dp_block {display:block;}
.hidden_label{text-indent:-999em;}

.hidden_txt{position:absolute;top:0;left:0;width:100%;line-height:25px;color:transparent;text-align:center;font-size:20px;}/* 웹 접근성 작업 2019-06 */
.hidden_txt.type_1{line-height:32px;letter-spacing:-8px;font-size:5px;}/* 웹 접근성 작업 2019-06 */
.area_detail_1.pos_relative .hidden_txt{top:-18px;line-height:20px;text-align:left;font-size:15px;}
.CPCCR0201_01 .card_info .hidden_txt,
.CPCCA0110_01 .box_module .hidden_txt,
.CPCCA0110_02 .box_module .hidden_txt,
.area_scroll .hidden_txt, .tab_view .hidden_txt{top:auto;text-align:left;}
.choice_group .hidden_txt{top:-20px;text-align:left;}
.txt_page .hidden_txt{top:auto;right:0;left:auto;line-height:45px;color:transparent !important;text-align:right;letter-spacing:-5px;font-size:16px;}

.skip_nav,
.skip_nav ul {position:relative; /* z-index:-9999; */}
.skip_nav a { position:absolute;top:0;left:-9999px;display:block; overflow:hidden; line-height:0; padding:0; color:#fff;/* width:1px; height:1px; margin:0 -1px -1px 0; */}/* 웹 접근성 작업 2019-06 */
.skip_nav a:focus,
.skip_nav a:hover,
.skip_nav a:active {z-index:110; width:100%; height:auto; margin:0; background-color:#fff;}
/*
.skip_nav a {display:block;position:absolute;left:-9999px;top:0;width:155px;border:2px solid #000;background:#fff;text-align:center;font-weight:bold;line-height:2.17;}
.skip_nav a:focus {left:0;z-index:999;}
*/
.isApp .skip_nav{display:none;}/* 앱/웹 접근성 작업 2019-07 */

.al_l {text-align:left !important;}
.al_r {text-align:right !important;}
.al_c{text-align:center !important;}
.fl_l {float:left !important;}
.fl_r {float:right !important;}
.fl_c {float:center !important;}
.cl_b {clear:both !important;}
.ver_t {vertical-align:top !important;}
.ver_m {vertical-align:middle !important;}

/* position */
.pos_relative{position:relative !important;}
.pos_fixed{position:fixed !important;}
.pos_static{position:static !important;}

.half.list_tit, .quarter.list_tit{width:100%;}
.half.list_tit > li {width:50%;text-align:center;}
.quarter.list_tit > li {width:25%;text-align:center;}
.nwp2 {display:block;}

@media all and (max-width:320px){
.nwp {display:block;white-space:nowrap;}
.nwp2 {display:inline-block;}
}


.bgn{background:none !important;}
.bgbn{ border:none !important;background:none !important;}

/* margin */
.m0 {margin:0 !important;}
.mg0 {margin:0 !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px !important;}
.mt24{margin-top:24px !important;}
.mt25 {margin-top:25px !important;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px !important;}
.mt37 {margin-top:37px !important;}
.mt40 {margin-top:40px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.ml0 {margin-left:0 !important;}
.ml5{margin-left:5px !important; }
.ml10{margin-left:10px !important; }
.ml15{margin-left:15px !important; }/* 2020-10-28 GGU442 추가 */
.ml20 {margin-left:20px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb11 {margin-bottom:11px !important;}
.mb12 {margin-bottom:12px !important;}
.mb13 {margin-bottom:13px !important;}
.mb14 {margin-bottom:14px !important;}
.mb15 {margin-bottom:15px !important;}
.mb16 {margin-bottom:16px !important;}
.mb18 {margin-bottom:18px !important;}
.mb20 {margin-bottom:20px !important;}
.mb22{margin-bottom:22px !important;} /* 2021-09-06 GGU282 추가 */
.mb23{margin-bottom:23px !important;} /* 2021-09-03 GGU402 추가 */
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}
.mtm1 {margin-top:-1px !important;}
.mtm3 {margin-top:-3px !important;}
.mtm4 {margin-top:-4px !important;}
.mtm5 {margin-top:-5px !important;}
.mtm7 {margin-top:-7px !important;}
.mtm10 {margin-top:-10px !important;}
.mtm15 {margin-top:-15px !important;}
.mtm18 {margin-top:-18px !important;}
.mtm20 {margin-top:-20px !important;}
.mtm23 {margin-top:-23px !important;}
.mtm25 {margin-top:-25px !important;}
.mtm26 {margin-top:-26px !important;}
.mtm30 {margin-top:-30px !important;}
.mtm33 {margin-top:-33px !important;}
.mtm36 {margin-top:-36px !important;}
.extend {margin:0 -18px !important;}
.mlrm18 {margin-right:18px !important;margin-left:18px !important;}
.ml10m {margin-left:-10px;}
.mbm5 {margin-bottom:-5px !important;}
.mbm7 {margin-bottom:-7px !important;}
.mbm10 {margin-bottom:-10px !important;}
.mbm15 {margin-bottom:-15px !important;}
.mbm27 {margin-bottom:-27px !important;}

/* padding */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt10 {padding-top:10px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt20 {padding-top:20px !important;}
.pt24{padding-top:24px !important;} /* 2021-09-03 GGU402 추가 */
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb11 {padding-bottom:11px !important;}
.pb13 {padding-bottom:13px !important;}
.pb15 {padding-bottom:15px !important;}
.pb16 {padding-bottom:16px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl8 {padding-left:8px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl11 {padding-left:11px !important;}
.pl12 {padding-left:12px !important;}
.pl13 {padding-left:13px !important;}
.pl14 {padding-left:14px !important;}
.pl15 {padding-left:15px !important;}
.pl18 {padding-left:18px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.plr18 { padding-right:18px;padding-left:18px;}
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}/*20210514 추가*/
.pr12 {padding-right:12px !important;}
.pr15 {padding-right:15px !important;}/*20210514 추가*/
.pr18 {padding-right:18px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pl109 {padding-left:109px !important;}


.tbtxt_mb {margin-top:14px !important;}
.tit_card01 {line-height:26px;color:#000;font-size:20px;}

.display_ib {display:inline-block !important;}

/* color */
.color_point_1 {color:#1e75d6 !important;}
.color_point_2 {color:#ff0000 !important;}
.color_point_3 {color:#2c82e3 !important;}
.color_point_4 {color:#888 !important;}
/*.color_point_5 {color:#666 !important;} //2021-08-09 GGU477 ccip.css와 코드 중복되어 삭제 */
.color_point_6 {color:#000 !important;}
.txt_black8 {color:#888 !important;}
.fc_type1 {color:#888 !important;}

.txt_fc_0 {color:#000 !important;}
.txt_fc_1 {color:#111 !important;}
.txt_fc_2 {color:#222 !important;}
.txt_fc_3 {color:#333 !important;}
.txt_fc_6 {color:#666 !important;}
.txt_fc_7 {color:#777 !important;}
.txt_fc_8 {color:#888 !important;}
.txt_fc_9 {color:#999 !important;}

/* font-size */
.fs12{ line-height:18px;font-size:12px;}
.tx01 {font-size:16px;}
.tx02 {font-size:12px !important;}
.tx11 {font-size:11px !important;}
.tx13 { line-height:1.5em;font-size:13px !important;}
.tx14 {font-size:14px !important;}
.tx15 {font-size:15px !important;}
.tx16 {font-size:16px !important;} /* 2020-12-01 GGU477 */
.fpt10 {font-size:10pt !important;}/* 2020-10-28 GGU442 */
.fpt11 {font-size:11pt !important;}
.fpt12 {font-size:12pt !important;}/* 2020-10-28 GGU442 */
.fpt13 {font-size:13pt !important;}/* 2020-10-28 GGU442 */

.f_bold {font-family:'YouandiModernHEB' !important;}
.line_no {border:none !important;}
.bdt_no {border-top:none !important;}
.bdb_no {border-bottom:none !important;}
.bdl_no {border-left:none !important;}
.bdr_no {border-right:none !important;}
.bd_no {border:none !important;}
.bdt_line01 {border-top:1px solid #d5d5d5 !important;}
.bdb_line01 {border-bottom:1px solid #d5d5d5;}
.bdb_line02 {border-bottom:1px solid #e5e5e5;}
.bdb_line03 {border-bottom:1px solid #aaa;}
.bdt_line09 {border-top:9px solid #ededed;}
.bdb_line09 {border-bottom:9px solid #ededed;}
.bdt_line02 {border-top:1px solid #e5e5e5;}
.bdr_line01 {border-right:1px solid #e5e5e5;}
.bg_gray01 {background-color:#f6f6f6;}
.bg_gray02 {background-color:#fafafa;}
.bg_white {background-color:#fff;}
.bg_box01 { line-height:18px; padding:12px 18px; color:#666; background-color:#fafafa;font-size:13px;}

.line_btm_no{border-bottom:0 none !important;}
.flin18 {line-height:18px !important;}
.flin20 {line-height:20px !important;}
.flin21 {line-height:21px !important;}
.flin22 {line-height:22px !important;}
.flin23 {line-height:23px !important;}
.flin24 {line-height:24px !important;}
.flin26 {line-height:26px !important;}

.w50 {width:50% !important;}
.w88px {width:88px !important;}
.w100 {width:100px !important;min-width:100px !important;}
.w146px {width:146px !important;}
.w168px {width:168px !important;}

.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

h2.h2_tit_1 span.color_point_2,
h3.h2_tit_1 span.color_point_2{font-family:YouandiModernTR !important;font-size:15px;font-weight:normal;}
.h2_tit_1.type_12 {font-family:'YouandiModernTR';}
.h2_tit_1.type_12 span.color_point_2{font-size:14px;}

.txt_decoline{text-decoration: underline;}/* 2020-10-28 GGU442 추가 */
.bold{font-weight:bold!important;}/* 2020-10-28 GGU442 추가 */
/*2021-11-03 GGCN45 : 디자인팀 요청 : font-weight:bold 사용 자제*/
.f_tb{ font-family: 'YouandiModernTB' !important; font-weight:normal !important; }
.discussion_detail .bold{ /*font-family: 'YouandiModernTB' !important;*/ font-weight:normal !important; }/* 2022-11-23 GGU442 (기타)대한항공 카드 12월 MGM 이벤트 랜딩페이지 수정 요청의 건 */
/*2021-11-03 GGCN45 : 디자인팀 요청*/
.discussion_detail li {color:#000 !important;font-weight:normal !important;/*font-family:'YouandiModernTB' !important;*/} /* 2021-11-10 GGU282 - 추가 */
.unbold{font-weight:normal!important;}/* 2022-11-23 GGU442 (기타)대한항공 카드 12월 MGM 이벤트 랜딩페이지 수정 요청의 건 */

.itemAni_1,
.itemAni_2,
.itemAni_3,
.itemAni_4,
.itemAni_5 {opacity:0;}
.on .itemAni_1 { opacity:1;-webkit-animation: itemAni .9s cubic-bezier(0.645,0.045,0.355,1.000); animation: itemAni .9s cubic-bezier(0.645,0.045,0.355,1.000);}
.on .itemAni_2 { opacity:1;-webkit-animation: itemAni 1.1s cubic-bezier(0.645,0.045,0.355,1.000); animation: itemAni 1.1s cubic-bezier(0.645,0.045,0.355,1.000);}
.on .itemAni_3 { opacity:1;-webkit-animation: itemAni 1.3s cubic-bezier(0.645,0.045,0.355,1.000); animation: itemAni 1.3s cubic-bezier(0.645,0.045,0.355,1.000);}
.on .itemAni_4 { opacity:1;-webkit-animation: itemAni 1.5s cubic-bezier(0.645,0.045,0.355,1.000); animation: itemAni 1.5s cubic-bezier(0.645,0.045,0.355,1.000);}
.on .itemAni_5 { opacity:1;-webkit-animation: itemAni 1.7s cubic-bezier(0.645,0.045,0.355,1.000); animation: itemAni 1.7s cubic-bezier(0.645,0.045,0.355,1.000);}

@-webkit-keyframes itemAni {
    0% {opacity:0; transform:translate3d(0,50px,0);}
    100% {opacity:1; transform:translate3d(0,0,0);}
}
@keyframes itemAni {
    0% {opacity:0; transform:translate3d(0,50px,0);}
    100% {opacity:1; transform:translate3d(0,0,0);}
}


.area_visual { position:relative; overflow:hidden;-webkit-box-sizing:border-box; box-sizing:border-box;}
.area_visual.type_1{border-bottom:9px solid #ededed;}
.area_visual.type_top {padding-top:0;}
.box_visual { position:relative;overflow:hidden; text-align:center;}
.box_swipe:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.box_swipe .unit_set { position:relative;float:left; width:100%;}


.contents_footer.type_1 {padding:25px 18px; margin:0; background:#ededed;}
.contents_footer.type_1.list_btn3 .btn_area >  li {padding:0;}
.contents_footer.type_1 .btn_area {margin:0;}
.contents_footer.chk_type p.checkbox {display:block;margin-bottom: 40px;}
.btn_area {padding:0 18px;margin-top:25px; margin-bottom:25px;}
.btn_area.step_btn {margin:40px 0;}
.btn_area2 {margin-top:22px; margin-bottom:25px;}
.btn_area.type_1 { padding:0;margin-top:15px; font-size:0;}
.btn_area.type_1 > li,
.btn_area.type_4 > li,
.btn_area.type_4_1 > li,
.btn_area.type_6 > li,
.btn_area.type_10 > li,
.btn_area.type_12 > li,
.btn_area.type_13 > li,
.btn_area.type_14 > li,
.btn_area.type_15 > li,
.btn_area.type_33 > li,
.btn_area.type_24 > li {display:inline-block; margin-right:13px;}
.btn_area.type_24 > li:first-child {margin-top:0px;}
.btn_area.type_24 > li {margin-top:8px;}
.btn_area.type_34 > li {display:inline-block; margin-right:13px; margin-bottom:10px;}
.btn_area.type_2 { padding-right:0;padding-left:0;}
.btn_area.type_3 {margin-top:12px; margin-bottom:25px;}
.btn_area.type_4 { padding:0;margin-top:25px; margin-bottom:25px;}
.btn_area.type_4_1 { padding:0;margin-top:18px; margin-bottom:18px;}
.btn_area.type_5 { padding:0;margin-top:25px; margin-bottom:0;}
.btn_area.type_6 { padding:18px 0;margin:0 18px;}
.btn_area.type_6_1 { padding:23px 0;margin:25px 18px 0;}
.btn_area.type_7 {margin-bottom:60px;}
.btn_area.type_8 {margin-top:20px; margin-bottom:0;}
.btn_area.type_9 { padding:0;margin-top:12px; margin-bottom:25px;}
.btn_area.type_10 { padding:0;margin-top:10px; margin-bottom:0;}
.btn_area.type_11 { padding:0 18px;margin-top:25px; margin-bottom:0;}
.btn_area.type_12 { padding:0 0 25px;margin:-5px 18px 0;}
.btn_area.type_13 {margin:0;}
.btn_area.type_14 {margin:15px 0 25px;}
.btn_area.type_15 {margin:0 0 17px;}
.btn_area.type_16 {margin:13px 0 7px;}
.btn_area.type_17 {margin:15px 0 !important;}
.btn_area.type_18 {float:right; padding:0; margin:0;}
.btn_area.type_19 {margin:40px 0 25px;}
.btn_area.type_20 {margin:30px 0 25px;}
.btn_area.type_21 {margin:25px 0 60px;}
.btn_area.type_22 { padding-bottom:25px;margin-bottom:0px !important; border-bottom:1px solid #e5e5e5;}
.btn_area.type_23 { padding-top:15px !important;margin-bottom:0px !important; border-top:1px solid #e5e5e5; font-size:0;}
.btn_area.type_24 { padding:0 0 18px 0;margin:0 18px;}
.btn_area.type_25 {padding:25px 0 13px 0; margin:0px;}
.btn_area.type_26 { padding-top:0; padding-bottom:15px;margin-top:0; margin-bottom:40px;}
.btn_area.type_27 { padding:0;margin-top:-10px;}
.btn_area.type_28 {margin:40px 0 60px;}
.btn_area.type_29 {margin:30px 0 40px;}
.btn_area.type_30:after {display:block; clear:both; content:"";}
.btn_area.type_30 li {float:left; margin-top:12px;  margin-left:13px;}
.btn_area.type_30 .clear {clear:both; margin-left:0;}
.btn_area.type_30 li:first-child {margin:0;}
.btn_area.type_31 { padding:0;margin:35px 0 40px;}
.btn_area.type_32 {padding:0;margin-top:2px;margin-bottom:10px;font-size:0;}
.btn_area.type_33 {margin:20px 0 25px;}
.btn_area.type_34 { padding:10px 0 8px;margin:0 18px;}
.btn_area.type_4 + .btn_area.type_1 {margin:25px 15px;}
.btn_area.right{width:100%;box-sizing:border-box; padding:0 20px 0 0;margin:0;text-align:right;} /* 2017-03-03 */
.btn_area.line_1,
.box_content.line_1 {border-top:1px solid #d5d5d5;}
.btn_area.line_2 {border-bottom:1px solid #d5d5d5;}
.btn_area.type_6 .hcbtn1 {line-height:27px;}
.btn_area.no_pd {padding:0;}
.visual_txt .btn_area {margin-top:40px; margin-bottom:0;}
a.underline {color:#1e75d6; text-decoration:underline;}
.txt_remain { line-height:12px;margin:14px 0 22px; color:#888; text-align:right; font-size:12px;}
/* 2018-01-24 이종환 */
.btn_area.type_half {padding:0;}
.btn_area.type_half:after { display:block;clear:both; content:'';}
.btn_area.type_half li { float:left;width:50%; box-sizing:border-box; padding-left:4px;}
.btn_area.type_half li:first-child { padding-right:4px;padding-left:0;}
/* 2018-07-04 추가 */
.btn_area.type_tbl{display:table;width:100%;box-sizing:border-box;}
.btn_area.type_tbl li{display:table-cell;}
.btn_area.type_tbl li a{width:100%; box-sizing:border-box;}
.btn_area.type_tbl li > *{display:block;width:100%;box-sizing:border-box;vertical-align:top;}
/*2019-08-28*/
.contents_footer .btn_area.btn_share{width:194px;margin:0 auto 40px;}
.contents_footer .btn_area.btn_share > li{width:61px;padding:0;margin:0 18px;}
.contents_footer .btn_area.btn_share li a span{display:block;margin-top:12px;color:#7e7e7e;text-align:center;font-size:13px;}

.smLink_area {}
.smLink_area > li,
.smLink_area > a,.smLink_area > button {display:inline-block; margin:15px 13px 0 0;}

.hcbtn_full {display:block; width:100%; line-height:50px; box-sizing:border-box; color:#fff; text-align:center; font-size:16px;}
.hcbtn_large,
.hcbtn_medium,
.hcbtn_mediumHg02 { box-sizing:border-box;-webkit-border-radius:2px; border-radius:2px; text-align:center;}
.hcbtn_xlarge {display:block;width:100%;line-height:53px;box-sizing:border-box;border: 1px solid #666;-webkit-border-radius:2px;border-radius:2px;color:#fff;text-align:center;font-size:16px;}
.hcbtn_xlarge span {display:-webkit-box; display:box; width:100%; height:53px; line-height:18px; -webkit-border-radius:2px; border-radius:2px;text-align:center; font-size:16px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.hcbtn_xlarge.type_1,
.hcbtn_xlarge.type1,
.hcbtn_large.type_1,
.hcbtn_full.type_1 { border: 1px solid #666;background-color:#666;}
.hcbtn_xlarge.type_2,
.hcbtn_xlarge.type2,
.hcbtn_large.type_2,
.hcbtn_full.type_2 { border:1px solid #1e75d6;background-color:#1e75d6;}
.hcbtn_large.type_3 {border:1px solid #aaa; color:#666; background-color:#fff;}
.hcbtn_xlarge.type_3,
.hcbtn_full.type_3 { line-height:53px;border:1px solid #aaa; color:#666; background-color:#fff;}
.hcbtn_full.type_4 { border:1px solid #333;background-color:#333;}
.hcbtn_xlarge.type_4 { border: 1px solid #333;background:#333;}
.hcbtn_xlarge.type_5 { border: 1px solid #666;background-color:#666;}

/* 2021-02-18 GGU402 [나만의혜택,이벤트] 정부지원 소비쿠폰 외식 1만원 캐시백 수정 요청의 건 (2/17) */
.type7btn .hcbtn_xlarge.type7{ border:1px solid #8ebaea;background-color:#8ebaea;}

button.hcbtn_xlarge.type_1.org{line-height:53px;}

.hcbtn_large {display:block; width:100%; min-height:40px; line-height:38px; box-sizing:border-box; border: 1px solid #666; border:1px solid #666; color:#fff; background-color:#666;  font-size:15px;}
.hcbtn_large.type_search{line-height:43px;}
.hcbtn_small {display:inline-block; line-height:23px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 7px; border: 1px solid #aaa; -webkit-border-radius:2px; border-radius:2px; color:#333; text-align:center; font-size:12px;}
.hcbtn_small.type3.blue {border: 1px solid #2c82e3; color:#2c82e3;}
.hcbtn_medium {display:inline-block; min-width:60px; line-height:25px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 7px; border: 1px solid #aaa; font-size:12px;}
.hcbtn_medium.disabled { border:1px solid #d9d9d9;color:#666; background:#d9d9d9;}
.hcbtn_mediumHg02 {display:inline-block; line-height:33px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 18px; border: 1px solid #666; font-size:15px;}
.hcbtn_mediumHg02.type1,
.hcbtn_medium.type1 { border: 1px solid #1e75d6; color:#fff;background-color:#1e75d6;}
.hcbtn_mediumHg02.type2,
.hcbtn_medium.type2 { color:#fff;background-color:#666;}
.hcbtn_mediumHg02.type3,
.hcbtn_medium.type3 {border: 1px solid #d5d5d5; color:#333; background-color:#fff;}
.hcbtn_medium.type3.blue {border: 1px solid #2c82e3; color:#2c82e3;}
.hcbtn_mediumHg02.type4,
.hcbtn_medium.type4 { border: 1px solid #dbdbdb; color:#fff;background-color:#dbdbdb;}
.hcbtn_medium.black {width:76px;border:none;; color:#fff;background-color:#000;}
.hcbtn_mediumHg02
.hcbtn_xlarge.type5 {height:40px; line-height:40px; color:#fff; background:#333; font-size:15px;}
.hcbtn_xlarge.type0329 > span{letter-spacing: -0.021em;}/*추가 0329*/


.hcbtn1 {display:inline-block; color:#1e75d6; font-size:13px;}
.hcbtn1.outlink{padding-right:14px; background:url(/image/card/card_detail/arrow_hcbtn1.png) no-repeat right 5px;}
.hcbtn1_out {padding-right:14px; background:url(/image/card/card_detail/arrow_hcbtn1.png) no-repeat right 5px;}
.hcbtn1.type_1 {margin-left:8px;}
.hcbtn1.type_2 {display:inline;}
.hcbtn1.type_3 {margin-top:15px;}
.hcbtn1.type_4 {line-height:18px;}
.hcbtn4,
.hcbtn7 { position:relative;display:block !important; overflow:hidden !important; width:30px !important; height:0 !important; padding-top:30px !important; text-indent:-10000px !important;}
.hcbtn4:before,
.hcbtn4:after,
.hcbtn7:before,
.hcbtn7:after { position:absolute;display:block; content:'';}
.hcbtn4:before,
.hcbtn7:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.hcbtn4:after,
.hcbtn7:after {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.hcbtn4:before,
.hcbtn4:after {width:1px; height:9px; background-color:#000;}
.hcbtn4:before {top:8px; left:14px;}
.hcbtn4:after {top:14px; left:14px;}
.hcbtn6 {display:inline-block; line-height:19px; padding:0px 10px ; border:1px solid #aaa; -webkit-border-radius:1px; border-radius:1px; color:#aaa; font-size:11px;}
.hcbtn6.on {border-color:#1e75d6; color:#1e75d6;}
.hcbtn7:before,
.hcbtn7:after {width:2px; height:5px; background-color:#000;}
.hcbtn7:before {top:11px; left:15px;}
.hcbtn7:after {top:14px; left:15px;}
.hcbtn1.type_8 {font-size:12px;}
.hcbtn_cur { color:#1e75d6;size:inherit;}
.hcbtn_cur_1 { color:inherit;size:inherit;}
.hcbtn8 {display:inline-block; margin-top:8px; color:#1e75d6; font-size:12px;}
.hcbtn9 {position:absolute;top:32%;right:12px;width:20px;color:#666;text-align:center;font-size:20px;}
.hcbtn10 {color:#666;text-align:center;font-size:12px;}/*20210514 추가*/
.hcbtn11 {color:#666;text-align:center;font-size:12px;}/*20210514 추가*/
.checkbox_list > li span.link_layer .hcbtn10:last-child:before{display:inline-block;height:8px;margin-top:2px;margin-right:10px;margin-left:8px;border-left:1px solid #666;content:'';}/*20210514 추가*/
.checkbox_list > li span.link_layer .hcbtn10:first-child:before{display:none;}
button.hcbtn_xlarge.type_1 {line-height:38px;}
/* link, citied 보이스피싱예방안내 2020-04-06 GGCN35 */
.cited{margin:10px 0;text-align:right;}
.link_top{margin:-10px 0 16px;text-align:right;}

.contents_footer .btn_area.btn3 li{width:auto;}
.btn_area.btn3 a.hcbtn_xlarge.type_2, .btn_area.btn3 .hcbtn_xlarge.type_1, .hcbtn_large.type_1, .hcbtn_full.type_1{padding:0 20px;}
.btn_area.btn3 li:last-child{position:absolute; right:18px;}
.list_btn { text-align:center;font-size:0;}
.list_btn.type_1 {margin-top:20px;}
.list_btn.type_2,
.list_btn.type_3 {margin:3px 0; text-align:left;}
.list_btn.type_4 {margin:3px 0; text-align:right;}
.list_btn.type_5 {margin:3px 0 14px; text-align:right;}
.list_btn > li {display:inline-block; margin:0 2px;}
.list_btn.type_2 > li {margin-right:15px; margin-left:0;}
.list_btn.type_2 > li:last-child {margin-right:0;}
.list_btn.type_1 > li { margin-right:7px;margin-left:7px;}
.list_btn.type_3 > li:first-child {margin-left:0;}
.area_visual.type_full + div .type_main {width:100%;}
.area_visual.type_full + div .type_main .list_btn {display:table; width:100%;}
.area_visual.type_full + div .type_main .list_btn li {display:table-cell; width:auto;}
.area_visual.type_full + div .type_main .list_btn li + li {width:50%;}
.list_btn2 {position:fixed; z-index:10; bottom:0; width:100%;}
.list_btn2 li {float:left; width:50%;}
.list_btn3 {position:fixed; z-index:1; bottom:0; width:90%;}
.btn_down {margin:25px 0 0 18px;}
.btn_down.line_1 {border-top:1px solid #d5d5d5;}
.btn_down.type_1 {margin-left:0;}
.btn_down.type_2 {margin:0;}
.btn_down.type_3 {margin:20px 0 0;}
.btn_down.type_4 { padding-top:13px;margin:5px 18px 24px; border-top:1px solid #d5d5d5;}
.btn_down.type_5 {margin:0 0 0 18px;}
.btn_down.type_6 {position:absolute; top:17px; right:18px; margin:0;}
.btn_down.type_7{ padding-top:25px;margin:0 0 25px;}
.btn_down.type_8 {margin:25px 0 23px 18px;}
.link_tel:after,
.btn_down a:after {background-image:url(/m/image/common/sp_btn.png); background-repeat:no-repeat; background-size:50px 50px;}
.btn_down a:after {display:inline-block; width:12px; height:14px; margin-left:7px; background-position:0 2px; content:'';}
.btn_down .tail {padding-left:10px; color:#888; font-size:14px;}
.visual_txt .btn_area,
.btn_area02 {font-size:0;}
.visual_txt .btn_area > li,
.btn_area02 > li {display:inline-block; width:50%; -webkit-box-sizing:border-box; box-sizing:border-box; padding-left:4px; vertical-align:top;}
.visual_txt .btn_area > li:first-child,
.btn_area02 > li:first-child { padding-right:4px;padding-left:0;}
.contents_footer{margin:0 18px;}
.contents_footer .btn_area{ padding:0;font-size:0;}
.contents_footer .btn_area:after{ display:block;clear:both; content:'';}
.contents_footer .btn_area > li{float:left;width:50%;box-sizing: border-box;}
.contents_footer .btn_area > li:first-child {padding-right:3px;}
.contents_footer .btn_area > li:last-child {padding-left:3px;}
.contents_footer .btn_area > li:only-child{width:100%; padding:0;}
.contents_footer .btn_area.list_type3 > li {width:33.33%;} /* 2018-10-22 */
.btn_more.type_1 {padding:0 18px;}
.btn_more.type_2 { width:160%;padding:0 18px; margin-top:15px;}
.btn_more.type_3 {padding:0 18px; margin-top:25px;}
.btn_more.type_4 button {border-top:none; border-bottom:1px solid #aaa;}
.btn_more.mt_ty1 {margin-top:-10px;}
.btn_more button { position:relative;display:block; width:100%; line-height:43px; -webkit-box-sizing:border-box; box-sizing:border-box; border:1px solid #e5e5e5; color:#666; background-color:#fafafa; text-align:center; font-size:12px;}
.btn_more button:after {display:inline-block; width:9px; height:9px; margin-left:6px; background-position:-45px 0; content:'';}
.btn_more.btn_ty01 button { border:1px solid #d5d5d5;background-color:#f0f0f0;}
.btn_more.type_5 {padding:0 18px;}
.btn_more.type_5 button {background-color:#f4f4f4;}
.h2_tit_1 + .box_content {padding-top:15px;}
.h2_tit_1 + .box_content + .list_myaccount_1 li:first-child { padding-top:0;margin-top:-2px;}
.box_content,
.box_attention {padding:25px 18px 25px 0;margin-left:18px;}
.box_content.type_btn { padding:0;margin:15px 0 25px;}
.box_content.type_btn.line_1 {padding-top:15px; border-top:1px solid #e5e5e5;}
.box_content.type_btn_1 { padding:0;margin:15px 0 25px 18px;}
.box_content.type_1 {margin-left:0;}
.box_content.type_1.fl_l .link_layer {width:auto;}
.box_content.type_2 { padding-top:0; padding-bottom:0;margin-top:25px;}
.box_content.type_3 { padding:0;margin:0 18px;}
.box_content.type_3 > .box_event_info{margin-bottom:25px;}
.box_content.type_3 > .box_event_info ul.list_dot_2.type_1:last-child{margin-bottom:0;}
.box_content.type_3 + .btn_more {margin-top:25px;}
.box_content.type_4 { padding:15px 0 0;margin:0 18px;}
.box_content.type_5 {padding-top:0;}
.box_content.type_6 {position:relative; padding:0; margin:25px 18px 15px;}
.box_content.type_6 h2 {line-height:23px;}
.box_content.type_6 .txt_2,
.box_content.type_10 >.txt_2 {position:absolute; top:0; right:0px;}
.box_content.type_6 .h2_tit_2 + .txt_2 {top:-5px;}
.box_content.type_6 >.txt_2 .span_use {margin-right:0;}
.box_content.type_7 {position:relative; padding:0; margin:40px 18px 0;}
.box_content.type_8 { padding-right:0;margin-left:0;}
.box_content.type_9 {padding:0 0 25px 0;}
.box_content.type_10 {position:relative; padding:0; margin:25px 18px;}
.box_content.type_10 .span_use {margin-right:0;}
.box_content.type_11 { padding:0 0 25px 0;margin:0;}
.box_content.type_12 { padding:16px 0 0;margin:0;}
.box_content.type_13 { padding:0;margin:27px 18px 40px;}
.box_content.type_14 { padding:0;margin:20px 18px 0;}
.box_content.type_15 { padding:0;margin:40px 0 0;}
.box_content.type_16 { padding:15px 0 25px;margin:0 18px;}
.box_content.type_17 { padding:7px 0 0;margin:0 18px; border-top:1px solid #e5e5e5;}
.box_content.type_18 {padding-bottom:5px;}
.box_content.type_19 {padding:15px 0 0 0; margin-top:25px; margin-left:0;}
.box_content.type_19.line_1 {border-top:1px solid #e5e5e5;}
.box_content.type_19 .link_layer a {margin:0 !important;}
.box_content.type_20 {padding-top:5px;}
.box_content.type_21 { padding:0;margin:30px 18px 0;}
.box_content.type_21 .h2_tit_1{margin-bottom:12px;}
.box_content.type_22 { padding:0;margin:16px 0;} /* 2020-04-08 GGU282 - [카드안내신청] 신청 완료 페이지_부가서비스 개선 요청 - 추가 */
.box_content.type_23 { padding:0;margin:0 18px 25px;} /* 2021-09-03 GGU282 - 추가 */
.box_content.type_btn_1 p.link_layer .hcbtn_medium.type3 {margin:0;}
.btn_area + .box_content{padding-top:0px;}
.info_txt.type_1 { line-height:20px;padding:11px 18px; border-bottom:1px solid #ededed; color:#666; font-size:13px;}
.info_txt2.type_2 {padding:10px 0 0;}
.info_txt2 { line-height:21px; color:#666;font-size:15px;}
.beside_txt {display:block; min-height: 21px; line-height:21px; padding:16px 12px; margin-top:-1px; border:1px solid #e5e5e5; color:#333; background-color:#fafafa; font-size:15px;}
.beside_txt.type_1 {margin:15px 0 0 0;}
.beside_txt.type_2 {padding-top:9px; padding-bottom:9px;}
.beside_txt02 {display:block; line-height:21px; padding:10px 12px; border:1px solid #e5e5e5; color:#666; background-color:#fafafa; font-size:15px;}
.beside_txt02.type_1 {border-bottom:none;}
.icon_process,
.icon_condition {display:inline-block; width:43px; line-height:21px; border:1px solid #aaa; color:#888; text-align:center; font-size:13px;}
.icon_condition {width:auto; padding:0 4px;}
.icon_process.type_1,
.icon_condition.type_1 {border-color:#2c82e3; color:#2c82e3;}
.link_tel {display:block;}
.tit_wrap .link_tel:after {right:16px;}
.dimmed { position:fixed; z-index:30; top:0; left:0;display:block; overflow:hidden; width:100%; height:100%; opacity:0; background-color:rgba(0,0,0,.4);}/*2020-10-23 GGCN45 헤더보다 높게 dimmed 추가(leavepop일때 헤더 dimmed 안됨)  */
.dimmed2 { position:fixed; z-index:10; top:110px; left:0;display:block; overflow:hidden; width:100%; height:100%; opacity:0; background-color:rgba(0,0,0,.4);}
.area_content.type_1 {overflow:hidden;}
.area_content.type_scroll.scl {border-top:1px solid #e5e5e5;}
.wid113 {width:113px;}
.span_use {display:inline-block; line-height:20px; padding:0 7px; margin-right:10px; border:1px solid #aaa; color:#888; background:#fff; vertical-align:middle; font-size:12px;}
.span_use02 {display:inline-block; line-height:25px; padding:0 7px; margin-right:10px; border:1px solid #aaa; color:#888; background:#fff; vertical-align:middle; font-size:12px;}
.span_use.type_1,
.span_use02.type_1 {margin-right:0;}
.span_use.on,
.span_use02.on  {border-color:#2c82e3; color:#2c82e3;}


.list_card_kind_img  .hcbtn_medium {vertical-align:middle;}
.list_card_kind_img .hcbtn_medium  + .span_use02 {margin-left:5px;}

@media all and (max-width:320px){
.list_card_kind_img .hcbtn_medium  + .span_use02 {margin:5px 0 0;}
}


.accordion_unit .box_fold,
.accordion_unit.on .box_fold .accordion_unit .box_fold,
.accordion_unit.on .box_fold .box_inpuiry.box_fold,
.on .accordion_unit .box_fold {display:none;}
.accordion_unit.type_apply {margin-top:-1px;}
.accordion_unit.type_apply .box_fold {padding-top:25px; padding-bottom:25px; border-width:0 1px 1px; border-style:solid; border-color:#e5e5e5; background-color:#fafafa;}
.accordion_unit.type_apply .box_fold .list_info_1 > li > .tit { color:#333; font-family:'YouandiModernTR';font-size:15px;}
.accordion_unit .box_fold.type_3 {margin:22px 18px;}
.accordion_unit .box_fold.type_gray { padding-left:18px;margin-left:0; background-color:#fafafa;}
.accordion_unit .accordion_unit.type_6 .box_fold.type_1,
.accordion_unit .accordion_unit.type_6.on .box_fold.type_1 { line-height:20px;padding:23px 0; color:#333; font-size:13px;}
.accordion_unit.type_1 .box_fold { line-height:20px;padding:22px 18px 14px; color:#333; font-size:13px;}
.accordion_unit.type_1 .box_fold.type_1 {padding:0;}
.accordion_unit.type_1 .on .box_fold,
.accordion_unit.type_2 .on:not(.line_1) .box_fold,
.accordion_unit.type_4 .on .box_fold,
.accordion_unit.type_sub.line_bot_no.on .btn_fold,
.accordion_unit.type_sub.on:not(.line_bot_no) .box_fold {border-bottom:1px solid #d5d5d5;}
.accordion_unit.type_2 .on .box_fold.type_1 {padding:0 18px;}
.accordion_unit.type_2 .on .box_fold.type_2 {padding:0; border-bottom:none;}
.accordion_unit.type_2 .box_fold.type_2 {padding:0px;}
.box_fold.type_2 {padding:15px 18px 25px;}
.box_fold.type_4 {margin:0 0 10px;}
.accordion_unit.type_1 {border-top:8px solid #ededed;}
.accordion_unit.type_2 {border-top:8px solid #ededed;}
.accordion_unit.line_2 {border-bottom:8px solid #ededed;}
.accordion_unit.type_1.line_no, .accordion_unit.type_2.line_no {border-top:none;}
.accordion_unit.type_3 { margin-left:18px;border-top:none;}
.box_fold .accordion_unit.type_3 {margin-left:0;}
.box_fold .accordion_unit.type_3 .box_fold.type_4.box_fold_gray{margin-left:0;}
.accordion_unit.type_3.line_1 {border-top:1px solid #d5d5d5;}
.accordion_unit.type_1 + .accordion_unit.type_1 {border-top:none;}
.accordion_unit.type_3 + .btn_area.type_8{margin-top:0;}
.accordion_unit.type_sub .btn_fold,
.accordion_unit.type_1 .btn_fold,
.accordion_unit.type_2 .btn_fold,
.accordion_unit.type_3 .btn_fold,
.accordion_unit.type_4 .btn_fold { position:relative;display:-webkit-box; display:box; min-height:30px; line-height:20px; padding:10px 42px 10px 19px; border-bottom:1px solid #d5d5d5; color:#000; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.accordion_unit.type_4.last_nobd div:last-child .btn_fold {border-bottom:0;}
.accordion_unit.type_2 .btn_fold { padding-left:0; margin-left:18px; border-bottom:none; font-size:17px; }
.accordion_unit.type_2 .btn_fold.full_line { padding-left:18px; margin-bottom:0px !important;margin-left:0px;}
.accordion_unit.type_sub .btn_fold { padding-left:0;margin-left:18px; font-size:15px;}
.accordion_unit.type_sub.line_bot_no .btn_fold {border-bottom:none;}
.accordion_unit.type_3 .btn_fold {font-size:15px;}
.accordion_unit.type_5 .btn_fold { margin-left:0; color:#000;font-size:15px;}
.accordion_unit.type_2 .btn_fold .img {display:inline-block; width:40px; margin-right:8px; vertical-align:middle;}
.accordion_unit.type_2.on > * > .btn_fold {margin-bottom:10px;}
.accordion_unit.type_2.on .btn_fold:not(.line_no),
.accordion_unit .accordion_unit.type_6.on:last-child .btn_fold ,
.accordion_unit.type_2 .on:not(h2) .btn_fold:not(.line_no) {border-bottom:1px solid #d5d5d5;}
.accordion_unit.length .btn_fold {padding:10px 115px 10px 0;}
.accordion_unit.type_2.on .h2_tit_1 + .box_fold .list_myaccount_2.type_2.list_fold {margin-top:-10px;}

.accordion_unit.on .last_acc .btn_fold{border-bottom:0 none !important;}
.accordion_unit.on .last_acc.on .btn_fold{border-bottom:1px solid #d5d5d5 !important;}
.accordion_unit.on .last_acc.on .box_fold{border-bottom:0 none !important;}

.accordion_unit.type_1 .on .btn_fold {border-bottom-color:#e5e5e5;}
.accordion_unit.type_1 .btn_fold:before,
.accordion_unit.type_1 .btn_fold:after { position:absolute;top:55%;display:block; width:6px; height:1px; margin-top:-3px; background-color:#aaa; content:'';}
.accordion_unit .btn_fold:before,
.accordion_unit.on .accordion_unit .btn_fold:before,
.accordion_unit_2 .btn_fold:before {right:18px;}
.accordion_unit .btn_fold:after,
.accordion_unit.on .accordion_unit .btn_fold:after,
.accordion_unit_2 .btn_fold:after {right:22px;}
.accordion_unit .btn_fold:before,
.accordion_unit .btn_fold:after,
.accordion_unit_2 .btn_fold:before,
.accordion_unit_2 .btn_fold:after {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.accordion_unit.type_6 .btn_fold:before,
.accordion_unit.type_sub .btn_fold:before,
.accordion_unit.on .accordion_unit.type_6 .btn_fold:before {right:0; height:1px;}
.accordion_unit.type_6 .btn_fold:after,
.accordion_unit.type_sub .btn_fold:after,
.accordion_unit.on .accordion_unit.type_6 .btn_fold:after {right:4px; height:1px;}
.accordion_unit .h3_tit_1 {padding-bottom:0;}
.accordion_unit .h3_tit_2 { padding-bottom:0;margin-top:0px; margin-bottom:0px; text-align:right;}
.accordion_unit > * > .btn_fold:before,
.accordion_unit > * > * > .btn_fold:before,
.accordion_unit.on > * > .btn_fold:after,
.accordion_unit > .on > * > .btn_fold:after,
.accordion_unit_2 > * > .btn_fold:before,
.accordion_unit_2.on > * > .btn_fold:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.accordion_unit > * > .btn_fold:after,
.accordion_unit > * > * > .btn_fold:after,
.accordion_unit.on > * > .btn_fold:before,
.accordion_unit > .on > * > .btn_fold:before,
.accordion_unit_2 > * > .btn_fold:after,
.accordion_unit_2.on > * > .btn_fold:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.accordion_unit .btn_fold:before,
.accordion_unit .btn_fold:after,
.accordion_unit_2 .btn_fold:before,
.accordion_unit_2 .btn_fold:after{ position:absolute; top:50%;display:block; width:7px; height:2px; margin-top:-1px; background-color:#000; content:'';}
.accordion_unit .type_2.btn_fold:before,
.accordion_unit .type_2.btn_fold:after {display:none;}
.accordion_unit h3.btn_fold:before,
.accordion_unit h3.btn_fold:after {display:none;}
.accordion_unit.type_2 .h2_tit_1 {position:relative; margin-bottom:0;}
.accordion_unit.type_3 > span {display:block;}
.accordion_unit.type_3.on > span {margin:0;}
.accordion_unit.type_3.on > span .btn_fold {margin-left:0;}
.accordion_unit.type_3:last-child .btn_fold
.accordion_unit.type_3:last-child .box_fold {border-bottom:none;}
.accordion_unit.type_3:last-child.on .btn_fold:not(.line_no) {border-bottom:1px solid #d5d5d5;}
.accordion_unit.type_3.last .box_fold {border-bottom:none;}
.accordion_unit.type_3 .btn_fold {display:block; min-height:0 !important; padding:18px 43px 16px 0;}
.accordion_unit.type_3 .box_fold { line-height:21px;padding:22px 18px 17px 0; border-bottom:1px solid #d5d5d5; color:#666; font-size:14px;}
.accordion_unit.type_3 .box_fold_gray { line-height:21px; padding:0;margin-left:0; border-bottom:none; color:#666; font-size:14px;}
.accordion_unit .box_fold.type_4 { padding:0;margin:0;}
.accordion_unit .box_fold.type_5 {margin:15px 18px 21px;}
.accordion_unit.type_3 .box_fold.type_5 {border-bottom:none;}
.box_fold_gray,
.accordion_unit.type_3 .box_fold_gray .on {background-color:#f3f3f3;}
.box_fold_gray.line_1 {border-top:1px solid #d5d5d5;}
.btn_gray_fold {border-bottom:none !important;}
.accordion_unit.type_3 .box_fold_gray .btn_gray_fold_1 { padding-left:18px; margin-left:0px;border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background-color:#f3f3f3; text-indent:0px;}
.accordion_unit.type_3 .box_fold_gray.gary_typ {padding: 25px 18px 0 18px; border-top:1px solid #d5d5d5; background-color:#f6f6f6;}
.accordion_unit.type_3 .box_fold.type_2 {padding:0px 18px 0px 0;}
.accordion_unit.type_3 .btn_fold:before,
.accordion_unit.type_3 .btn_fold:after{height:1px;}
.accordion_unit.type_3 .btn_fold:before {right:16px;}
.accordion_unit.type_3 .btn_fold:after{right:20px;}
.accordion_unit .clear_t {padding-top:10px !important;}
.accordion_unit.type_4 .btn_fold.line_1 {border-top:1px solid #d5d5d5;}
.accordion_unit.type_4 .btn_fold { padding-right:30px; padding-left:0;margin-left:18px; font-size:14px;}
.accordion_unit.type_4 a {margin-right:18px;}
.accordion_unit.type_4 a .subject { color:#000;font-size:15px;}
.accordion_unit.type_4 a .text {display:block; color:#888; font-size:12px;}
.accordion_unit.type_4 .btn_fold:before,
.accordion_unit.type_4 .btn_fold:after,
.accordion_unit.type_5 .btn_fold:before,
.accordion_unit.type_5 .btn_fold:after,
.accordion_unit_2 .btn_fold:before,
.accordion_unit_2 .btn_fold:after {height:1px;}
.accordion_unit .accordion_unit.type_6:first-child {margin-top:5px;}
.accordion_unit .accordion_unit.type_6:last-child .btn_fold {border-bottom:none;}
.accordion_unit.type_6 .btn_fold,
.accordion_unit.type_sub .btn_fold { padding-top:12px; padding-right:20px; padding-bottom:12px;margin:0; color:#000; font-size:14px;}
.accordion_unit.type_apply .btn_fold { position:relative;display:-webkit-box; display:box; height:79px; padding:0 15px; margin:0; border:1px solid #e5e5e5; color:#333; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.accordion_unit.type_4 .btn_fold:before,
.accordion_unit .accordion_unit.type_5 .btn_fold:before { right:4px !important;width:7px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.accordion_unit.type_4 .btn_fold:after,
.accordion_unit .accordion_unit.type_5 .btn_fold:after { right:0 !important;width:7px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.accordion_unit.type_4 .on .btn_fold:before,
.accordion_unit.on .accordion_unit.type_4 .on .btn_fold:before,
.accordion_unit.on .accordion_unit.type_5.on .btn_fold:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.accordion_unit.type_4 .on .btn_fold:after,
.accordion_unit.on .accordion_unit.type_4 .on .btn_fold:after,
.accordion_unit.on .accordion_unit.type_5.on .btn_fold:after {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.accordion_unit.type_4 .box_fold {margin:0 18px;}
.accordion_unit.on .box_fold .accordion_unit.type_4 .on .box_fold,
.accordion_unit.on .box_fold .accordion_unit.type_5.on .box_fold {display:block;}
.accordion_unit.on .box_fold .accordion_unit.type_4 .box_fold,
.accordion_unit.on .box_fold .accordion_unit.type_5 .box_fold {display:none;}
.accordion_unit.on .accordion_unit.type_5.on .box_fold {border-bottom:none;}
.accordion_unit.on .accordion_unit.type_5.on .btn_fold {border-bottom:1px solid #d5d5d5;}
.input_group input[type=text],
.input_group input[type=password] {-webkit-box-sizing:border-box; box-sizing:border-box;}
.accordion_unit .box_fold { line-height:20px; color:#333;font-size:13px;}
.accordion_unit .box_fold .list_btn {margin-top:8px;}
.accordion_unit .box_fold .tit_1 { line-height:21px;margin-bottom:7px; color:#333; font-size:13px;}
.accordion_unit .box_fold .txt_1 { line-height:18px;margin:7px 0; color:#888; font-size:12px;}
.accordion_unit .box_fold .list_myaccount_1 .txt_1 { line-height:20px;margin:0; color:#000; font-size:14px;}
.accordion_unit .box_fold .list_info_2.type_1 > li > .txt_1,
.accordion_unit .box_fold .list_dot_2.type_5 > li > .txt_1 {margin:0;}
.accordion_unit .box_fold.box_info:last-child{border-bottom:none;}
.accordion_unit .box_fold.box_fold.type_3 > .box_info{border-bottom:none;}
.list_info_2 li p.txt_1 { margin-bottom:8px;color:#000;}

.accordion_unit.type_2 .box_fold .accordion_unit:last-child {padding-bottom:10px;}

.accordion_unit.type_7{margin-left:0;}
.accordion_unit.type_7 > li{ padding:15px 12px;background:#f0f0f0;}
.accordion_unit.type_7 .hcbtn4{right:12px;}
.accordion_unit.type_7 .hcbtn4.btn_fold:before, .accordion_unit.type_7 .hcbtn4.btn_fold:after{width:9px;height:1px;}
.accordion_unit.type_7 .hcbtn4.btn_fold:before{left:12px;}
.accordion_unit.type_7 .hcbtn4.btn_fold:after{left:6px;}
.accordion_unit.type_7 > li > div{position:relative;}
.accordion_unit.type_7 > li > div .checkbox label{padding-right:35px;}

.accordion_unit .btn_fold.type_3{position:absolute;top:50%;right:-36px;}
.accordion_unit .btn_fold.type_3 span{position:absolute;top:0;left:0;width:100%;height:100%;line-height:30px;color:transparent;text-align:center;text-indent:0;white-space:nowrap;}
.accordion_unit .accordion_depth2{position:relative;margin-top:20px;}
.accordion_unit .accordion_depth2 .hcbtn9{top:3%;right:-22px;}


.list_indicator {position:absolute;top:70px; right:16px; width:100%; text-align:right; font-size:0;}
.list_indicator > li {display:inline-block; overflow:hidden; width:6px; height:0; padding-top:6px; margin:0 4px;-webkit-border-radius:6px; border-radius:6px;opacity:.35; background-color:#fff; text-indent:-10000px;}
.list_indicator > li.on {opacity:1;background-color:#fff;}

.btn_more button:after,
.area_tit .btn_back a:after {background-image:url(/m/image/common/sp_common.png); background-repeat:no-repeat; background-size:55px 25px;}
.area_tit {position:absolute; z-index:10; top:0; left:0; width:100%; color:#eee; background-color:rgba(0,0,0, .6);}
.area_tit {-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
.area_tit.on {top:0;}
.area_tit.blank_tit {background:none;}
.area_tit .tit_wrap .tooltip {position:absolute; top:17px; right:18px; width:17px; height:17px; background-image:url(/m/image/life/ico_tool_tip.png); background-size: 17px;}
.area_tit .tit_wrap .tooltip img {width:17px;}
.area_tit.type_2 {position:relative; top:0; background-color:#1e75d6;}
.area_tit.type_white {position:relative; top:0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgba(0,0,0,.16); color:#000;background-color:rgba(255,255,255,1);}
.area_tit.type_white2 {position:relative; top:0; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgba(0,0,0,.16); color:#000; background-color:rgba(255,255,255,1);}
.area_tit.type_white.on{background-color:rgba(255,255,255,.95);}
.area_tit.type_white + .box_module {margin-top:13px;}
.area_tit.type_white.line_no {border-bottom:none;}
.area_tit.type_black {background-color:#000;}
.area_tit.type_mid {position:relative; top:auto; left:0; color:#000; background-color:#fff;}
.area_tit.type_3 {position:relative; top:0; color:#000; background-color:#fff; font-size:18px;}
.area_tit.type_4 {position:relative;}
.area_tit.gray {background-color: rgba(51, 51, 51, 0.5);}
.tit_wrap {position:relative;}
.area_tit .tit_wrap {min-height:20px; text-align:center;}
.area_tit.type_black .tit_wrap {min-height:0; padding:0;}
.area_tit .tit_wrap h1 { line-height:20px;padding:15px 0;font-size:16px;}
.area_tit .tit_wrap.type_1 h1 {padding-bottom:0;}
.area_tit .tit_wrap.type_1 h1 + p {padding-bottom:15px;}
.area_tit .tit_wrap.type_1 .event_cashback {padding-bottom:15px; margin-top:-10px; color:#666;}
.area_tit .tit_wrap p:not(.btn_back) { line-height:16px;margin-top:4px; font-size:12px;}
.area_tit .btn_back a { position:absolute; top:50%; left:5px;display:block; overflow:hidden; width:29px; height:0; padding-top:34px; margin-top:-17px;}
.area_tit .btn_back a:after { position:absolute; top:10px; left:5px;display:block; width:19px; height:14px; background-position:-25px 0; content:'';}
.area_process {position:relative; line-height:45px; padding:50px 18px 0 18px; color:#fff; font-size:16px;}
.area_process h2 {display:inline-block; font-size:16px;}
.area_process .txt_page {float:right; width:30%; color:rgba(255,255,255,.7); text-align:right;}
.area_process .txt_page.short{width:40px;}
.area_process .txt_page span {color:#fff;}
.area_process.type_1 {padding-top:50px; background-color:#1e75d6;}
.area_process.type_2 {padding-top:70px; background-color:#1e75d6;}
.area_process.type_3 {padding-top:50px; background-color:#18b3af;}
.area_process.type_4 {padding-top:86px; background-color:#1e75d6;}
.h2_tit_1 {position:relative; line-height:23px; margin-bottom:13px; color:#000; font-family:'YouandiModernHEB'; font-size:17px;}
.h2_tit_1 .hcbtn1 {margin-left:25px; font-family:'YouandiModernTR';}
.h2_tit_1.type_1 { padding-bottom:15px;margin-bottom:23px; border-bottom:1px solid #e5e5e5;}
.h2_tit_1.type_2 { padding-bottom:15px;margin-bottom:0; border-bottom:1px solid #ededed;}
.h2_tit_1.type_2_1 { padding-bottom:15px;margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
.accordion_unit.type_2.Type .h2_tit_1 { color:#000;font-size:15px;}
.accordion_unit.type_2.acoType .h2_tit_1 .btn_fold { color:#000; font-family:'YouandiModernTR';font-size:15px;}
.accordion_unit.type_2.acoType .h2_tit_1 .btn_fold .day {display:block; color:#888; font-size:13px;}
.h2_tit_1.type_3 {margin-left:18px;}
.h2_tit_1.type_4 { padding: 15px 0;margin-bottom: 10px; margin-left: 18px; border-bottom: 1px solid #d5d5d5;}
.h2_tit_1.type_4_1 { padding-bottom:15px; margin-right:18px;margin-bottom: 10px; margin-left: 18px; border-bottom: 1px solid #e5e5e5;}
.h2_tit_1.type_5 { padding-bottom:15px;margin-bottom:24px; border-bottom:2px solid #e5e5e5;}
.h2_tit_1.line_3 { padding: 16px 0;margin-bottom: 10px; margin-left: 18px; border-bottom: 1px solid #d5d5d5;}
.h2_tit_1.type_6 { padding-bottom:16px;margin:16px 0 10px 18px; border-bottom:1px solid #d5d5d5;}
.h2_tit_1.type_7 { padding:0 0 15px 0;margin:25px 0 0 18px; border-bottom:1px solid #d5d5d5;}
.h2_tit_1 .btn_side_tex {position:absolute; z-index:1; top:15px; right:38px; color:#000; font-family: 'YouandiModernHEB'; font-size:17px;}
.h2_tit_1.type_8 .btn_side_tex_01 {position:absolute; z-index:1; top:20px; right:38px; color:#000; font-size:14px;}
.h2_tit_1.type_9 { line-height:22px;margin-bottom:15px;color:#000; font-family:'YouandiModernTR' ; font-size:17px;}
.h2_tit_1.type_10 { line-height:17px; padding-top:55px;margin-bottom:15px;color:#000; font-family:'YouandiModernTR' ; font-size:14px;}
.h2_tit_1.type_11 {margin-top:40px;}
.h2_tit_1.type_12 {line-height:22px;margin-bottom:15px;color:#000;font-family:'YouandiModernTR';font-size:14px;}

.h2_tit_1.nesy,
.h3_tit_2.nesy ,
.h3_tit_7.nesy,
.h3_tit_9.nesy {line-height:17px;}
.h3_tit_2.type_2.nesy {line-height:15px;}
.h3_tit_2.type_2.nesy02 .necessary {top:2px;}
.h2_tit_1.type_link { margin-bottom:25px;margin-left:18px; border-bottom:1px solid #d5d5d5;}
.h2_tit_1.type_link a {display:block; padding-bottom:15px;}
.h2_tit_1.type_link a:before,
.h2_tit_1.type_link a:after { position:absolute; top:50%; right:25px;display:block; width:2px; height:10px; background-color:#000; content:'';}
.h2_tit_1.type_link a:before { margin-top:-15px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.h2_tit_1.type_link a:after { margin-top:-9px;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.h2_tit_1 span { color:#888; font-family:'YouandiModernTR';font-size:12px;}
.h2_tit_1 span.nwp { color:inherit; font-family:inherit;font-size:inherit;}
.h2_tit_1 span.nwp3 { color:inherit; font-family:inherit;font-size:inherit;}
.h2_tit_1 span.block {display:block; margin-top:6px;}
.h2_tit_1 em {font-family:'YouandiModernTR';}
.h2_tit_1 .tail {position:absolute;right:18px;color:#888;font-size:12px;}
.h2_tit_1 .tail.type_1 {right:38px;} /* 2020-10-21 GGU282 [메인,My Account] 배민현대카드 포인트 추가 요청의 건 - 추가 */
.h2_tit_2 { line-height:15px;margin-bottom:15px; color:#333; font-size:15px;}
.h2_tit_2.lh20{line-height:20px;} /*2020-01-28*/
.h2_tit_3 { line-height:21px;margin-bottom:5px; color:#666; font-size:14px;}
.h2_tit_4 { line-height:21px;margin-top:18px; margin-bottom:12px; margin-left:18px; color:#333; font-family:'YouandiModernTR'; font-size:15px;}
.h2_tit_4:first-child {margin-top:21px;}
.h3_tit_1 { line-height:17px;padding-bottom:15px; color:#000; font-size:15px;}
.h3_tit_1.type_3 {padding:23px 0 14px 0;}
.box_content.type_10 > h3.h3_tit_1.type_3:first-child{padding-top:0;}
.h3_tit_1.type_4 {padding:0px 0 14px 0;}
.h3_tit_2 { line-height:20px;margin-top:22px; margin-bottom:12px; color:#000; font-size:15px;}
.h3_tit_2.type_1 {margin-left:18px;}
.h3_tit_2.type_2 {color:#333;}
.h3_tit_2.type_3 {margin-top:15px;margin-bottom:9px;}
.form_agree + .h3_tit_2.type_2 {margin-top:40px;}
.h3_tit_3 { line-height:25px; color:#000;font-size:20px;}
.h3_tit_4 { line-height:20px; color:#000;font-size:14px;}
.h3_tit_5 { line-height:21px;margin:21px 0 11px; color:#000; font-family:'YouandiModernHEB'; font-size:15px;}
.h3_tit_5.type_1 {margin-bottom:20px;}
.h3_tit_5.type_2 {position:relative; margin-left:18px;}
.h3_tit_5.type_2 .tail {position:absolute; right:18px; bottom:0; color:#888; font-size:12px;}
.h3_tit_5.type_3 {margin-left:18px;}
.h3_tit_5.type_4 { padding-bottom:11px; margin-bottom:0;margin-left:18px; border-bottom:1px solid #e5e5e5;}
.h3_tit_5.type_5 {margin:16px 0 13px;}
.h3_tit_6 { line-height:21px; margin-bottom:13px; color:#000; font-family:'YouandiModernHEB';font-size:15px;}
.h3_tit_6.type_1 {margin-top:22px;}
.h3_tit_6.type_2 {margin-top:21px; margin-bottom:8px;}
.h3_tit_7 { line-height:21px;margin:25px 18px 0 18px; color:#000; font-family:'YouandiModernHEB'; font-size:15px;}
.h3_tit_7.type_1 {padding:25px 0 11px; margin:0 18px; border-bottom:1px solid #e5e5e5;}
.h3_tit_7.type_2 {padding:25px 0 15px; margin:0 18px; border-bottom:1px solid #e5e5e5;}
.h3_tit_7.type_3 {padding:0 0 15px; border-bottom:1px solid #e5e5e5; font-size:17px;}
.h3_tit_7.type_3_1 {padding:0 0 15px; border-bottom:2px solid #e5e5e5; font-size:17px;}
.h3_tit_7.type_4 {margin:19px 18px 0 0;}
.h3_tit_7.type_5 {padding-bottom:15px; border-bottom:1px solid #d5d5d5;}
.h3_tit_7.type_6 {padding-bottom:15px;}
.h2_tit_1 + .h3_tit_7.type_2 {padding:15px 0;}
.h3_tit_7 .tail {padding-left:7px; color:#888; font-family:'YouandiModernTR'; font-size:12px;}
.h3_tit_7 .tail.type_1 {display:block; padding:0;}
.h3_tit_7 + .list_card > li {margin-top:-5px;}
.h3_tit_8 {margin:15px 0; color:#333; font-size:15px;}
.h3_tit_8.type_1 {margin-left:18px;}
.h3_tit_8.type_2 { padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:15px;margin-left:18px;}
.h3_tit_8 span { color:#888;font-size:12px;}
.h3_tit_9 {margin:40px 0 15px; font-family:'YouandiModernHEB'; font-size:17px;}
.h3_tit_9.type_1 { padding-bottom:15px;margin-bottom:25px; border-bottom:1px solid #e5e5e5;}
.h3_tit_10 { line-height:21px;margin:23px 0 13px; color:#000; font-family:'YouandiModernHEB'; font-size:15px;}
.h3_tit_11 {margin:6px 0  16px 18px; color:#000; font-family:'YouandiModernHEB'; font-size:15px;}
.h3_tit_12 { color:#000; font-family:'YouandiModernHEB';font-size:15px;}
.h3_tit_13 {padding:10px 0; border-bottom:1px solid #e5e5e5; text-align:center; font-family:'YouandiModernHEB'; font-size:17px;}
.h3_tit_14 {line-height:20px;margin:17px 18px 0;color:#111;font-size:16px;} /* 2020-05-19 GGU282 [나만의혜택] the Green_고메 탭 신규 제작 요청(마이메뉴 이관) - 추가 */
.h3_tit_15{ line-height:17px;padding-bottom:15px; color:#000; font-size:14px;}/*20210520 추가*/
.h4_tit_1 { line-height:17px;margin:23px 0 13px; color:#333; font-size:15px;}
.h4_tit_1.type_1 {margin-top:13px;}
.h4_tit_2 {margin:25px 0 0; color:#000; font-size:14px;}
.h4_tit_3 {margin:25px 0 15px; color:#000; font-family:'YouandiModernHEB';}
.h4_tit_3.type_1 {font-size:15px;}
.h4_tit_4 {padding:25px 0 25px; border-bottom:1px solid #d5d5d5; color:#000; font-size:14px;}
.h4_tit_5 { line-height:1em;margin:25px 0 14px; color:#000; font-family:'YouandiModernHEB'; font-size:15px;}
.txt_tit { line-height:21px; color:#333;font-size:14px;}
.tit.type_1 {margin-bottom:15px; color:#1e75d6; font-size:14px;}
.pos_1 {text-align:center;}
.pos_2 {text-align:left;}

.h2_tit_1.line_bold { padding:16px 0;margin-bottom:10px; margin-left:18px; border-bottom:2px solid #ededed;}


.necessary { position:relative;display:inline-block; overflow:hidden; width:4px; height:0;line-height:4px; padding-top:4px; margin-top:1px; margin-left:5px; -webkit-border-radius:4px; border-radius:4px; color:transparent !important; background-color:#ff0000;text-indent:0;letter-spacing: -6px; vertical-align:top; /* text-indent:-10000px; */white-space:nowrap;font-size: 4px !important;}/* 웹 접근성 작업 2019-06 */
.box_list_info_2 {margin-top:25px;}
.list_info_1 {position:relative; padding:0 18px;}
.list_info_1.type_layer { padding-right:0; padding-left:0;margin:23px 0;}
.list_info_1.type_layer > li {margin-top:23px;}
.list_info_1.type_layer > li > .tit { margin-top:23px; color:#333; font-family:'YouandiModernTR';font-size:15px;}
.list_info_1 + .choice_group,
.list_info_1 > li {position:relative; margin-top:23px;}
.list_info_1.type_1 > li,
.list_info_1.type_2 > li {margin-top:25px;}
.list_info_1.type_2 > li.type_1 {margin-top:37px;}
.area_auth .list_info_1 > li {margin-top:23px;}
.list_info_1 > li:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.list_info_1:not(.first_no) > li:first-child {margin-top:0;}
.list_info_1 > li > .tit { line-height:17px;margin-top:40px; margin-bottom:14px; color:#000; font-family:'YouandiModernHEB'; font-size:17px;}
.list_info_1 > li > .tit2 { line-height:17px;margin-bottom:14px; color:#000; font-size:17px;}
.list_info_1.stit_nomt > li > .tit {margin-top:0;}
.list_info_1 > li > .tit.type_1 {border-bottom:1px solid #ededed;}
.list_info_1 > li > .tit.type_2 { padding-bottom:15px;margin-bottom:15px; border-bottom:2px solid #e5e5e5;}
.list_info_1 > li > .tit.type_3 { line-height:15px; margin-top:26px; color:#333; font-family:'YouandiModernTR';font-size:15px;}
.list_info_1 > li > .tit.type_4 {margin-top:0;}
.list_info_1 > li > .tit.type_5 {margin-top:30px;}
.list_info_1 > li p.txt {color:#333;}
.list_info_1 > li p.txt.right0 {right:0;}
.list_info_2 {margin:0 18px;}
.list_info_2.type_1 {border-bottom:1px solid #e5e5e5;}
.list_info_2.line_1 {border-top:1px solid #d5d5d5;}
.list_info_2.line_2 {border-top:1px solid #d5d5d5; border-bottom:none;}
.list_info_2.line_3  {border-bottom:1px solid #e5e5e5;}
.list_info_2.line_4  {border-top:1px solid #e5e5e5;}
.list_info_2 > li {position:relative; line-height:21px; padding:12px 0; border-top:1px solid #e5e5e5; color:#888; font-size:14px;}
.list_info_2 > li:first-child {border-top:none;}
.list_info_2.type_1 > li {padding-left:100px;}
.list_info_2.type_2 > li {padding-left:75px;}
.list_info_2.type_1 > li .txt_1 { position:absolute; top:0; left:0;display:-webkit-box; display:box; height:100%; color:#000; font-size:14px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.list_info_2.type_1 > li .txt_2 {position:absolute; top:12px; left:0; width:100px; color:#000; font-size:14px; }
.list_info_2.type_1 .list_dot_2 li:first-child {margin:0;}
.list_info_2.type_2 > li .txt_1 {position:absolute; top:12px; left:0; width:70px; margin:0; color:#000; word-wrap:break-word; word-break:keep-all; font-size:14px;}
.list_info_2.type_2 > li div.txt_2 p {margin-top:10px;color:#666;}
.list_info_2.type_2 > li div.txt_2 p:first-child {margin-top:0;}
.list_info_2.type_3 {margin-bottom:20px; }
.list_info_2.type_2 .list{padding-left:10px; text-indent:-10px;}
.list_info_2.type_2 .dot{padding-left:15px; text-indent:-10px;}
.list_info_2.type_4 {padding-bottom:10px;}
.list_info_4 > li { position:relative;overflow:hidden; border-top:1px solid #d5d5d5; font-size:14px;}
.list_info_4 > li .txt_1 {float:left; width:30%; line-height:21px; margin:15px 0; color:#000; font-size:14px;}
.list_info_4.type_1 {border-bottom:1px solid #e5e5e5;}
.list_info_4.type_1 > li {border-top:1px solid #e5e5e5;}
.list_info_4.type_1 > li .txt_1 {color:#333;}
.list_info_4 > li .list_dot_2 {float:left; width:66%; margin:15px 0;}
.list_info_4.type_2 {padding-bottom:5px;}
.list_info_5 > li { line-height:21px;padding:17px 0; border-top:1px solid #e5e5e5; color:#888; font-size:14px;}
.list_info_5 > li:first-child {border-top:none;}
.list_info_5 > li .tit {position:relative; line-height:21px; margin-bottom:7px; color:#000; font-family:'YouandiModernTR'; font-size:14px;}
.box_info .tit + .list_info_5.type_1 > li:first-child {padding-top:0;}
.list_info_5.type_1 > li .tit {padding-left:17px;}
.list_info_5.type_1 > li .tit .span_q {position:absolute; top:0; left:0;}
.list_info_6 {padding:0 18px;}
.list_info_6 li {margin-top:25px;}
.list_info_6 li:first-child {margin-top:0;}
.list_info_6 li:first-child .tit {padding:0 0 15px; border-bottom:2px solid #e5e5e5; color:#000; font-family:'YouandiModernHEB'; font-size:17px;}
.list_info_6 li .tit {padding:0 0 15px; color:#333; font-size:15px;}
.list_info_7 {margin:0 18px; border-bottom:1px solid #e5e5e5;}
.list_info_7.line_1 {border-bottom:none;}
.list_info_7 > li {display:table; width:100%; line-height:21px; padding:12px 0; border-top:1px solid #e5e5e5; color:#888; font-size:14px;}
.list_info_7 li span {display:table-cell;}
.list_info_7 li .txt_1 {width:100px;}

.area_auth .list_info_1 > li > .tit,
.citation_tab .list_info_1 > li > .tit { margin-top:23px; font-family:'YouandiModernTR';font-size:15px;}
.citation_tab .list_info_1 > li:first-child > .tit {margin-top:0;}
.list_info_1.type_2 {margin:40px 0;}
.list_info_1.type_3 {margin:25px 0;}
.list_info_1.type_4 {margin:15px 0;}
.list_info_1.type_5 {padding-left:10px;}
.list_info_1.type_1 > li > .tit { font-family:'YouandiModernTR';font-size:15px;}
.list_info_1 > li > .tit.type_1 { padding-bottom:10px;margin-bottom:14px;}
.input_group {position:relative; font-size:0;}
.input_group.input_pos .txt {font-size:15px;}
.input_group_1 {margin-top:15px;}
.input_group input.type_1 {width:35%;}
.input_group input[type=text] + input[type=text] {margin-top:0;}
.input_group input.type_2 {width:65%; margin-left:-1px;}
.list_dot_1 > li,
p.list_style,
p.list_style_1,
p.list_style_2,
.list_style_1 > li,
.list_style_2 > li {position:relative; line-height:18px; padding-left:10px; color:#888; font-size:12px;}
p.list_style_4 {position:relative; line-height:21px; padding-left:8px; color:#888; font-size:14px;}
.list_dot_1,
.list_style,
.list_style_1,
.list_style_2 {margin-top:12px; margin-bottom:22px;}
.area_fold .box_fold .list_dot_1 {margin-top:0; margin-bottom:0;}
.list_dot_1  .empty_b:before {display:block ; content:"";}
.list_dot_1  .empty_b {padding-left:0px;}
.list_style_1.large,
.list_style_2.large { line-height:21px;font-size:14px;}
.list_style_1.type_2,
.list_style_2.type_2 {margin-top:0; margin-left:-10px;}
.list_style_2.type_3 {margin-top:0; margin-bottom:0;}
.list_style_1.type_3 {margin:23px ;}
.list_style_1.type_4 {margin:2px 0 25px;}
.list_style_1.type_5 {margin:0;}
.list_style_1.type_5 >li { color:#666;font-size:14px;}
.list_style_1.type_5.big_space >li {margin-top:5px;}
.list_style_1.color8 li {color:#888;}
.list_style_1.type_6 {margin:0;}
.list_style_1.type_7 {margin:14px 18px 0;}
.list_style_1.type_8 { padding-top:12px;margin:0 18px 12px; border-top:1px solid #d5d5d5;}
.list_style_1.type_8:before {top:12px;}
.list_style_1.type_9 {margin:14px 18px;}
.list_style_1.type_9 + .list_style_1.type_2 {margin-left:0px !important;}
.list_style_1.type_10 {margin:25px 0px 0 0;}
.list_style_1.type_11 dt {position:absolute;left:10px;width:30px; word-break:break-all; word-break:keep-all;}
.list_style_1.type_11 dd {padding-left:35px;}
.list_style_1.type_12{margin-top:0;}
.list_style_1.type_12 > li{ line-height:21px;font-size:14px;}
.list_style_1.type_13{margin:0;}/*2019-09-25 추가*/
.list_style_1.type_13 > li{color:#666;}/*2019-09-25 추가*/
.list_style_2.type_1 {margin-top:38px;}
.list_style_4 + .list_style_1.type_child { margin-top:0;margin-left:8px;}
.txt_info_1 + .list_style_1.type_child { margin-top:0;margin-left:0;}
.list_dot_1 > li:before,
p.list_style_1:before,
p.list_style_3:before,
p.list_style_5:before,
.list_style_1 > li:before {position:absolute;left:0; content:'-';}
.list_style_1.type_4 > li:before {position:absolute;left:0; content:'-';}
p.list_style_6 { line-height:17px; color:#888;font-size:12px;}
p.list_style_6.large { color:#888;font-size:14px;}
.list_dot_1.type_1 > li:before,
p.list_style_2:before,
.list_style_2 > li:before {position:absolute; top:2px; left:0; content:'*';}
p.list_style_4:before {position:absolute; top:7px; left:0; width:3px; height:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#888; content:'';}
p.list_style_1.type_1,
.list_style_1.type_1 > li { line-height:21px;font-size:14px;}
p.list_style_3 {position:relative; padding:inherit; color:inherit; font-size:inherit;}
p.list_style_3.type_1 { padding:0 0 0 9px;margin-top:15px; color:#888; font-size:12px;}
.list_dot_1.type_2 {margin:23px 18px;}
.list_dl_stlye dt {padding:21px 0 7px; color:#000; font-size:15px;}
.list_dl_stlye dt:first-child {padding-top:0;}
.list_dl_stlye dd { line-height:19px;padding-bottom:22px; border-bottom:1px solid #e5e5e5; color:#888;font-size:13px;}
.list_dl_stlye dd .apply span {position:relative; padding-left:6px; margin-left:7px;}
.list_dl_stlye dd .apply span:before {position:absolute; top:1px;left:0; display:inline-block; width:1px; height:10px; background:#a2a2a2; content:"";}
.list_numTy01 {}
.list_numTy01 li {margin-top:5px;}
.list_numTy01 li:first-child {margin-top:0;}
.list_style_1.type01 .no_bul {padding-left:20px;}
.list_style_1.type02 .no_bul {padding-left:33px;}
.list_style_1 .no_bul span {position:absolute; top:0; left:0;}
.list_style_1 > li.no_bul:before {display:none;}
.list_style_7 > li {position:relative;padding-left:10px;}
.list_style_7 > li:before {position:absolute;left:0; content:'·';}
.list_style_7 > li.list_style_none:before {position:absolute;left:0; content:'';}
.list_style_8 > li {position:relative;padding-left:10px;}
.list_style_8 > li:before {position:absolute;top:3px;left:0;content:'*';}
.list_style_8 > li.list_style_none:before {position:absolute;left:0; content:'';}
.list_style_9 > li {position:relative; line-height:18px; padding-left:10px; color:#000; font-size:14px;}
.list_style_9 > li:before {position:absolute;top:3px;left:0;content:'*';}
.list_style_1 > li.large,
.list_style_2 > li.large { line-height:22px;font-size:15px;} /* 2021-04-16 GGU282 - 추가 */
/* 2021-03-08 GGCX83 GPCC_최적화 WEB - kt-현대카드 M Edition3(청구할인형) */
.list_info_1 .main_tit{ padding-bottom:14px;margin-top:40px;border-bottom:1px solid #e5e5e5;}
.list_info_1 .main_tit .tit { line-height:17px; color:#000; font-family:'YouandiModernHEB';font-size:17px;; }
.list_info_1 .main_tit .sub_txt{line-height:17px;color:#888;font-size:12px;}
.list_info_1 .main_tit .tit + .sub_txt{margin-top:8px;}

/* 보이스피싱예방안내 2020-04-06 GGCN35 */
.list_st_decimal li{line-height:22px;padding:14px;color:#333;text-indent:-14px;font-size:14px;}
.list_st_decimal li + li{border-top:1px solid #eee;}


.area_layer .list_dot_2 {margin: 0 0 22px;}
.area_layer .list_dot_2:last-child {margin:0;}
.area_layer .box_inpuiry { width:auto;border:none; background:none;}
.area_layer .old_addr,
.area_layer .new_addr,
.area_layer .addr_nodata { line-height:21px;padding:4px 5px 8px; border-bottom:1px solid #e5e5e5; color:#333; font-size:15px;}
.area_layer .old_addr .s_tit,
.area_layer .new_addr .s_tit,
.area_layer .addr_nodata .s_tit {font-size:14px;}
.area_layer .old_addr p,
.area_layer .new_addr p,
.area_layer .addr_nodata p {margin-top:3px;}
.area_layer .box_layer .h3_tit_5.type_5 {margin-top:-3px;}
.area_layer .sub_title { color:#000;font-size:14px;}
.area_layer .sub_title + .list_dot_2 {margin:4px 0 13px;}
.list_dot_1.type_3 {margin:12px 18px;}
.list_dot_1.type_4 {margin:20px 18px;}
.list_dot_1.type_4 > li {position:relative; line-height:21px; padding-left:9px; color:#666; font-size:14px;}
.list_dot_1.type_5 {margin:0;}
.list_dot_1.type_5 li { line-height:21px; color:#888;font-size:14px;}
.list_dot_1.type_6 {margin:8px 0 25px;}
.list_dot_1.type_8 {padding-bottom:14px; border-bottom:1px solid #e5e5e5;}
.list_dot_1.line_1 {padding-top:12px; border-top:1px solid #e5e5e5;}
.list_dot_2 {margin:22px 0;}
.list_dot_2.type_1 {margin:13px 0;}
.list_dot_2.type_2 { margin-right:18px;margin-left:19px;}
.list_dot_2.type_3 {margin-top:0; margin-bottom:0; text-align:left;}
.list_dot_2.type_4 {margin:12px 18px;}
.list_dot_2.type_5 {margin:7px 0 20px;}
.list_dot_2.type_5 li {margin-bottom:11px;}
.list_dot_2.type_6 {margin:22px 18px;}
.list_dot_2.type_7 {margin:0 0 15px;}
.list_dot_2.color_1 > li {color:#888;}
.list_dot_2.type_8 {margin-top:0; margin-bottom:3px;}
.list_dot_2.type_8 dl {position:relative;}
.list_dot_2.type_8 dl dt { position:absolute; top:0; left:0;display:-webkit-box; display:box; height:100%; -webkit-box-pack:center; box-pack:center;}
.list_dot_2.type_8 dl dd {padding-left:93px;}
.list_dot_2.type_9 {margin:0px 18px 0px 18px; color:#666; font-size:14px;}
.list_dot_2.type_10{margin:35px 18px 0px 18px;}
.list_dot_2.type_11 {margin:11px 0;}
.list_dot_2 > li > .list_dot_1 > li{color:#666;}
.list_dot_3 {margin:7px 0 18px;}
.list_dot_3 li {position:relative; padding-left:7px;}
.list_dot_3 li:before { position:absolute; top:9px; left:0;display:block; width:1px; height:1px; background:#888; content:"";}
/* 2018-05-21 추가 */
.list_dot_4 {margin:0;}
.list_dot_4 li {position:relative; padding-left:9px; color:#666;}
.list_dot_4 li:before { position:absolute; top:9px; left:0;display:block; width:1px; height:1px; background:#888; content:"";}
.box_fold .list_style_1 .list_dot_4 > li {color:#888;}

/* 2021-10-28 GGU402 [기타] DL,ZO 디지털 콘텐츠 서비스 결제카드 등록 방법 안내 수정요청의건 (2건) */
.list_dot_5 li {position:relative; padding-left:9px; color:#666;}
.list_dot_5 li:before { position:absolute; left:0;content:"-";}

/* 2024-03-12 Q20406(동근혁) list black count title 추가 */
.list_1.type_12 > li {position:relative; line-height:21px; padding-left:15px; color:#000; font-size:14px;}
.list_1.type_12 > li::before {position:absolute; top:0; left:0; color:#000; content:counter(li) '.'; counter-increment:li; font-size:14px;}
.list_1.type_13 > li {position:relative;line-height:21px;padding-left:15px;color:#666;font-size:14px;}
.list_1.type_13 > li .count{display:inline-block;text-indent: -15px;}

.box_layer .list_dot_2 .list_hyphen_1 {margin:1px 10px 8px 0px !important;}
.box_layer .list_dot_2 .list_hyphen_1 li {position:relative; padding-left:10px; color:#666 !important;}
.box_layer .list_dot_2 .list_hyphen_1 li:before { position:absolute; top:0px; left:0;display:block; content:'-' !important;}

.area_layer .list_dot_2 > li:first-child {margin-top:0;}
.area_layer .list_dot_2.type_10{margin-bottom:25px;}
.area_layer .list_dot_2.type_10 li {margin-top:5px;}
.list_dot_2.type_11 li{margin-top:0px;}
.list_dot_2.type_12 li{margin-top:8px;}
.list_dot_2.type_13{margin-bottom:25px;}
.list_dot_2.type_14 { padding:0 18px 18px;margin:0;}
.list_dot_2.type_15 {margin:13px 0 0;}
.list_dot_2.type_16 li {color:#888;}
.list_dot_2.type_19 {margin:5px 0 0;} /* 2021-09-03 GGU282 - 추가 */
.list_dot_2 > li,
p.list_dot_2 {position:relative; line-height:22px; padding-left:8px;font-size:14px;}/* 2023-03-16 Q20016 수정 */
.list_dot_2 > li.line_none { padding:10px 0;margin-bottom:10px; background:none;}
.list_dot_2 > li.line_none:before { position:absolute; top:auto; bottom:-1px; left:0;display:inline-block; width:100%; height:1px; background-color:#f0f0f0; content:'';}
.list_dot_2 > li.noBull {padding-left:0; background:none;}
.list_dot_2 > li.noBull:before {display:none;}
.list_dot_2 > li.star:before { top:2px; left:-2px;display:inline-block; width:0;content:"*";}
.dm_popup .list_dot_2 > li.star:before {background: none;}/* 2022-09-06 Q10803 추가 */
.list_dot_2.type_1 > li ul {margin:0;}
.list_dot_2.type_1 > li ul li { color:#888;font-size:14px;}
.list_dot_2 > li:before,
p.list_dot_2:before { position:absolute; top:10px; left:0;display:block; width:3px; height:3px; -webkit-border-radius:3px; border-radius:3px; background-color:#888; content:'';}/* 2023-03-16 Q20016 수정 */
.list_dot_2.no_list > li:before { position:inherit; top:inherit; left:inherit;display:inherit; width:inherit; height:inherit; -webkit-border-radius:inherit; border-radius:inherit; background-color:inherit; content:'';}
.list_dot_2 li:after,
p.list_dot_2:after {display:block; clear:both; content:"";}
.list_dot_2 .txt_1 {float:left; width:70%; color:#888;}
.list_dot_2 .txt_2 {float:right;}
.list_dot_2 .txt_2 .hcbtn1 {margin:0;}
.list_dot_2 > li.first {margin-top:0;}
.list_dot_2.list_sTy01 li {margin-top:0;}
.guide_inner .list_dot_2 {margin:0;}
.guide_inner .list_style_1 li,.guide_inner .list_dot_2 li {color:#666;font-size:12px;}
.guide_inner .h2_tit_3{margin-top:10px;}
.guide_inner .list{ padding-left:10px;color:#666; text-indent:-10px;font-size:12px;}
.guide_inner .dot{ padding-left:15px;color:#666; text-indent:-10px;font-size:12px;}

.list_info_1 .agree_inner {margin-top:23px;}
.list_dot_2.num{margin-top:0;}
.list_dot_2.num > li{padding-left: 1.2em;}
.list_dot_2.num > li:before {display:none;}
.list_dot_2.num > li span.num{margin-left: -1.2em;}

/* 2024-03-12 Q20406(동근혁) list dash style 추가 */
.list_dash_2 > li,
p.list_dash_2 {position:relative; line-height:22px; padding-left:8px;font-size:14px;}
.list_dash_2 > li:before,
p.list_dash_2:before {position:absolute;top: 11px;left:0;display:block;width: 5px;height: 1px;background-color:#888;content:'';}

.form_select + .input_pos,
.input_pos + input,
input + .input_pos,
input + .form_select,
input + input,
input + input[type=password],
input[type=password] + input[type=password],
.input_pos + .input_pos,
.form_select + input,
.form_select select + select,
.addon_comm input[type=text] + .input_group,
input[type=text] + .input_group,
input.type_1 {margin-top:-1px;}
.input_group input.type_pos_1 + input.type_pos_2 {margin-left:-1px;}
.card_pasword input[type=password] {padding-right:0;}
.card_pasword input[type=password] + input[type=password] {margin-top:0;}
.card_pasword input[type=password]:disabled {opacity:1;}
.input_group input.type_pos_1 {width:38%; margin-right:2% !important;}
.input_group input.type_pos_2 {width:65%;}
.input_group input.type_pos_3 {width:60%;}
.form_select.type_1 {margin:25px 0;}
.form_select.type_2 {margin:15px 0;}
.form_select.type_2 select {height:39px; line-height:39px; background-position:right -8px;}
.pos_top {position:absolute; top:0; right:0;}
.pos_top.type01{top:-40px;}
.pos_top.type_rg{right:20px;}
.input_edit{ padding:20px 0; border:1px solid #e5e5e5; border-top:0 none;color:#333; text-align:center;}
.input_edit .txt > span{color:#1e75d6;}
.input_edit .txt + .btn_group{margin-top:17px;}

.pos_top.afterCk {top:-2px;}
.pos_top.afterCk input[type=checkbox] + label { color:#666;font-size:13px;}
.pos_top.afterCk .checkbox.type_1 input[type=checkbox] + label {padding-right:30px;}
.pos_bottom {position:relative; margin-top:25px;}
.pos_bottom .btn_info {position:static;}
.input_pos {margin-top:-1px;}
.input_pos,
.input_pos_1,.input_pos_2 {position:relative;}
.input_pos_2 input[type=text],
.input_pos_2 input[type=number],
.input_pos_2 input[type=email],
.input_pos_2 input[type=tel],.input_pos_2 input[type=date],
.input_pos_2 input[type=password] { padding:18px 10px 18px 100px;text-align:right;}
.input_pos_1 input {text-align:right;}
.input_pos.al_r input { width: 100%; height: 55px; line-height: 1;box-sizing: border-box; padding: 18px 12px 18px 12px; border: 1px solid #e5e5e5; color: #333; font-size: 15px;}
.input_pos.al_r input {padding-right:30px; text-align:right;}
.input_pos.al_r2 input {padding-right:45px; text-align:right;}
.input_pos .tit{ width: 100%; height: 55px;line-height: 1;box-sizing: border-box;padding: 18px 12px 18px 12px; border: 1px solid #e5e5e5;color: #333;background-color:#fafafa;font-size: 15px;}/* 2018-07-24 */
.input_pos .txt {position:absolute; top:14px; right:13px; line-height:27px; color:#666;}
.input_pos_1 .txt,.input_pos_2 .txt {position:absolute; top:14px; left:13px; line-height:27px; color:#666;}
.input_pos .txt button {min-width:88px;}
.input_pos.type_1 .hcbtn_medium.type3 {position:absolute; top:15px; right:13px;}
.input_pos.type_2 {font-family:'YouandiModernHEB';}
.input_pos.type_2 input {font-family:'YouandiModernHEB';}
.input_pos.type_3 {margin-top:15px;}
.input_pos.type_4 input{border-top:none;}
.input_box {border:1px solid #e5e5e5;}
.input_box.address {background-color:#fafafa;}
.input_box input[type=number] {border:none;}
.address input[type=number] + input {margin-top:0;}

.color_1,
.color_1 a {color:#1e75d6;}
.span_bar_1 { position:relative;display:inline-block; overflow:hidden; width:1px; height:0; padding-top:14px; margin:0 5px; background-color:#666; text-indent:-10000px; vertical-align:middle;}
.area_bg {background-color:#fafafa;}
.area_addition {padding:32px 16px 40px; border-top:1px solid #e5e5e5;}
.txt_pool {display:block; padding-left:17px; text-indent:-17px;}
.txt_info { line-height:21px; color:#666;font-size:14px;}
.txt_info.type_1 {padding-bottom:7px;}
.txt_info.type_2 { padding:0;color:#888;}
.txt_info.type_3 {float: left; width: 70%; margin: 15px 0;}
.txt_info.type_4 {margin:22px 18px;}
.txt_info.type_5 {margin:22px 0;}
.txt_info.type_6 { padding:0;margin-top:15px; color:#888;}
.txt_info.type_6 {position:relative; color:#333; font-size:15px;}
.txt_info.type_6 .span_use  {position:absolute; top:-4px; right:0; margin-right:0;}
.txt_info.type_7 { line-height:21px;padding:0 18px; color:#666; font-size:14px;}
.txt_info.type_7 .tel {color:#666;}
.txt_info.type_8 {margin-top:25px; margin-bottom:15px;}
.txt_info.type_9 {margin:13px 0;}
.txt_info.type_10 {margin-top:15px;}
.txt_info.type_11 { line-height:21px;padding:0 18px; margin:21px 0 10px 0; color:#333; font-size:14px;}
.txt_info.type_12 { line-height:21px;margin:21px 18px 6px; color:#333; font-size:14px;}
.txt_info.type_13 {color:#000;}
.box_module.type_3 .txt_info.type_6 { padding:0;margin:5px 18px 0 18px;}
.txt_info_1 { line-height:18px;padding:11px 0 20px; color:#888; font-size:12px;}
.card_pasword .card_pw_input[type=password] {width: 108px;}
.txt_info_1.type_1 { padding:0;color:#333; font-size:15px;}
.txt_info_1.type_2 { line-height:21px; padding:0;color:#666; font-size:14px;}
.txt_info_1.type_3 {padding:25px 0;}
.txt_info_1.type_4 {padding:25px 0 0;}
.txt_info_1.type_5 {padding-bottom:0;}
.txt_info_1.type_6 { line-height:21px; padding:0;margin:21px 0 10px; color:#666; font-size:14px;}
.txt_info_1.type_7 { line-height:21px; padding:0;margin:17px 18px; color:#000; font-size:15px;}
.txt_info_1.type_8 {position:absolute;top:0;right:0;padding:0;}
.txt_info_1.type_9 {padding-top:0;}
.txt_info_2 {position: relative; line-height: 21px; padding-left: 10px; color: #666; font-size: 14px;}
.txt_info_2:before { position: absolute; top: 8px; left: 0;display: block; width: 3px; height: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #666; content: '';}
.txt_info_3 { line-height:18px;margin-top:15px; color:#888; font-size:13px;}
.txt_info_4 {margin:18px 18px 18px;}
.txt_info_5 { margin:21px 18px; color:#000;font-size:15px;}
.txt_info_6 {margin:18px;}
.txt_info_7 { line-height:18px; color:#888;font-size:12px;}
.txt_info_7.type_1 {padding:0 18px 22px;}
.txt_info_8 { line-height:21px; margin:10px 0 40px; color:#888; text-align:center; font-size:14px;}
.list_dot_1.type_2 { padding:0 18px 22px; margin-right:0; margin-bottom:0;margin-left:0;}
.list_dot_1.type_9  { padding:0 18px 0; margin:8px 0 0 0;color:#666; font-size:14px;}
.list_dot_1.type_10  {padding:0 18px 12px; margin-bottom:0;}
.no_data {padding:37px 0;margin:25px 18px; color:#666; background-color:#fafafa; text-align:center; font-size:14px;}
.no_data.type_1 {margin:25px 18px 0 18px;}
.no_data.type_2 { border:none;background:none;}
.no_data.type_3 {padding:40px 0 15px; border:none;background:none;}
.list_myaccount_2 li .no_data {margin:0;}
.area_auth .no_data { margin-right:0;margin-left:0;}
.tit.type_1 + .no_data {margin-top:0;}
.area_detail_1 > .txt_info_5{padding:18px 0;margin:0 18px;border-bottom:1px solid #e5e5e5;}
.area_detail_1 > .no_data{margin:25px 18px;}
.form_table {width:100%; border-top:1px solid #aaa; border-bottom:1px solid #e5e5e5; text-align:left;}
.form_table.type_1 {margin-top:22px;}
.form_table.type_1,
.form_table.type_1 thead th {border-color:#d5d5d5;}
.form_table tfoot tr th,
.form_table tfoot tr td,
.form_table tr.tfoot th,
.form_table tr.tfoot td {background:#f0f0f0; font-weight:normal;}
.form_table thead th { line-height:18px;padding:10px; border-bottom:1px solid #aaa; color:#333; font-size:13px; font-weight:300;}
.form_table tbody th,
.form_table tfoot th,
.form_table td { line-height:18px;padding:10px; border-top:1px solid #e5e5e5; color:#333; background-color:#fafafa; font-size:12px; font-weight:normal;}
.form_table thead th {font-size:13px;}
.form_table.type_1 thead th,
.form_table.type_1 td {color:#888; text-align:center;}
.form_table.type_2 th {text-align:center; font-weight:normal;}
.form_table.type_2 td span.type_1 {color:#888;}
.form_table.type_2 th.line_left,
.form_table.type_2 td.line_left {border-left:1px solid #e5e5e5;}
.form_table.type_2 th:first-child,
.form_table.type_3 th:first-child {text-align:left;}
.form_table.type_3 th {font-weight:normal;}
.form_table.type_2 td {text-align:center;}
.form_table.type_3 th,
.form_table.type_3 td,
.form_table .col_right {text-align:right;}
.form_table .col_left {text-align:left;}
.form_table.type_3 th:nth-of-type(1),
.form_table.type_3 td:nth-of-type(1) {text-align:left;}
.form_table.type_3 .td_btn {line-height:29px;}
.form_table.type_3 .td_btn .txt {display:block;}
.form_table.type_3 .hcbtn_medium {min-width:68px;}
.form_table thead th.type_left ,
.form_table tbody td.type_left {text-align:left;}
.form_table thead th.type_right,
.form_table tbody th.type_right,
.form_table td.type_right {text-align:right !important;}
.form_table thead th.type_center,
.form_table tbody td.type_center,
.form_table.type_2 thead th.type_center,
.form_table.type_2 tbody th.type_center {text-align:center;}
.form_table.type_4 thead th,
.form_table.type_4 tbody td,
.form_table.type_4 tfoot td { padding-right:0;padding-left:0; text-align:center;}
.form_table.type_4 thead th:first-child,
.form_table.type_4 tbody td:first-child {padding-left:10px; text-align:left;}
.form_table.type_4 thead th:last-child,
.form_table.type_4 tbody td:last-child {padding-right:10px;}
.form_table.type_4.line {border-top:0; table-layout:fixed;}
.form_table.type_4.line  thead th {border-left:1px solid #e5e5e5;}
.form_table.type_4.line  thead th:first-child {border-left:0;}
.form_table.type_4.line  tbody td {border-left:1px solid #e5e5e5;}
.form_table.type_4.line  tbody td:first-child {border-left:0;}
.form_table.type_6 {border-bottom:1px solid #e5e5e5;}
.form_table.type_7 {border-top:1px solid #e5e5e5; border-bottom:1px solid #d5d5d5;}
.form_table.type_7 thead th {border-bottom:1px solid #e5e5e5;}
.form_table.type_7 tbody th,
.form_table.type_7 tfoot th,
.form_table.type_7 td { color:#888;background-color:#fff;}
.form_table.type_7 thead th.first {padding-left:0; text-align:left;}
.form_table.type_7 tbody th:first-child {padding-left:0; color:#333; font-size:13px;}
.box_module {padding:25px 0; border-top:9px solid #ededed; color:#000; font-size:15px;}
.box_module.frist { padding-top:18px !important;border-top:0;}
.box_module.type_color_1 {padding:18px; background-color:#49c4db;}
.box_module.type_color_2 {padding:19px 18px 18px; background-color:#fff;}
.choice_group.box_module.type_3 {border-bottom:none;}
.monetary_question + .box_module.type_3 {border-bottom:none;}
.box_module.type_3 {padding:0; border-bottom:9px solid #ededed; }
.box_module.type_3 .area_fold {margin-bottom:-9px;}
.box_module.type_3 > .qna_section.first.type3{border-top:none;}
.box_module.type_1 {padding:0;}
.box_module.type_1 > .h2_tit_1,
.box_module.type_2 .h2_tit_1.line_1,
.box_module.type_3 > .h2_tit_1,
.box_module.type_4 > .h2_tit_1,
.box_module.type_5 > .h2_tit_1,
.box_content.type_9 > .h2_tit_1,
.box_module.type_6 > .h2_tit_1,
.box_module.type_6_1 > .h2_tit_1,
.box_module.type_8 > .h2_tit_1,
.box_module.type_9 > .h2_tit_1,
.box_content.type_11 > .h2_tit_1,
.box_module.type_13 > .h2_tit_1,
.box_module.type_14 > .h2_tit_1 { padding:14px 0 13px;margin-bottom:10px; margin-left:18px; border-bottom:1px solid #d5d5d5;}
.box_module.type_14 {padding:0;border-top: none;}
.box_module .box_info{border-bottom:0px none;}
.box_module .infor_section{margin:0 18px;}
.box_module .h2_tit_1.type_2 {margin-bottom:0;}
.box_module > .h2_tit_1.line_no { padding-top:0;margin-top:24px; margin-bottom:0; border-bottom:none;}
.box_module.type_2 > .h2_tit_1.line_1.type_2 {margin-bottom:25px;}
.box_module.type_2 .h2_tit_1.line_2 {padding:0 0 15px; border-bottom:1px solid #d5d5d5;}
.box_module.type_2 .h2_tit_1 {margin-right:18px;}
.box_module.type_1 > .h2_tit_1.type_1,
.box_module.type_2 > .h2_tit_1.type_1 { padding-left:18px; margin-bottom:0;margin-left:0;}
.box_module.type_color_1 > .txt { line-height:21px;margin-bottom:15px; color:#fff; font-size:14px;}
.box_module.type_color_1 > .btn {color:#1d4e58;}
.box_module.type_color_2 > .txt { line-height:21px;margin-bottom:12px; color:#333; font-size:14px;}
.box_module.type_color_2 > .btn {color:#1d4e58;}
.box_module.type_1 .h3_tit_1,
.box_module.type_2 .h3_tit_1,
#specialSaving .h3_tit_1{ padding:18px 0 17px 0;margin-left:18px;} /*2020-09-22 GGU465 추가 */
.box_module.type_2 .h3_tit_1.type_1 { padding:0;margin-top:25px; margin-bottom:10px;}
.box_module.type_1 .box_fold.type_1 .h3_tit_1.tit { padding-top:0; padding-bottom:0;margin-top:18px; margin-bottom:13px;}
.box_module.type_1 .box_fold.type_1 .h3_tit_1,
.box_module.type_2 .box_fold.type_1 .h3_tit_1 {margin-left:0;}
.box_module.type_1 .list_myaccount_1:not(.type_2) > li:last-child {border-bottom:1px solid #e5e5e5;}
.box_module.type_1 .btn,
.box_module.type_2 .btn {padding:25px 0 25px 18px;}
.box_module.type_1 .txt_info,
.box_module.type_2 .txt_info,
.box_module.type_4 .txt_info,
.box_module.type_9 .txt_info { line-height:20px;padding:6px 0 6px 18px; color:#333; font-size:14px;}
.box_module.type_1 .txt_info.type_2 { line-height:21px;padding:0; color:#888;}
.box_module.type_1 .txt_info.type_5 { line-height:21px; padding:0;margin:25px 18px 0; color:#666;}
.box_module.type_2 { padding:0;margin-top:24px; border-top:none;}
.box_module.type_2 .list_style_1.type_9{margin:14px 18px 22px 18px;}
.box_module.type_4 {padding:0 0 25px; border-top:none; border-bottom:9px solid #ededed;}
.box_module.type_5 {padding:0 0 25px; border:none;}
.box_module.type_6 {padding:0; border-top:9px solid #ededed;}
.box_module.type_6_1 { padding:0;margin:0; border-top:none;}
.box_module.type_7 {padding:0; border-top:none; border-bottom:9px solid #ededed;}
.box_module.type_8 {padding:0 0 25px;}
.box_module.type_9 {padding:0 0 15px; border:none;}
.box_module.type_10 { padding:0;margin:36px 0 0; border:none;}
.box_module.type_11 {position:relative; padding:0;}
.box_module.type_11 > .h2_tit_1 { padding:16px 0 16px 18px;margin:0; border-bottom:1px solid #d5d5d5;}
.box_module.type_11 > .h2_tit_1.type_1 { padding-left:0;margin-left:18px;}
.box_module.type_12 {padding:0; border:1px solid #d5d5d5;}
.box_module.type_13 { padding:0;margin-top:0; margin-bottom:10px;}
.box_module.type_14 {padding:0; border:none;}
.box_module.type_15 {padding:0;border-bottom:9px solid #ededed;}
.box_module.type_15 > .h2_tit_1 { padding:16px 0 16px 18px;margin:0;}
.box_module.type_15 > .h2_tit_1.type_3 {padding:18px 0;margin-left:16px;border-bottom:1px solid #d5d5d5;}
.box_module.type_16 {padding:0 0 5px 0;border-bottom:9px solid #ededed;}
.box_module.type_16 > .h2_tit_1 {padding:16px 0 16px 0;margin:0 0 5px 18px;border-bottom:1px solid #d5d5d5;}
.box_module.type_17 {padding:0; border-top:none; border-bottom:none;}
.box_module.type_pb {padding-bottom:8px;}
.box_module.type_18 {padding:0; margin-top:18px; }
.box_module.type_19 {padding:0; border-top:none; border-bottom:9px solid #ededed;}
.box_module.type_19 .box_info{margin-bottom:19px;}
.box_module.type_20 {padding:25px 0 14px 0;}
.box_module.type_20 .account_bank {padding:5px 0 6px;}
.box_module.type_21 {position:relative; padding:0;}
.box_module.type_21 > .h2_tit_1 { padding:13px 0 12px 18px;margin:0;}
.box_module.type_21 > .hcbtn1 {    position:absolute; z-index:1; top:19px; right:38px;}
.box_module.type_22 {padding:0; border-top:none; border-bottom:9px solid #ededed;} /* 2019-04-22 */
.box_module.type_22 > span {display:block; line-height:20px; padding:15px 0; border-bottom:1px solid #aaa; text-align:center;} /* 2019-04-22 */
/* 2020-05-19 GGU282 [나만의혜택] the Green_고메 탭 신규 제작 요청(마이메뉴 이관) - 추가 */
.box_module.type_23{padding:25px 0 0;}
.box_module.type_23 > .h2_tit_1{margin:0 18px;border-bottom:0 none;}
.box_module.type_23 > .desc{line-height:21px;margin:7px 18px 0;color:#aaa;font-size:14px;}
/*2020-06-12 GGU402 [나만의 혜택] (모바일웹) N월의 Special e-ward 제작 요청의 건*/
.box_module.type_24{padding:0 0 0 13px; border: none;}

/* //2020-05-19 */
.box_con.type_1 {margin:40px 0 0;}
.box_con.type_2 { position:relative;display:-webkit-box; display:box; min-height:45px; line-height:19px; padding:0 18px; border-bottom:1px solid #ededed; color:#666; font-size:13px;}
.box_con.type_btn {padding-right:80px;}
.box_con.type_2 > * {display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.box_con.type_2 > .btn {position:absolute; top:50%; right:18px; margin-top:-14px;}
.box_con.in_sp {padding:10px 18px;}
#container .cvv_number img,
.cvv_number img {display: inherit;width:95px; max-width:100%; margin:0 auto 10px;}
.btn_info .cvv_number {padding:32px 15px 9px 15px;}


input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=date],
input[type=password] { width:100%; height:55px; line-height:1;-webkit-box-sizing:border-box; box-sizing:border-box; padding:18px 12px 18px 12px; border:1px solid #e5e5e5; color:#333;background: transparent; font-size:15px;}/* 2022-01-21 dark-mode 대응*/
input[type=date] {width:100%; min-height:53px; padding-top:14px; padding-bottom:14px; background:url(/m/image/common/icon_calendar.png) 95% 50% no-repeat; background-size:20px auto; -webkit-appearance:none;}
input.type_3 {width:auto; line-height:17px; padding:0; border:none; color:#666; font-size:12px;}
input.type_3[readonly] {background-color:transparent;} /* 2021-09-16 GGU282 - 선택자 변경 - :read-only → [readonly] */
input[readonly], input[disabled], input:disabled {background-color:#fafafa;} /* 2021-09-16 GGU282 - input:read-only 선택자 삭제 */
input.nppfs-npv[readonly]{background-color:transparent;}
/* input.:read-only {background-color:#666;} */  /* 2021-09-16 GGU282 - 삭제 */
::-webkit-input-placeholder {color:#b5b5b5;}
input[type=number]::-webkit-inner-spin-button,
input[type=password]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=password]::-webkit-outer-spin-button { margin:0;-webkit-appearance:none; appearance:none;}
input[type=date].input_type {padding:13px 0 12px 10px;font-size:13px;}


input[type=radio] + label:after {background:url(/m/image/common/sp_input.png) no-repeat; background-size:195px 50px;}
input[type=radio] {position:absolute; top:0; left:-1000px; font-size:0;}
input[type=radio] + label { position:relative;display:inline-block; line-height:23px; padding-left:35px; color:#666; font-size:15px;}
.type_radio_1 input[type=radio] + label,
input[type=radio].type_1 + label {padding-left:25px;}
input[type=radio] + label:after { position:absolute; top:50%; left:0;display:block; width:23px; height:23px; margin-top:-11px; color:#333; background-position:0 0; content:'';}
input[type=radio] + label.type_1:after {top:13px;}
.type_radio_1 input[type=radio] + label:after,
input[type=radio].type_1 + label:after {top:4px; width:15px; height:15px; margin-top:0; background-position:-150px 0;}
input[type=radio]:checked + label:after {background-position:-25px 0;}
.type_radio_1 input[type=radio]:checked + label:after,
input[type=radio].type_1:checked + label:after {background-position:-165px 0;}
input[type=radio]:disabled + label:after {background-position:-50px 0;}
.type_radio_1 input[type=radio]:disabled + label:after,
input[type=radio].type_1:disabled + label:after {background-position:-180px 0;}
.type_radio_1 .box_in {margin-left:25px;}
.type_radio_1.list > p {display:inline-block;}
.type_radio_1.list > p + p{margin-left:60px;}

/*2020-03-25 / GGCQ19 / 보유 바우처 > 대한항공 마일리지 사용 현황 팝업 : 라디오 label 텍스트 없는 케이스 추가 */
input[type=radio] + label.no_txt{padding-left:23px;vertical-align:middle;}
input[type=radio] + label.no_txt:after{margin-top:-12px;}



input[type=checkbox] + label:after {background:url(/m/image/common/sp_input.png) no-repeat; background-size:195px 50px;}
/*
input[type=checkbox] + label.type:after {background:url(/m/image/common/sp_input2.png) no-repeat; background-size:23px auto;}
input[type=checkbox] + label.type.on:after{background-position:0 -23px;}
*/
input[type=checkbox] {position:absolute; top:0; left:-1000px; font-size:0;}
input[type=checkbox] + label { position:relative;display:inline-block; line-height:23px; padding-left:35px; color:#000; word-break:keep-all; font-size:15px;} /* 2018-03-05 수정 */
input[type=checkbox] + label.break_word{word-break:break-all;}
input[type=checkbox] + label:after { position:absolute; top:50%; left:0;display:block; width:23px; height:23px; margin-top:-12px; background-position:-75px 0; content:'';}
input[type=checkbox] + label.over:after,
input[type=checkbox] + label:focus:after{outline:1px dotted #ccc;}/* 웹 접근성 작업 2019-06 */
input[type=checkbox] + label.on:after {background-position:-100px 0px;}
input[type=checkbox] + label.on.disible:after {background-position:-125px -27px;}
input[type=checkbox] + label.type_1:after {top:13px;}
input[type=checkbox]:disabled + label:after {background-position:-125px 0;}
input[type=checkbox]:disabled + label.on:after {background-position:-125px 100%;}
input[type=checkbox].amex_card_chk + label.on{color:#1e75d6;}
.checkbox, .checkbox p{position:relative;}
.checkbox.mt10{display:block;}/*20210514 추가*/
.checkbox input[type=checkbox]{right:0;left:auto;border:none;outline:medium invert;background:none;}/* 웹 접근성 작업 2019-06 */
.checkbox.type_1 input[type=checkbox] + label { padding-right:35px;padding-left:0;}
.checkbox.type_2 input[type=checkbox] + label {overflow:hidden; height:100%; padding-left:100%; text-indent:-10000px; font-size:0;}
.checkbox.type_1 input[type=checkbox] + label:after { right:0;left:auto;}
.checkbox.type_3 {padding-top:14px; border-top:1px solid #e5e5e5;}
.checkbox.type_3:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.checkbox.type_3 > li {float:left;}
.checkbox.type_3.size_3 > li {width:33.33333%; margin-top:25px;}
.checkbox.type_3.size_3 > li:nth-child(-n+3) {margin-top:0;}
.checkbox.type_3.size_3 > li:nth-child(4n) {clear:both;}
.checkbox.type_3.size_3 > li label:after {top:12px;}
.checkbox.type_4 {margin-top:11px; border-top:1px solid #e5e5e5;}
.checkbox.type_4 li {margin-top:15px;}
.checkbox .error_txt {margin:5px 0 0 35px;}
.checkbox.type_6 input[type=checkbox] + label {padding-left:33px; font-size:13px;}
.checkbox.type_7 input[type=checkbox] + label { line-height:19px; color:#333;font-size:15px;}
.checkbox.type_7 input[type=checkbox] + label:after {top:0; margin-top:0;}
.checkbox.type_8 input[type=checkbox] + label { line-height:20px; color:#888;font-size:12px;}
.checkbox.type_8 input[type=checkbox] + label:after {top:0; margin-top:0;}
.checkbox.type_9 input[type=checkbox] + label { line-height:18px;font-size:13px;} /* 2020-04-08 GGU282 - [카드안내신청] 신청 완료 페이지_부가서비스 개선 요청 - 추가 */

/* 2018-12-27 - 코스트코 멤버십 관련 신청 프로세스 수정 요청 */
input[type=checkbox] + label.black_label:after{background:url(/m/image/common/sp_input3.png) no-repeat;background-position:-75px 0; background-size:195px 50px;}
input[type=checkbox] + label.black_label:after{}
input[type=checkbox] + label.black_label.on:after {background-position:-100px 0px;}
input[type=checkbox] + label.black_label.on.disible:after {background-position:-125px -27px;}
input[type=checkbox]:disabled + label.black_label:after {background-position:-125px 0;}
input[type=checkbox]:disabled + label.black_label.on:after {background-position:-125px 100%;}

/* 2020-03-20 GGU282 그린, 레드_신청 페이지 수정 요청 - 추가 */
.sub_checkbox {margin:10px 0 0 24px;}
.sub_checkbox .checkbox label {margin-top:5px;}
/* //2020-03-20 */

/*2021-04-06  GGCN45 rp.common.css와 충돌하는 페이지*/
select, #wrap.CPCCI0301_01 select, #wrap.CPAPY0601_01 select  { width:100%; height:55px; line-height:55px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 35px 0 11px; border:1px solid #e5e5e5; color:#333; background:#fff url(/m/image/common/bg_select.png) no-repeat right top; background-size:35px 220px; font-size:15px;-webkit-appearance:none; appearance:none;} /* 2021-04-30 GGU282 - .form_select select 선택자 삭제 */
 .form_select select  {box-sizing:border-box; padding-right:35px; padding-left:11px;} /* 2021-04-30 GGU282 - 추가 */
select:disabled {background-color:#fafafa; background-position: right -110px;}
select.type_1 {height:39px; line-height:39px; background-position:right -10px;}
.w38p {width:38%;}
.input_group .w38p {width:38%; margin-right:2% !important;}

.radiobox {position:relative; border-bottom:1px solid #e5e5e5;}
.radiobox input[type=radio], .radiobox input[type=checkbox]{z-index:-1;left:0;border:0;background:none;background-color:transparent;}
.radiobox > li {position:relative; background-color:#f8f8f8;}
.radiobox > li input[type=radio] + label {display:block; padding:28px 12px 28px 47px; border-width:1px 1px 0 1px; border-style:solid; border-color:#e5e5e5;}
.radiobox > li input[type=radio] + label:after {left:12px;}
.radiobox > li {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.radiobox > li.on {background-color:#fff;font-weight:bold;}/* 웹 접근성 작업 2019-06-13 */
/* 2020-02-25 */
.radiobox.label_bg > li,
.radiobox.label_bg > li.on {background-color:none;}
.radiobox.label_bg > li label {background-color:#f8f8f8;}
.radiobox.label_bg > li.on label {background-color:#fff;}
/* //2020-02-25 */
.radiobox.type_1 {border:none;}
.radiobox.type_1 > li,
.check_box > li { position:relative;float:left; width:50%;}
.radiobox.type_1 > li.type_1 {position:static;}
.radiobox.type_1 > li.type_1 > .box_unit { position:absolute; top:60px; left:0;display:none; width:100%;}
.radiobox.type_1 > li.type_1.on > .box_unit {display:block;}
.radiobox.type_1 li.type_1.on {padding-bottom:90px;}
.radiobox.type_1 li.type_1.on .small {padding:10px 0;}
.radiobox.type_1:after,
.check_box:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.radiobox.type_1 > li:first-child input[type=radio] + label,
.check_box > li:first-child input[type=checkbox] + label { margin-left:0px;border-left-width:1px;}
.radiobox.type_1 > li input[type=radio] + label,
.check_box > li input[type=checkbox] + label {display:-webkit-box; display:box; min-height:55px; line-height:19px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:6px 0; margin:-1px 0 0 -1px; border-width:1px; border-style:solid; border-color:#e5e5e5; background-color:#f8f8f8; background-image:none; text-align:center; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.radiobox.type_small > li input[type=radio] + label,
.check_box > li input[type=checkbox] + label {min-height:38px;}
.radiobox.type_1 > li input[type=radio] + label:after,
.check_box > li input[type=checkbox] + label:after {display:none;}
.radiobox.type_1 > li input[type=radio]:checked + label,
.check_box > li input[type=checkbox]:checked + label {position:relative; z-index:1; border-color:#1e75d6; border-left-width:1px; color:#1e75d6; background-color:#fff;}
/* 2020-02-25 */
.radiobox.type_1 > li p.btm_out,
.check_box > li p.btm_out { padding:10px 0 0;margin:0; color:#666; background:#fff; text-align:center;}
/* //2020-02-25 */
.radiobox.type_1 > li.disabled > label {border: 1px solid #f4f4f4 !important;color:#999;background: #f4f4f4 !important;}
.radiobox.type_1 > li input[type=radio].money + label,
.check_box > li input[type=checkbox].money + label {position:relative; z-index:1; border-color:#1e75d6; border-left-width:1px; color:#1e75d6; background-color:#fff;}
.radiobox.type_1 li.half_ty1 {width:50%;}
.radiobox.type_2 > li {position:relative; min-height:45px;}
.radiobox.type_2 > li input[type=radio] + label { padding-top:18px; padding-bottom:18px;padding-left:128px;}
.radiobox.type_2 > li input[type=radio] + label:before {position:absolute; top:50%; left:46px; background-repeat:no-repeat; content:'';}
.radiobox.type_3 {border:none;}
.radiobox.type_3 > li { position:relative;float:left; width:50%;}
.radiobox.type_3:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.radiobox.type_3 > li:first-child input[type=radio] + label {border-left-width:1px;}
.radiobox.type_3 > li input[type=radio] + label {display:-webkit-box; display:box; min-height:40px; line-height:19px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:6px 0; border-width:1px 1px 1px 0; border-style:solid; border-color:#e5e5e5; background-color:#f8f8f8; background-image:none; text-align:center; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.radiobox.type_3 > li input[type=radio] + label:after {display:none;}
.radiobox.type_3 > li.on input[type=radio] + label {position:relative; z-index:1; border-color:#1e75d6; border-left-width:1px; color:#1e75d6; background-color:#fff;}
.radiobox.type_3.size_2 > li:nth-child(3) input[type=radio] + label {border-width: 0 1px 1px 1px;}
.radiobox.type_3.size_2 > li:nth-child(4) input[type=radio] + label {border-width: 0 1px 1px 0;}
.radiobox.type_3.size_2 > li.on:nth-child(3) input[type=radio] + label {border-width: 1px;}
.radiobox.type_3.size_2 > li.on:nth-child(4) input[type=radio] + label {border-width: 1px;}
.radiobox.type_3.size_5 > li,
.radiobox.type_3.size_6 > li {width:33.33333%;}
.radiobox.type_3.size_5 > li:nth-child(4),
.radiobox.type_3.size_5 > li:nth-child(5) {width:50%;}
.radiobox.type_3.size_5 > li:nth-child(4) input[type=radio] + label {border-width: 0 1px 1px 1px;}
.radiobox.type_3.size_5 > li:nth-child(5) input[type=radio] + label {border-width: 0 1px 1px 0;}
.radiobox.type_3.size_5 > li.on:nth-child(4) input[type=radio] + label {border-width: 1px;}
.radiobox.type_3.size_5 > li.on:nth-child(5) input[type=radio] + label {border-width: 1px;}
/* 2021-08-11 GPCC 최적화 WEB CDD/EDD radiobox */
.radiobox.type_3.size_6 {border-bottom:1px solid #e5e5e5;}
.radiobox.type_3.size_6 > li:nth-child(3n+1) input[type=radio] + label {border-left-width:1px;}
.radiobox.type_3.size_6 > li input[type=radio] + label {min-height:65px;border-width:1px 1px 0 0;}
.radiobox.type_3.size_6 > li.on input[type=radio] + label {border: 1px solid #1e75d6;}
/* //2021-08-11 GPCC 최적화 WEB CDD/EDD radiobox */
.radiobox.type_4 > li {background-color:transparent;}
.radiobox.type_4 > li input[type=radio] + label {padding-top:0px; padding-bottom:0; border:none;}
.radiobox.type_4,
.radiobox.type_5 {border:none;}
.radiobox.type_5 {margin-left:-10px; border:none; font-size:0;}
.radiobox.type_5 > li {display:inline-block; background-color:transparent;}
.radiobox.type_5 > li input[type=radio] + label {display:block; padding:6px 10px; border:none;}
.radiobox.type_5 > li input[type=radio] + label:after {position:absolute; top:50%; left:0; width:1px; height:11px; margin-top:-5px; background-color:#ccc;}
.radiobox.type_5 > li:first-child input[type=radio] + label:after {display:none;}
.radiobox.type_5 > li input[type=radio]:checked + label {color:#1e75d6;}
.radiobox.type_6 {overflow:hidden; margin-right:-1px; border-width:1px 0 1px; border-style:solid; border-color:#aaa;background-color:#fafafa;}
.radiobox.type_6 > li {position:relative; float:left; width:50%; background:#fafafa;}
.radiobox.type_6 > li a {display:block; height:50px; line-height:50px; border-width:0px 1px 1px 0; border-style:solid; border-color:#e5e5e5; color:#000; text-align:center; font-size:13px;}
.radiobox.type_6.num2 > li a {border-bottom:0;}
.radiobox.type_6 > li:nth-child(1n+3) a {border-width:0 1px 0 0;}
.radiobox.type_6 > li.on{font-weight:bold;}/* 웹 접근성 작업 2019-06-13 */
.radiobox.type_6 > li.on a {color:#1e75d6;}
.radiobox.size_1 > li {width:100%;}
.radiobox.size_1 > li input[type=radio] + label,
.check_box.size_1 > li input[type=checkbox] + label {border-width:1px 1px 1px 1px;}
.radiobox.size_3 > li {width:33.33333% !important;}
.radiobox.size_4 > li {width:25%;}
.radiobox.size_5 > li {width:20%;}
.radiobox.type_7 {border:none;}
.radiobox.type_7 > li { position:relative;float:left; width:50%;}
.radiobox.type_7:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.radiobox.type_7 > li:first-child a {border-left-width:1px;}
.radiobox.type_7 > li a {display:-webkit-box; display:box; min-height:55px; line-height:19px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:6px 0; border-width:1px 1px 1px 0; border-style:solid; border-color:#e5e5e5; background-color:#f8f8f8; background-image:none; text-align:center; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.radiobox.type_7 > li a:after {display:none;}
.radiobox.type_7 > li.on a {position:relative; z-index:1; border-color:#1e75d6; border-left-width:1px; color:#1e75d6; background-color:#fff;}
.radiobox.type_7.size_3 {margin-top:15px;}
.radiobox.type_7.size_3 li a {min-height:73px;}
.radiobox.type_8 input[type=radio] + label {overflow:hidden; height:100%; padding-left:100%; text-indent:-10000px; font-size:0;}
.radiobox.type_9 {border:none;}
.radiobox.type_9 > li { position:relative;float:left;}
.radiobox.type_9:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.radiobox.type_9 > li:first-child input[type=radio] + label {border-left-width:1px;}
.radiobox.type_9 > li input[type=radio] + label {display:-webkit-box; display:box; min-height:73px; line-height:19px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:6px 0; border-width:1px 1px 1px 0; border-style:solid; border-color:#e5e5e5; background-color:#f8f8f8; background-image:none; text-align:center; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.radiobox.type_9 > li input[type=radio] + label:after {display:none;}
.radiobox.type_9 > li.on input[type=radio] + label {position:relative; z-index:1; border-color:#1e75d6; border-left-width:1px; color:#1e75d6; background-color:#fff;}
.radiobox.type_11 > li {position:relative; min-height:76px;}
.radiobox.type_11 > li input[type=radio] + label { padding-top:18px; padding-bottom:18px;padding-left:109px;}
.radiobox.type_11 > li input[type=radio] + label:before {position:absolute; top:50%; left:46px; background-repeat:no-repeat; content:'';}
.radiobox.type_12 {margin-top:15px; border:none;}
.radiobox.type_12 > li { position:relative;float:left; width:25%;}
.radiobox.type_12:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.radiobox.type_12 > li:first-child{width:100%;}
.radiobox.type_12 > li:first-child input[type=radio] + label {border-bottom-width:0; border-left-width: 1px;}
.radiobox.type_12 > li input[type=radio] + label {display:-webkit-box; display:box; min-height:40px; line-height:19px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:6px 0; border-width: 1px 1px 1px 0; border-style:solid; border-color:#e5e5e5; background-color:#f8f8f8; background-image:none; text-align:center; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.radiobox.type_12 > li input[type=radio] + label:after {display:none;}
.radiobox.type_12 > li.on input[type=radio] + label {position:relative; z-index:1; border-color:#1e75d6; border-bottom-width:1px; border-left-width:1px; color:#1e75d6; background-color:#fff;}
.radiobox.type_12 > li:nth-child(2) input[type=radio] + label {border-left-width: 1px;}
.radiobox.radiobox_list {border:1px solid #e8e8e8;}
.radiobox.radiobox_list > li {position:relative; border-top:1px solid #e8e8e8; background-color:#fff;}
.radiobox.radiobox_list > li.on {background-color:#f0f0f0;}
.radiobox.radiobox_list > li input[type=checkbox] + label {display:-webkit-box; display:box; min-height:23px; line-height:16px; font-size:13px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.radiobox.radiobox_list > li:first-child {border-top:none;}
.radiobox.radiobox_list input[type=radio] + label {width:100%; padding:16px 0; border:0 none;}
.radiobox.radiobox_list input[type=radio] + label:after {background:none;}

.content_scroll{ display:-webkit-box; display:box; overflow-x:scroll; overflow-y:hidden;padding:25px 18px 0 18px; -webkit-overflow-scrolling:touch;}
.radiobox.typeTxt{display:-webkit-box; display:box; padding-right:18px; border:none;}
.radiobox.typeTxt > li{width:210px; margin-left:8px; background:#f6f6f6;}
.radiobox.typeTxt > li.on{background:#f6f6f6; font-weight:normal;}
.radiobox.typeTxt > li:first-child{margin-left:0;}
.radiobox.typeTxt > li input[type=radio] + label:after{display:none;}
.radiobox.typeTxt > li input[type=radio] + label{display:block; line-height:20px; padding:30px; border:none; color:#000; text-align:center; font-size:21px;}
.radiobox.typeTxt > li input[type=radio] + label span{display:block; font-family:'YouandiModernTR';}
.radiobox.typeTxt + .txt_info2{ line-height:20px; margin-top:15px; color:#000;font-size:14px;}
.radiobox.typeTxt .tit{ line-height:21px;font-size:17px;}
.radiobox.typeTxt .tit .rate{ font-family:'YouandiModernTB';font-size:20px;}
.radiobox.typeTxt .tit + .txt{margin-top:30px;}
.radiobox.typeTxt .txt{font-size:14px;}
.radiobox.typeTxt .txt .num{font-weight:normal;}
.radiobox.typeTxt .ico_check{ position:relative;display:inline-block; height:23px; line-height:24px; padding-left:24px; margin-top:40px; color:#1e75d6; font-size:13px;}
.radiobox.typeTxt .ico_check:after{ position: absolute; top:50%; left:0;display:block; width:23px; height:23px; margin-top:-12px; background:url('/m/image/common/sp_input.png') no-repeat 0 0; background-position:-75px 0; background-size:195px 50px; content:'';}
.radiobox.typeTxt > li.on .ico_check:after{background-position:-100px 0px;;}

.radiobox.type6{ display:inline-block; width:100%;}
.radiobox.type6 li{float: left;width:50%;}
.radiobox.type6 li:nth-child(2n+2) input[type=radio] + label{border-left:0;}
.radiobox.type6 li input[type=radio] + label{ padding-left:12px; text-align:center;}
.radiobox.type6 li input[type=radio] + label:after{ display:none;}
.radiobox.type6 li.on:before{ position:absolute; z-index:99; top:0; left:0; width:100%; height:100%; border:1px solid #1e75d6; content:"";}
.radiobox.type6 li.on input[type=radio] + label{ color:#1e75d6;}


.radiobox.type_1.lineH2  > li input[type=radio] + label {height:74px; box-sizing:border-box;}
.list_radio {padding-top:10px;}
.list_radio > li {padding:5px 0;}
.list_radio > li > textarea { width:100%; box-sizing:border-box;padding:20px 12px; margin-top:10px; border:1px solid #e5e5e5;}
.list_radio > li input[type=radio] + label:after {left:0;}
.list_radio > li input[type=radio] + label {padding-right:0; padding-left:35px;}


.btn_info {position:absolute; top:0; right:0;}
.btn_info .btn_open.text > a  {display:block; overflow:visible !important; width:78px !important; height:33px; line-height:33px; padding-top:0 !important; padding-left:0 !important; color:#888; text-indent:0 !important; font-family:'YouandiModernTR'; font-size:13px;}
.btn_info .btn_open.text > a:after {left:60px;}
.btn_info > div { position:fixed !important; z-index:1; z-index:2; top:0; left:0;display:none; line-height:18px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:9px 35px 9px 15px; margin:0 18px; border:1px solid #d5d5d5; color:#666; background-color:#fafafa; font-size:12px;}
.btn_info.type_2 { top:8px;right:12px;}
.btn_info.type_3 {position: relative;top: auto;right: auto;clear: both; margin-top: 15px;text-align:left;}
.btn_info.type_3 .btn_open a { display:inline;width:auto; height:auto; padding:0 0 0 22px; color:#888; text-indent:0;font-size:13px; }
.btn_info.type_3 .btn_open > a:after{ top:0;left:0;}
.btn_info.type_4 {position: relative;top: auto;right: auto;clear: both; margin-top: 15px;text-align:left;}
.btn_info.type_4 .btn_open a { display:inline;width:75px; height:32px; line-height:11px; padding:3px 0 0 22px; color:#888; text-indent:0;font-size:13px;}
.btn_info.type_4 .btn_open > a:after{ top:0;left:0;}
.btn_info.type_after {}
.btn_info.on > div,
.btn_info.on > button,
.btn_info.on .guide_inner > button,
.box_inpuiry .btn_info.on button {display:block;}
.btn_info .btn_open a {display:block; overflow:hidden; width:32px; height:0; padding-top:32px; text-indent:-1000px;}
.btn_info.type_1 .btn_open > a,
.btn_info.type_1 .btn_open > span {display:block; overflow:hidden; width:auto; height:32px; line-height:32px; padding-top:0; padding-left:21px; color:#888; text-indent:0;  font-family:'YouandiModernTR'; font-size:13px;}
.btn_info .btn_open > a:after,
.btn_info .btn_open > span:after { position:absolute; top:8px;left:0;display:block; width:16px; height:16px; line-height:16px; -webkit-border-radius:16px; border-radius:16px; color:#fff; background:#888 url(/m/image/common/info_btn.png) 50% 50% no-repeat; background-size:2px auto; content:''; text-align:center; text-indent:0; font-size:12px;}
.btn_info button,
.box_inpuiry .btn_info button { position:fixed; z-index:11; top:0; right:18px;display:none; width:30px; height:30px; font-size:0;}
.btn_info .guide_inner button{position:absolute;right:0;}
.btn_info button:before,
.btn_info button:after {position:absolute; top:10px; left:15px; width:1px; height:13px; background-color:#000; content:'';}
.btn_info button:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.btn_info button:after {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.btn_info .guide_inner .tit {margin-top:10px; color:#000;}
.btn_info .guide_inner .tit:first-child {margin-top:0;}
.btn_info.type_1 .btn_open > a:after,
.btn_info.type_1 .btn_open > span:after {top:48%; left:0; margin-top:-8px;}
.btn_info.type_2 .btn_open > a:after {top:-5px; left:7px;}
.btn_info.type_1 .btn_open > span {overflow:visible; height:auto; line-height:18px;}
.btn_info.type_1 .btn_open > span:after {top:8px !important;}
.btn_info.type_list_tit { position:relative; top:-20px; left:-8px;display:inline-block;}
.btn_info.type_list_tit  .btn_open a {padding:0;}
.btn_info.club_service .btn_open,
#CPCMA0101_01_CMS03 .box_link_service .h2_tit_1.type_1 + .btn_info .btn_open,
.complete_addon .btn_open{position:absolute;top:-5px;right:0;}
.btn_info.on .list_style_1{padding:0;margin:0;}

.btn_info.tooltip{position:relative;}
.btn_info.tooltip .btn_open a{position: relative;display: inline-block;width:auto;height:auto;	padding: 0 0 0 8px;	border: 1px solid #e5e5e5;color: #666;background: #fff;text-align: center;text-indent:0px;font-family: 'YouandiModernTR';
		font-size: 12px;}
.btn_info.tooltip .btn_open a span{display: block;height: 18px;line-height: 18px;padding: 0 8px 0 0;}
.btn_info.tooltip .btn_open a:after{display:none !important;}

.inline_pos { position:relative;display:inline-block;}
.inline_pos.pr_space {padding-right:30px;}
.inline_pos  .btn_info { top:-7px;right:0px;}

.agree_inner .btn_info,
.list_info_1 .btn_info {position:absolute; top:-8px;right:0;}
.agree_inner .btn_info .btn_open a,
.list_info_1 .btn_info .btn_open a  {position:absolute; top:0; right:0;}
.form_agree.type_3 {position:relative;}
.form_agree.type_3 .btn_info .btn_open a {position:absolute; top:15px; right:4px;}
.info_ht_area .btn_info.type_1,
.list_info_1 .btn_info.type_1,
.list_info_1 .btn_info.type_1 .btn_open > a,
.list_style_1 .btn_info.type_1,
.btn_info.type_1 .btn_open > span{position:relative; top:auto; right:auto; text-align:left;}
.accordion_unit .btn_info.type_1{position:relative; top:auto; right:auto; margin-left:18px; text-align:left;}
.list_info_1 .btn_info.type_1{ clear:both;margin-top:7px;}
.btn_info.type_1.block{position:relative; top:auto; right:auto; clear:both; height:25px; padding-bottom:21px;margin-top:0; border-top:1px solid #e5e5e5; text-align:left;}
.btn_info.type_1.block .btn_open a{ top:8px;right:auto;}

/* 2021-04-20 금소법 - 신용점수 가이드 추가 */
.list_info_1 .btn_info.type_1.type_2 .btn_open > a{height:16px;line-height:16px;vertical-align:bottom;}
.list_info_1 .btn_info.type_1.type_2 .btn_open > a:after{top:0;left:2px;margin-top:0;}
.area_layer.leavepop .box_layer.type4 .txt.pd_miduim2{padding:40px 20px;}
/* 2021-04-20 카드신청 pop 신청 적합성 확인 */
.tbl_area{padding-top:11px;margin-top:20px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;text-align:left;font-size:15px;}
.tbl_area tr + tr{border-top:1px solid #e5e5e5;}
.tbl_area th{padding:10px 0px;color:000;font-weight:normal;}
.tbl_area td{padding:10px 0;border-bottom:0;text-align:right;}

.agree_inner .btn_info .btn_open a {right:8px;}
.list_info_1.type_1 {padding:0;}
.list_inline {clear:both; margin-top:9px; margin-bottom:2px; font-size:0;}
.list_inline.type_1 {margin-top:12px;}
.list_inline.type_2 {margin-top:0;}
.list_inline.type_4 {margin-top:35px;}
.list_inline.type_5 {margin-top:7px;}
.list_inline.type_6 {margin-top:15px;}
.list_inline.type_3:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.list_inline > li { position:relative;display:inline-block; line-height:21px; padding:0 6px; color:#888; font-size:13px;}
.list_inline > li:first-child {padding-left:0;}
.list_inline > li:before { position:absolute; top:5px; left:0;display:block; width:1px; height:10px; background-color:#a2a2a2; content:'';}
.list_inline > li:first-child:before {display:none;}
.list_inline  .time {display:block;}
.list_inline .block {clear:both; padding-left:0; border:0;}
.list_inline .block:before {display:none;}
.list_inline.type_3 li {float:left;}
.list_inline.type_3 .block {clear:both; padding-left:0;}
.list_inline.type_3 .block:before {display:none;}
.list_inline.type_5 > li,
.list_inline.type_5 > p {display:block; line-height:17px; padding-right:0; padding-left:0; color:#888; font-size:12px;}
.list_inline.type_5 > li:before,
.list_inline.type_5 > p:before {display:none;}
.list_inline.type_5 > li img.event_cashback {width:129px !important; padding-top:5px;}
.list_inline_1 {overflow:hidden; margin-top:15px;}
.list_inline_1 li {float:left; line-height:16px; color:#888; font-size:13px;}
.list_inline_1 li:last-child {float:right;}


.choice_group.type_1 {margin:40px 0 25px;}
.sub_tab_type > li > a + div,
.choice_sub .choice_sub_group > *,
.choice_base .choice_group > * {display:none;}
.sub_tab_type > li.on > a + div,
.choice_sub .choice_sub_group > .sub_on,
.choice_base .choice_group > .on {display:block;}
.choice_unit {margin:15px 0;}
.radiobox.type_1 > li.choice_unit {margin:0;}
.sub_tab_type > li.on > a + div,
.citation_tab > li.on .citation_box,
.list_tab_cont > li.on > .box_tab,
.btn_info.on > div,
.btn_info.on button,
.list_tab_cont > li.on > .box_tab { opacity:1;-webkit-animation: itemAniTab 0.5s ease; -moz-animation: itemAniTab 0.5s ease; -o-animation: itemAniTab 0.5s ease; -ms-animation: itemAniTab 0.5s ease; animation: itemAniTab 0.5s ease;}
@-webkit-keyframes itemAniTab {
    0% { overflow:hidden;opacity:0; transform:translate3d(0,50px,0);}
    30% {opacity:0;}
    100% { overflow:visible;opacity:1; transform:translate3d(0,0,0);}
}
@keyframes itemAniTab {
    0% { overflow:hidden;opacity:0; transform:translate3d(0,50px,0);}
    30% {opacity:0;}
    100% { overflow:visible;opacity:1; transform:translate3d(0,0,0);}
}

.choice_base .choice_group > * { opacity:1;-webkit-animation: qweqweewqwrwq 0.5s ease; -moz-animation: qweqweewqwrwq 0.5s ease; -o-animation: qweqweewqwrwq 0.5s ease; -ms-animation: qweqweewqwrwq 0.5s ease; animation: qweqweewqwrwq 0.5s ease;}
@-webkit-keyframes qweqweewqwrwq {
    from {opacity:0;}
    to {margin-top:0px;opacity:1;}
}
@keyframes qweqweewqwrwq {
    from {opacity:0;}
    to {margin-top:0px;opacity:1;}
}

.choice_base .box_auth.choice_group > * {position:relative; top:0px; margin-bottom:50px; opacity:1; -moz-animation: wegefeg 0.5s ease; -o-animation: wegefeg 0.5s ease; -ms-animation: wegefeg 0.5s ease; animation: wegefeg 0.5s ease;}
.choice_base.area_auth .box_auth.choice_group > * {top:0;}
.choice_base .box_auth.choice_group > div.on {margin-bottom:0;}

@-webkit-keyframes wegefeg {
    from {position:relative; top:50px; visibility:hidden; opacity:0;}
    20% {visibility:hidden;}
    to {position:relative; top:0px; visibility:visible; opacity:1;}
}
@keyframes wegefeg {
    from {position:relative;top:50px; visibility:hidden; opacity:0;}
    20% {visibility:hidden;}
    to {position:relative;top:0px; visibility:visible; opacity:1;}
}


.choice_base.baseTy2 > .choice_group > div {top:0; opacity:1; -webkit-animation: wegefeg2 0.3s ease; -moz-animation: wegefeg2 0.3s ease; -o-animation: wegefeg2 0.3s ease; -ms-animation: wegefeg2 0.3s ease; animation: wegefeg2 0.3s ease;}
@-webkit-keyframes wegefeg2 {
    from {position:relative; top:50px;}
    to {position:relative; top:0;}
}
@keyframes wegefeg2 {
    from {position:relative;top:50px;}
    to {position:relative;top:0;}
}


.citation_tab {position:relative; padding-top:79px;}
.box_phone_auth .list_info_1 > li {margin-top: 23px;}
.citation_tab > li > .tabbtn {position:absolute; top:0; left:0;}
.citation_tab > li > .tabbtn span {display:-webkit-box; display:box; height:53px; line-height:19px; border-width:1px 1px 1px 0; border-style:solid; border-color:#e8e8e8; color:#666; background-color:#f8f8f8; text-align:center; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.citation_tab > li.on > .tabbtn span {z-index:1; border-width:1px; border-color:#1e75d6; color:#1e75d6; background-color:#fff;}.citation_tab > li:nth-child(2) > .tabbtn {left:25%;}
.citation_tab > li:nth-child(3) > .tabbtn {left:50%;}
.citation_tab > li:nth-child(4) > .tabbtn {left:75%;}
.citation_tab.size_4 > li > .tabbtn {width:25%;}
.citation_tab > li:first-child > .tabbtn span {border-left-width:1px;}
.citation_tab .list_info_1,
.citation_tab .agree_inner,
.box_auth .agree_inner { padding-right:0;padding-left:0;}
.area_auth { padding:0 18px;margin-top:40px;}
.area_auth + .area_auth {padding-top:40px;}
.area_auth + .area_auth.type_1 { padding-top:0;margin-top:38px;}
.area_auth.type_1 {margin-top:0;}
.area_auth.type_2 {padding:0 18px;}
.area_auth.type_3 {margin-top:23px; margin-bottom:23px;}
.area_auth.line_1 {border-top:1px solid #e5e5e5;}
.box_auth > * {display:none;}
.box_auth > *.on {display:block;}
.box_auth > .type_1 {margin-bottom:40px;}
.area_auth .list_info_1 { padding-right:0;padding-left:0;}
.area_auth  .box_module.type_2 .h2_tit_1 {margin-right:0;}
.area_auth2 { padding:0 18px;margin-top:40px;}
.agree_inner2 {position:relative; padding:0 18px;}
.area_content .area_auth + .txt_info.type_8 {padding:0 18px;}
.input_pad {margin-top:15px;}
.input_pad .input_pos + .form_select select {border-top:0;}
.list_tab:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.list_tab { margin-bottom:25px;margin-left:1px;}
.list_tab.type_1 {margin-bottom:0;}
.list_tab.type_2 {margin:25px 0;}
.list_tab.type_2 > li >a {height:29px;}
.list_tab.type_3 > li >a {height:72px;}
.list_tab > li {float:left;}
.list_tab > li > a {display:-webkit-box; display:box; height:43px; line-height:19px; padding:5px; margin:-1px 0 0 -1px; border:1px solid #e8e8e8; color:#666; background-color:#fafafa; text-align:center; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}


.list_tab.lineH2 > li > a {height:62px;}
.list_tab.size_6 > li.half_ty1 {width:50%;}
.monthly_detail .list_tab > li > a {height:29px;}
.list_tab > li.on{font-weight:bold;}/* 웹 접근성 작업 2019-06-13 */
.list_tab > li.on > a {position:relative; z-index:1; border-color:#1e75d6; color:#1e75d6; background:#fff;}
.list_tab.size_2 > li {width:50%;}
.list_tab.size_4 > li {width:25%;}
.list_tab.size_3 > li,
.list_tab.size_5 > li,
.list_tab.size_6 > li {width:33.33333%;}
.list_tab.size_5 > li:nth-child(4),
.list_tab.size_5 > li:nth-child(5) {width:50%;}
.list_tab.size_5 > li:first-child label{margin-left:-1px !important;}
.inner_txt { line-height:22px;margin-bottom:40px; color:#666; text-align:center; font-size:15px;}
.list_tab_cont {position:relative; padding-top:60px;}
.list_tab_cont.type_1 {padding-top:50px;}
.list_tab_cont.type_1.line {padding-top:51px;}
.list_tab_cont > li > .tit_tab {position:absolute; top:0; border-bottom:1px solid #aaa;}
.list_tab_cont > li > .tit_tab a { position:relative;display:-webkit-box; display:box; height:50px; color:#000; text-align:center; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.list_tab_cont > li.on > .tit_tab a {color:#1e75d6;}
.list_tab_cont > li.on > .tit_tab a:after { position:absolute; bottom:0; left:0;display:block; width:100%; height:3px; background-color:#1e75d6; content:'';}
.list_tab_cont > li > .box_tab {display:none;}
.list_tab_cont > li > .box_tab.type_1 {padding:0 18px;}
.list_tab_cont > li.on > .box_tab {display:block;}
.list_tab_cont > li > .box_tab.type_1 .h3_tit_2:first-child {margin-top:15px;}
.list_tab_cont.size_2 > li > .tit_tab {width:50%;}
.list_tab_cont.size_2 > li:nth-child(2) > .tit_tab {left:50%;}
.list_tab_cont.type_2 { overflow:hidden;padding:0 0 0;}
.list_tab_cont.type_2:before { position:absolute; z-index:100; top:101px; left:0;display:block; width:100%; height:1px; background:#aaa; content:"";}
.list_tab_cont.type_2 > li {float:left; width:50%;}
.list_tab_cont.type_2 > li > .tit_tab {position:static;}
.list_tab_cont.type_2 > li > .tit_tab a {border-bottom:1px solid #e5e5e5; font-size:13px;}
.list_tab_cont.type_2 > li.on > .tit_tab a:after {display:none;}
.list_tab_cont.type_2 .box_tab {position:absolute; top:101px; left:0; width:100%;}
.list_tab_cont.size_3 > li > .tit_tab {width:33.33%;}
.list_tab_cont.size_3 > li:nth-child(2) > .tit_tab {left:33.33%;}
.list_tab_cont.size_3 > li:nth-child(3) > .tit_tab {left:66.66%;}
.cardnumber {display:-webkit-box; display:box; border:1px solid #e5e5e5; background-color:#fff; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center;}
.cardnumber select {border: 0 none;}
.cardnumber.disabled {background:#f8f8f8;}
.cardnumber *:not(.span_hyphen) { display:-webkit-box; display:box; border:none; text-align:center;-webkit-box-flex:1;}
.cardnumber .span_hyphen {display: inline-block; overflow:hidden; width:10px; height:1px; padding:0; background: #ccc; text-indent: -10000px; vertical-align: middle;}
.error_txt.type_1 {position:absolute; top:42px; right:0;}
.error_txt {display:none; clear:both; line-height:1.2; padding:10px 0 0 11px; color:#fc3636; background:url(/image/common/bul_list_04.png) no-repeat 0 14px; text-align:left; font-size:13px;}
.result.validate.error { clear:both; line-height:1.2;padding:10px 0 0 11px; color:#fc3636; background:url(/image/common/bul_list_04.png) no-repeat 0 14px; text-align:left; font-size:13px;}
.error_txt.show {display:block;}
.error_txt_01 {display:none; float:right; clear:both; line-height:1.2; padding:10px 0 0 11px; color:#fc3636; background:url(/image/common/bul_list_04.png) no-repeat 0 14px; text-align:left; font-size:13px;}
.error_txt_01.show {display:block;}
input[type="password"]:disabled.dis_pw{color:#333;text-indent:-6px;letter-spacing:-6px; font-size:30px;}
.description {display:none;}
.validate {line-height:2.2;}
.validate.error { line-height:2.2;color:#e93333;}
input.error {border:1px solid #e93333; background:#fff; font-weight:normal;}
textarea.error {border:1px solid #e93333; background:#fff; font-weight:normal;}
select.error + .select_wrap {border:1px solid #fc3636;}
select.error {border:1px solid #fc3636 !important;}
.date_mm_yy { position:relative;float:left; width:50%; -webkit-box-sizing:border-box; box-sizing:border-box; padding-right:4px;}
.date_mm_yy + .date_mm_yy {padding-right:0; padding-left:4px;}
.date_mm_yy button.hcbtn.mouse {height:0;}
.date_mm_yy.type_wide {width:100% !important; padding-right:0;}
.date_mm_yy.type_wide input {background-position:97.3% 50% !important;}
.date_mm_yy input[type=date] {width:100%; min-height:53px; padding-top:14px; padding-bottom:14px; background:url(/m/image/common/icon_calendar.png) 95% 50% no-repeat; background-size:20px auto; -webkit-appearance:none;}
.infor_title {margin-top:37px;}
.birthday:after {display:block; clear:both; content:'';}
.birthday .input_pos { float:left; width:28%;-webkit-box-sizing:border-box; box-sizing:border-box; padding-left:8px;}
.birthday .input_pos:first-child {width:44%; padding-left:0;}
.birthday .input_pos + .input_pos {margin-top:0;}
.input_pos.date_mm_yy +.input_pos.date_mm_yy {margin-top:0;}
.birthday.phone {*zoom:1;}
.birthday.phone:after {display:block;clear:both;content:'';}
.birthday.phone .input_pos {width:40%;}
.birthday.phone .input_pos.n02 {width:60%;}


.accordion_unit.on .box_fold,
.spread_list.on .spread_fold {display:block;}
.accordion_unit .box_fold{margin:0;}


.view_box {padding-top:15px;}
.agree_inner {position:relative; padding:0 18px; margin-top:37px;}
.agree_inner .h2_tit_1 .checkbox{float:right; margin-top:-2px;}
.agree_inner.type_1 { padding-right:0;padding-left:0;}
.agree_inner:first-child {margin-top:0;}
.checkbox_list {border:1px solid #e8e8e8;}
.checkbox_list > li {position:relative;overflow:hidden; padding:15px 30px 15px 12px; border-top:1px solid #e8e8e8;}/*20210514 overflow:hidden; 추가*/
.checkbox_list > li.on {background-color:#f0f0f0;}
.checkbox_list > li input[type=checkbox] + label {display:-webkit-box; display:box; min-height:23px; line-height:18px; font-size:13px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.checkbox_list > li:first-child {border-top:none;}
.checkbox_list > li .hcbtn4 {position:absolute; top:50%; right:0px;overflow:hidden; margin-top:-15px;}
.checkbox_list > li .hcbtn4 span{position:absolute;top:0;left:0;width:100%;height:100%;line-height:30px;color:transparent;text-align:center;text-indent:0;white-space:nowrap;}/* 웹 접근성 작업 2019-06 */
.checkbox_list > li ul.group_2:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.checkbox_list > li div.group_2,
.checkbox_list > li ul.group_2 > li {position:relative; margin-top:10px;}
.checkbox_list > li ul.group_2 > li {float:left;}
.checkbox_list > li ul.group_2.size_1 > li {width:100%;}
.checkbox_list > li ul.group_2.size_2 > li {width:50%;}
.checkbox_list > li ul.group_2 {margin-top:0;}
.checkbox_list > li .group_2 input[type=checkbox] + label { color:#888;font-size:13px;}
.checkbox_list > li .group_1 input[type=checkbox] + label {color:#000;}
.checkbox_list > li .link_layer { display:block !important;width:auto !important;}
.checkbox_list > li span.checkbox + div {height:0 !important;}
.checkbox_list > li .group_2.text_area{margin-left:20px;}
.checkbox_list > li .group_2.text_area ol, .checkbox_list > li .group_2.text_area ul{margin-bottom:12px;}
.checkbox_list > li .group_2.text_area ol li{color:#888;font-size:12px;}
.checkbox_list > li .group_2.text_area .list_dot_2.num > li span.num{margin-left:-1.6em;}
.checkbox_list > li .group_2.text_area ul li{font-size:12px;}


/* 2018-01-24 추가 */
.checkbox_list2 { border:1px solid #e8e8e8;background-color:#fff;}
.checkbox_list2 > li {position:relative; padding:15px 12px; border-top:1px solid #e8e8e8;}
.checkbox_list2 > li input[type=checkbox] + label {display:-webkit-box; display:box; min-height:23px; line-height:18px;color:#282828; font-size:13px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.checkbox_list2 > li:first-child {border-top:none;}
.checkbox_list2 > li .hcbtn4 {position:absolute; top:50%; right:0px; margin-top:-16px;}
.checkbox_list2 > li .tit .hcbtn4 {left:0px;}
.checkbox_list2 > li .tit .hcbtn4 span{position:absolute;top:0;width:100%;height:100%;line-height:30px;color:transparent;}/* 웹 접근성 작업 2019-06 */
.checkbox_list2 > li ul.group_2:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.checkbox_list2 > li div.group_2,
.checkbox_list2 > li ul.group_2 > li {position:relative; margin-top:10px;}
.checkbox_list2 > li ul.group_2 > li {float:left;}
.checkbox_list2 > li ul.group_2.size_1 > li {width:100%;}
.checkbox_list2 > li ul.group_2.size_2 > li {width:50%;}
.checkbox_list2 > li ul.group_2 {margin-top:0;}
.checkbox_list2 > li .group_2 input[type=checkbox] + label { color:#888;font-size:13px;}
.checkbox_list2 > li .group_1 input[type=checkbox] + label {color:#000;}
.checkbox_list2 > li .link_layer { display:block !important;width:auto !important;}
.checkbox_list2 > li span.checkbox + div {height:0 !important;}
.checkbox_list2 > li span.checkbox + div.pos_relative {height:auto !important;}/*20210521 추가*/
.checkbox_list2 > li div.pos_relative .grade{bottom:0;left:10px;}/*20210521 추가*/
.checkbox_list2 > li > div {position:relative;}
.checkbox_list2 > li > div.tit .non_check{min-height:23px; line-height:18px;padding-left:35px;color:#282828;font-size:13px;}
.checkbox_list2 > li > div.tit .hcbtn4:before { top:12px; left:8px;width:1px; height:9px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.checkbox_list2 > li > div.tit .hcbtn4:after {top:12px;left:14px;width:1px; height:9px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.checkbox_list2 > li.on > div.tit .hcbtn4:before {top:12px; left:8px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.checkbox_list2 > li.on > div.tit .hcbtn4:after {top:12px; left:14px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.checkbox_list2 > li .tit input[type=checkbox] + label {padding-right:35px;}
.checkbox_list2 > li .tit input[type=checkbox] + label:after {right:0;left:auto;}

.checkbox_list.typeTxt{margin-top:25px; border:none;}
.checkbox_list.typeTxt:after{display:block; clear:both; content:'';}
.checkbox_list.typeTxt > li{float:left; width:calC(50% - 4px); height:150px; box-sizing:border-box; padding:0; margin-top:8px; border:none; background:#f6f6f6;}
.checkbox_list.typeTxt > li:first-child, .checkbox_list.typeTxt > li:nth-child(2){margin-top:0;}
.checkbox_list.typeTxt > li:nth-of-type(2n){margin-left:8px;}
.checkbox_list.typeTxt > li input[type=checkbox] + label{display:block; height:100%; box-sizing:border-box; padding:40px 10px 15px; text-align:center;}
.checkbox_list.typeTxt > li input[type=checkbox] + label:after{position:absolute; top:16px; right:16px !important; left:auto; width:23px; height:23px; margin-top:0; background:url('/m/image/common/sp_input.png') no-repeat 0 0; background-position:-75px 0; background-size:195px 50px;}
.checkbox_list.typeTxt > li input[type=checkbox] + label.on:after{background-position:-100px 0px;}
.checkbox_list.typeTxt > li input[type=checkbox] + label span{display:block;line-height:20px;color:#000;}
.checkbox_list.typeTxt > li input[type=checkbox] + label .tit{font-size:15px;}
.checkbox_list.typeTxt > li input[type=checkbox] + label .tit .rate{ font-family:'YouandiModernTB';font-size:18px;}
.checkbox_list.typeTxt > li input[type=checkbox] + label .txt{ line-height:17px;margin-top:15px; font-size:12px;}

span.txt_1 + div.txt_2 .link_layer {width:auto !important; padding:0;}
.checkbox_list > li span.link_layer { display:block !important;width:auto !important; padding:0 !important; margin:0 !important;}
.checkbox_list > li span.link_layer.mt5:before{display:block;margin-top:5px;content:"";}/*20210514 추가*/
.agreement .checkbox_list > li {padding-right:12px;}
.agreement .checkbox_list .list_dot_2  {margin:13px 0 0;}
.agreement .checkbox_list .list_dot_2  li  { color:#888;font-size:13px;}
 .checkbox_list.checkboxOnly > li {padding:12px 12px 10px 12px;}
.checkbox_list.type_1 > li { padding:9px 30px 9px 12px;background:#f0f0f0;}
.checkbox_list2 .checkbox_list.type_1 > li {padding:15px 35px 15px 12px;}
.checkbox_list.type_2{padding:15px 30px 15px 12px;}  /* 2017-12-01 추가 */
.checkbox_list.type_3 > li { padding:15px 30px 15px 12px;background:#f0f0f0;}


.allCk_list.checkbox_list > li {float:none; padding:15px 30px 15px 12px;}
.allCk_list.checkbox_list .allCk {display:block;line-height:23px;}
.allCk_list.checkbox_list .hcbtn4 {top:11px; margin-top:0px;}
li.allCk_list div .btnvT {top:7px; margin-top:0px;}
li.allCk_list {position:relative;}


#agreeGroup0 {padding-top:15px;}
#agreeGroup0 .box_guide { padding-top:40px;border-top:1px solid #ddd;}
#agreeGroup0 .checkbox_list {border:1px solid #e1e7ef;}
#agreeGroup0 .checkbox_list > li.on {background-color:#edf4fc !important;}


.visual_txt {padding:55px 18px 40px; text-align:center;}
.midle_tex { line-height: 20px; color: #666666; text-align: center;font-size: 13px; }
.visual_txt.type_1 {padding:55px 0 60px;}
.visual_txt.type_2 { padding-bottom:60px;margin-bottom:24px; border-bottom:1px solid #e5e5e5; background-color:#fafafa; font-size:21px;}
.visual_txt.type_3 {padding-bottom:60px; border-bottom:1px solid #e5e5e5; background-color:#fafafa; font-size:21px;}
.visual_txt.type_5 {padding-bottom:0;}
.visual_txt.type_6 { padding-top:28px; padding-bottom:28px;margin:0; background-color:#fafafa;}
.visual_txt.line_no {border-bottom:none;}
.visual_txt .txt + .noti {margin-top:7px;}
.visual_txt .noti { line-height:28px;font-size:21px;}
.visual_txt .noti .small_txt {font-size:13px;}
.visual_txt .noti2 { line-height:24px;font-size:17px;}
.visual_txt .noti3 { line-height:24px;font-size:20px;}
.visual_txt .noti4 { line-height:24px; color:#666;font-size:15px;}
.visual_txt .noti_small { line-height:21px; color:#666;font-size:13px;}
.visual_txt .noti_small.type_1 { line-height:17px;margin-top:12px;}
.visual_txt .noti_small.type_2 { line-height:18px;margin-top:16px;}
.visual_txt .noti_small .phone {color:#1e75d6;}
.visual_txt .noti_small + .btn_area {margin-top:45px;}
.visual_txt .noti + .noti_small {margin-top:31px; word-wrap:break-word; word-break:keep-all;}
.visual_txt .noti + .noti_small .hcbtn1{margin:16px 0 15px 0;}
.visual_txt .noti + .noti_small .hcbtn1.tel{margin:0;}
.visual_txt .noti + .noti_small.type_1 {margin-top:12px;}
.noti_small .tel {color:#1e75d6;}
.visual_txt .noti_small + .list_sum {margin-top:25px;}
.visual_txt .noti + .list_sum {margin-top:55px;}
.visual_txt .list_sum + .contents_footer .btn_area {margin-top:40px;}
.visual_txt .noti.type_1 { line-height:34px; color:#000;font-size:21px;}
.visual_txt .noti.type_2 { line-height:20px; color:#000; font-family:'YouandiModernHEB';font-size:17px;}
.visual_txt .noti.type_3 {line-height:22px;font-size:15px;}
.visual_txt .txt { line-height:20px;margin-top:35px; color:#666; font-size:13px;}
.visual_txt .txt .p_1 {margin-top:15px;}
.visual_txt .tit { line-height:28px; color:#000;font-size:21px;}
.visual_txt + .contents_footer .btn_area {margin-top:0; font-size:0;}
.visual_txt.type_4 { padding-bottom:60px;margin-bottom:24px; border-bottom:1px solid #e5e5e5; color:#666; background-color:#fafafa; font-size:21px;}
.visual_txt.type_5 {padding-top:30px;padding-bottom:30px;margin-bottom:40px;border-bottom:1px solid #e5e5e5; background-color:#fafafa;}
.visual_txt.type_6 {padding:60px 0 22px; text-align:center;}
.visual_txt.type_7 {padding:35px 0 40px; text-align:center;}
.visual_txt.type_8 {padding:60px 0 40px; text-align:center;}
.visual_txt.type_9 {padding:15px 0 15px 20px; border-bottom:1px solid #e5e5e5; color:#888; background-color:#fafafa; text-align:left;}
.visual_txt.type_10 {padding:0 20px; border-bottom:1px solid #e5e5e5; background-color:#fafafa;}
.visual_txt.message { padding-bottom:40px;margin-bottom:15px; border-bottom:1px solid #e5e5e5; background-color:#fafafa; font-size:21px;} /* 2017-03-08 */
.visual_txt.type_11 {padding-top:28px; padding-bottom:28px;} /* 2021-02-05 GGU282 - [카드안내신청] 대한항공 상세 내 개선(비교페이지) 작업 요청의 건 - 추가 */


.area_scroll { *zoom:1; overflow-x:scroll;overflow-y:hidden;border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:0; -webkit-overflow-scrolling:touch;}
.area_scroll::-webkit-scrollbar {-webkit-appearance:none;}
.area_scroll::-webkit-scrollbar-thumb {background-color:transparent; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);}
.area_scroll.type_1 { padding-right:18px; padding-left:18px;margin:25px 0; border:none;}
.area_scroll.type_2 { padding:25px 18px;margin:0; border:none; background-color:#fafafa;}
.area_scroll.type_3 {border-bottom:none;}
.area_scroll.type_4 { margin:15px 0 25px;border:none;}
.area_scroll.type_5 {height:auto; padding:0 18px; border:none; background-color:transparent;}
.area_scroll.type_6 {margin-right:50px;}
.area_scroll.type_7 {margin-right:-18px;}
.area_scroll.type_8 {border:none;}
.area_scroll.type_4 .h2_tit_1 {width:130%;}
.area_scroll.type_4 .form_table { width:130%;margin-left:18px; border-right:18px solid #fff;}
.area_scroll.type_4 .form_table.type_2 {margin-left:0;}
.area_scroll.type_4 .form_table.width_1 { width:160%; margin-top:10px;margin-left:18px;}
.area_scroll.type_4 .form_table.width_2 {width:200%;}
.area_scroll .sub_tab_cate1,
.area_scroll .list_tit,
.area_scroll .form_table {-webkit-animation:slideLeft 0.5s cubic-bezier(0.645,0.045,0.355,1); animation:slideLeft 0.3s cubic-bezier(0.645,0.045,0.355,1);}
.sub_tab_cate1.tab_w5n{padding-right:51px;}
.area_scroll + .tab_content {border-top:0;}
.choice_base .area_scroll.line_1.choice_radio.no_brd {margin:0;}
.choice_base .area_tit.type_white .area_scroll.line_1 {border-bottom:0px;}

@-webkit-keyframes slideLeft {
    from {opacity:0; -webkit-transform:translate3d(100px,0,0); transform:translate3d(100px,0,0);}
    to {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
}
@keyframes slideLeft {
    from {opacity:0; -webkit-transform:translate3d(100px,0,0); transform:translate3d(100px,0,0);}
    to {opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
}
.area_scroll.line_1 {border-top:none;}
.list_tit:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.list_tit {width:100%; white-space:nowrap; font-size:0;}
.list_tit li {display:inline-block;}
.list_tit li a { position:relative; display:block;width:100%; line-height:50px; box-sizing:border-box; padding:0 15px; color:#000; text-align:center; white-space:nowrap; font-size:15px;}
.list_tit li a span { line-height:17px; color:#666;font-size:13px;}
.list_tit li.on a, .list_tit li.on a span {color:#1e75d6; font-weight:bold;}
.list_tit li.on a:after {position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#1e75d6; content:'';}
.list_tit li a .hidden_txt, .list_tit li.on a .hidden_txt{top:auto;bottom:0;color:transparent;}/* 웹 접근성 작업 2019-06 */
/* 2018-02-06 추가 */
.list_tit.size_3 > li {width:33.333%;}
.scroll_tab_activated ul,
.scroll_tab_activated .list_tit {position:relative;}
.scroll_tab_activated ul li,
.scroll_tab_activated .list_tit li {position:static;}
.scroll_tab_activated ul li.on a:after,
.scroll_tab_activated .list_tit li.on a:after {display:none;}
.scroll_tab_activated ul li .tab_on_span,
.scroll_tab_activated .list_tit li .tab_on_span {position:absolute;z-index:1;bottom:0;left:0; height:3px; background-color:#1e75d6; font-weight:bold;/*  background-color:#fff;  */}/* 웹 접근성 작업 2019-06 *//* tab 하단 띠 복구 2019-09-19 */
.scroll_tab_activated .sub_tab_cate1 li .tab_on_span {background:#1e75d6;/* background:#fff */}/* 웹 접근성 작업 2019-06 */
.CPUCG0101_02 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span,
.CPUCG0101_04 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span,
.CPUCG0101_06 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span,
.CPUCG0101_08 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span,
.CPUCG0101_01 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span,
.CPUCG0101_03 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span,
.CPUCG0101_05 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span,
.CPUCG0101_07 .area_scroll.scroll_tab_activated .sub_tab_cate1 li .tab_on_span{ color:transparent;
background:#fff;}
.CPUCG0101_01 .area_scroll.scroll_tab_activated .sub_tab_cate1,
.CPUCG0101_02 .area_scroll.scroll_tab_activated .sub_tab_cate1,
.CPUCG0101_03 .area_scroll.scroll_tab_activated .sub_tab_cate1,
.CPUCG0101_04 .area_scroll.scroll_tab_activated .sub_tab_cate1,
.CPUCG0101_05 .area_scroll.scroll_tab_activated .sub_tab_cate1,
.CPUCG0101_06 .area_scroll.scroll_tab_activated .sub_tab_cate1,
.CPUCG0101_07 .area_scroll.scroll_tab_activated .sub_tab_cate1,
.CPUCG0101_08 .area_scroll.scroll_tab_activated .sub_tab_cate1{height:50px;}/* 앱 웹 접근성 작업 2019-12 */

.accessibility_txt{  position:absolute !important; z-index:-1; top:0; left:0;display:block !important; width:0 !important; height:0 !important; line-height:0 !important;color:transparent !important; background:none !important; text-indent:-5000px !important; font-size:1px !important;}
.cardnumber .accessibility_txt,.input_pos.vdForm .accessibility_txt{ position: absolute !important; top: 0; left: 0; display: block !important; width: 100% !important; height: 100% !important; line-height: 0 !important; color: transparent !important; background: none !important; text-indent: -5000px !important;
font-size: 1px !important;-webkit-box-flex: none !important;}

/* 웹 접근성 작업 2019-09-19 */

.list_tit.type_2 li a {width:50%;}
.list_card_kind_img {padding:5px 18px 0; border-top:8px solid #ededed;}
.list_card_kind_img.line_no {border-top:none;}
.list_card_kind_img.line_no_1,
.list_card_kind_img.line_no_2 {border-top:none; border-bottom:none;}
.list_card_kind_img > li {position:relative; min-height:71px;padding:25px 0 25px 128px; border-top:1px solid #e5e5e5;}
.list_card_kind_img.line_no_1 > li {border-bottom:1px solid #e5e5e5 !important;}
.list_card_kind_img.line_no_1 > li:last-child {border-bottom:1px solid #e5e5e5;}
.list_card_kind_img > li:last-child {padding-bottom:24px;}
.list_card_kind_img > li .img {position:absolute;top:25px; left:0; width:112px;}
.list_card_kind_img > li .tit { line-height:19px;margin-bottom:5px; color:#000; font-size:15px;}
.list_card_kind_img > li .txt { line-height:17px; color:#888;font-size:12px;}
.list_card_kind_img > li img.event_cashback {width:auto !important; height:27px;}
.list_card_kind_img.type_1 > li {padding-left:160px;}
.list_card_kind_img.type_1 > li .img {left:35px;}
.list_card_kind_img.type_1 > li > input[type=checkbox] + label:after {top:33px;}
.list_card_kind_img.type_1 > li > .radiobox,
.list_card_kind_img.type_1 > li > .checkbox {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.list_card_kind_img.type_1  .radiobox.type_8 input[type=radio] + label:after {top:21px;margin-top:0;}
.list_card_kind_img.ck_list_1 { padding-bottom:6px;margin-top:6px; border-top:none;}
.list_card_kind_img.ck_list_1  li:last-child .radiobox {border-bottom:0;}
.list_card_kind_img .ellipsis2 { display:-webkit-box !important; overflow:hidden; text-overflow:ellipsis; word-break:break-all;-webkit-line-clamp:2; -webkit-box-orient:vertical;}

.area_fold { position:relative;overflow:hidden;padding:22px 18px 20px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background-color:#fafafa;}
.area_fold.type1 {padding:25px 18px;}
.area_fold.type_1 {border-top:9px solid #ededed;}
.area_fold.type_2.on {padding:25px 18px 20px 18px;}
.area_fold.on {padding-bottom:53px;}
.area_fold .box_fold {overflow:hidden;max-height:56px;}
.area_fold.on .box_fold {overflow:hidden; max-height:900px;}
.area_fold .list_style_1 {width:93%; margin:0;}
.list_style_1.line_1 { padding-top:11px;margin-top:12px; border-top:1px solid #e5e5e5;}
.list_style_1 li a {color:#1e75d6; text-decoration:underline;}
.list_style_1 li .btn_info .btn_open a {color:#888; text-decoration:none;}
.list_style_1 li a.tel, .list_style_1 li a.hcbtn_cur_1 {color:#888; text-decoration:none;}
.btn_open.type_1 {position:absolute; right:4px; bottom:14px; width:40px; height:40px;}
.btn_open.type_1 a { position:relative; z-index:1;display:block; overflow:hidden; width:100%; height:0; padding-top:40px; /* text-indent:-10000px; */}
.btn_open.type_1 a span{position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;color:transparent;text-align:center;font-size:5px;}/* 웹 접근성 작업 2019-06 */
.btn_open.type_1:before,
.btn_open.type_1 a:before,
.btn_open.type_1 a:after { position:absolute;display:block; content:'';}
.btn_open.type_1:before {top:10px; left:10px; width:17px; height:17px; border:1px solid #aaa; background-color:#fff;}
.btn_open.type_1 a:before,
.btn_open.type_1 a:after {top:17px; left:50%; width:1px; height:6px; background-color:#666;}
.btn_open.type_1 a:before { margin-left:-3px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.btn_open.type_1 a:after { margin-left:1px;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.btn_open.type_2 {position:absolute; top:25px; right:18px;}
.btn_open.type_2 a { position:relative; z-index:1;display:block; overflow:hidden; line-height:24px; padding:0 20px 0 6px; border:1px solid #aaa; -webkit-border-radius:2px; border-radius:2px; color:#333; font-size:12px;}
.btn_open.type_2:before,
.btn_open.type_2 a:before,
.btn_open.type_2 a:after { position:absolute;display:block; content:'';}
.btn_open.type_2 a:before,
.btn_open.type_2 a:after {top:9px; width:1px; height:6px; background-color:#666;}
.btn_open.type_2 a:before { right:8px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.btn_open.type_2 a:after { right:11px;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.area_fold.on > .btn_open.type_1 a:after,
.box_wrap.on .btn_open.type_1 a:after,
.area_fold.on > .btn_open.type_2 a:after,
.box_wrap.on .btn_open.type_2 a:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.area_fold.on > .btn_open.type_1 a:before,
.box_wrap.on .btn_open.type_1 a:before,
.area_fold.on > .btn_open.type_2 a:before,
.box_wrap.on .btn_open.type_2 a:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.btn_open.type_6 {position:absolute; top:132px; left:110px;}
#personalInfo .giro {position:relative;}
#personalInfo .btn_open.type_1.type_6 {top:auto; bottom:-11px;}
.giro > .btn_open.type_1 a.on:after {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.giro > .btn_open.type_1 a.on:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.giro > .btn_open.type_1 a:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.giro > .btn_open.type_1 a:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.area_fold,
.area_fold .box_fold {-webkit-transition:all 0.5s cubic-bezier(0.55,0.055,0.675,0.190); transition:all 0.5s cubic-bezier(0.55,0.055,0.675,0.190);}
.list_fold .box_wrap,
.btn_open.type_2 a:before,
.list_fold .box_wrap .list_inline,
.btn_open.type_2 a:after {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.list_fold .box_wrap {overflow:hidden; max-height:49px;}
.list_fold .box_wrap.on {max-height:2000px;}
.list_fold .box_wrap.type1{max-height:91px;}
.list_fold .box_wrap.type2{max-height:44px;}
.list_fold .box_wrap.type2 .date{margin-top:22px;}
.list_fold .box_wrap.on.type1,
.list_fold .box_wrap.on.type2{max-height:2000px;}
.list_fold .box_wrap .checkbox {position:relative; z-index:1; top:0; left:0; width:100%; height:100%;}
.list_myaccount_2.list_fold .box_wrap .list_inline {padding-right:17px; margin:11px 0 1px;}
.list_myaccount_2.list_fold .box_wrap .list_inline + .list_inline{margin-top:0;}

@media only screen and (min-width:401px){
    .skip_payment .list_fold .box_wrap {overflow:hidden; max-height:52px;}
    .skip_payment .list_fold .box_wrap.on {max-height:2000px;}
}
@media only screen and (max-width:400px){
    .list_myaccount_2 > li .tit {padding-right:30% !important; color:#000; font-size:15px;}

    .skip_payment .list_fold .box_wrap {overflow:hidden; max-height:52px;}
    .skip_payment .list_fold .box_wrap.on {max-height:2000px;}
}


.area_layer { position:fixed; z-index:99; top:0; left:0;display:none; overflow: auto; width:100%; height:100% !important; line-height:22px; color:#666; background-color:#fff; font-size:14px;}
.area_layer .box_layer.type_4 .area_tit.type_white {border-bottom:0;}
.area_layer .box_layer.type_4 .txt_layer_center {margin-top:0; margin-bottom:17px; color:#666;}
.area_layer .box_layer.type_4 .btn_area {position:absolute; right:0; bottom:0; left:0; padding:0;}
.area_layer .box_layer.type_4 .btn_area > a {display:block; width:100%; border-radius:0;}
.area_layer.compact { position:absolute; z-index:20; top:0; left:0;display:none; width:100%; line-height:22px; color:#666; background-color:#fff; font-size:14px;}
.area_layer.compact .area_wrap {margin:0 20px;}
.area_layer.type_1{background-color:#f6f6f6;}
.box_layer {margin:25px 18px;}
.box_layer.type_1 {padding:0 0 18px;}
.box_layer.type_2 { padding-top:25px;margin-top:0; border-top:1px solid #e5e5e5;}
.box_layer.type_3 {padding:25px 0;}
.box_layer.type_4 {padding:0 0 40px;}
.box_layer.type_4 p.btn_area > a { width:158px;margin:0 auto;}
.box_layer.type_5 {padding:0;}
.box_layer.type_5 .btn_area {margin:25px 0 40px;}
.box_layer.type_7 {padding:0 0 25px;}
.box_layer.type_8 {padding:0 18px;}
.box_layer.type_9 {margin:21px 18px;}
/* 2018-03-05 수정 */
.box_layer.type_10 {margin:40px 18px;text-align:center;}
.box_layer.type_10 .tit {line-height:20px;padding:20px 0;color:#000;
	word-break:keep-all;font-family:'YouandiModernHEB';font-size:15px;}
.box_layer.type_10 .txt {color:#000;}
.box_layer.type_11 {padding:24px;background-color:#fafafa;text-align:center;}
.box_layer.type_11 .tit {line-height:20px;padding:0 20px 0;color:#666;
	word-break:keep-all;font-family:'YouandiModernHEB';font-size:15px;}
.box_layer.type_11 .txt {color:#666;}
/* 2018-08-27 M포인트 Special 관련 - box_layer type 추가 */
/* //2018-03-05 수정 */
/*2019-07-16 add*/
.box_layer.type_12{padding:0 0 18px;margin:0;}
.box_layer.type_12 .tit{padding:18px 0;margin:0;border-bottom:1px solid #aaa;color:#333;text-align:center;font-size:19px;}
.box_layer .txt_noti{padding:14px 18px;border-bottom:1px solid #e5e5e5;color:#666;background:#fafafa;font-size:13px;}

.box_layer_1 {margin:10px 0 25px;}
.area_layer .list_dot_1 {margin:0;}
.area_layer .list_dot_1.type_layer {margin:13px 0;}
.area_layer .list_dot_1 li { line-height:21px;margin-top:22px; color:#666; font-size:14px;}
.area_layer .list_dot_1.type_layer li { line-height:18px;margin-top:0; color:#888; font-size:12px;}
.area_layer .list_dot_2.type_1 .list_dot_1 li {color:#666;}
.area_layer .list_dot_1 li:first-child {margin-top:0;}
.area_layer .list_dot_1.type_5 li { line-height:21px;margin:0; color:#888; font-size:14px;}
.area_layer .btn_close, .area_layer .btn_close1 {position:absolute; top:8px; right:8px;}
.area_layer .btn_close a, .area_layer .btn_close1 a { position:relative; z-index:11;display:block; overflow:hidden; width:39px; height:0; padding-top:100%; content:-10000px;}
.area_layer .btn_close a span, .area_layer .btn_close1 a span{position:absolute;top:0;left:0;display:block;overflow:hidden;width:100%;height:100%;line-height:20px;color:transparent;text-align:center;}/* 웹 접근성 작업 2019-06 */
.main #m_index_cms35 .area_layer .btn_close a span{position:relative;color:#0070f0;}/* 웹 접근성 작업 2019-06 */
.area_layer .btn_close a:before,
.area_layer .btn_close a:after, .area_layer .btn_close1 a:before, .area_layer .btn_close1 a:after { position:absolute; top:7px; left:19px;display:block; width:1px; height:25px; background-color:#000; content:'';}
.area_layer .btn_close a:before, .area_layer .btn_close1 a:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.area_layer .btn_close a:after, .area_layer .btn_close1 a:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
/*2017-02-08 s*/
.area_layer .btn_close.type02 a {height: 39px;line-height:0;padding-top: 0;background: url('/image/btn/btn_close_06.png') no-repeat 50% 50%;text-indent:-10000px;font-size:0;}
.area_layer .btn_close.type02 a span {display: block;height: 100%;}
.area_layer .btn_close.type02 a:before,
.area_layer .btn_close.type02 a:after {display:none;}
/*2017-02-08 e*/
.area_layer .tit_wrap h3 { min-height:22px;padding:15px 55px;}
.area_layer .tit_wrap2 h3 {padding:16px 0 17px 0; text-align:center; font-size:19px;}
.txt_layer_center { line-height:21px;margin-top:38px; color:#333; text-align:center; font-size:14px;}
.tel_box {padding:20px 0; background:#f6f6f6; text-align:center;}
.tel_box p { color:#333;font-size:15px;}
.tel_box p:before {display:inline-block;  width:12px; height:12px; content:"";}
.tel_box p .tail {display:block; color:#888; font-size:12px;}
.area_layer .box_bg { padding:15px 15px 12px; padding-bottom:13px;margin:0 0 40px; margin-bottom:40px; background-color:#fafafa;}
.area_layer .box_bg.box_inner {padding:20px; margin-bottom:13px;}
.area_layer .box_bg.box_inner .list_style_1.type01, .area_layer .box_bg.box_inner .list_style_1.type02 {margin:0;}
.area_layer .box_bg.type_1 { padding-right:18px;padding-left:18px;}
.area_layer .box_bg.line_1 {border-bottom:1px solid #e5e5e5;}
.area_layer .box_bg.line_2 { padding-top:0; padding-bottom:0;margin-bottom:10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
.area_layer .box_bg .btn_area {padding:0 18px;}
.area_layer.type_small {-webkit-box-sizing:border-box; box-sizing:border-box; padding:30px; background-color:transparent;}
.area_layer.type_small .box_small {position:relative;padding:38px 0 0; background-color:#fff; text-align:center;}
.area_layer.type_small .box_small .pop_btn{margin-top:40px;}
.area_layer.type_small .box_small .tit_wrap h2{color:#333;font-size:14px;}
.area_layer.type_small .box_small .tit_wrap h2.title{ color:#000;font-size:17px;}
.area_layer.type_small .box_small.boxTy2 {position:relative; padding:38px 0 0; background-color:#fff; text-align:center;}
.area_layer.type_small .tit_wrap {min-height:0;}
.area_layer.type_small .area_tit.type_white {border-bottom:none;}
.area_layer.type_small .area_tit .tit_txt {margin:13px 0 0 0; color:#1e75d6; font-family:'YouandiModernHEB'; font-size:22px;}
.area_layer.type_small .area_tit .tit_txt_2 { padding:18px 0 16px;margin:0; border-bottom:1px solid #d5d5d5; font-size:14px;}
.area_layer.type_small .box_layer {margin:17px 0 0 0;}
.area_layer.type_small .box_layer.type_2 { padding:0;margin:0; border:0 none;}
.area_layer.type_small .box_layer.type_3 { padding:0;margin:19px 0 0 0; border:0 none;}
.area_layer.type_small .box_layer.type_4 {padding:12px 0 35px;}
.area_layer.type_small .box_layer.type_5 { padding:0 18px;margin-top:0;}
.area_layer.type_small .heading_txt{margin-bottom:20px; color:#000; font-size:18px;}
.area_layer.type_small .sub_txt {margin:0; color:#666; font-size:14px;}
.area_layer.type_small .sub_txt_2 {margin:0; color:#000; font-size:14px;}
.area_layer.type_small .sub_txt_3 {margin:0; color:#000; font-size:14px;}
.area_layer.type_small .btn_close {top:5px; right:5px;}
.area_layer .list_info_2.type_2 {margin:0; border-bottom:1px solid #e5e5e5;}
.area_layer .list_info_2.type_2 li{padding-left:100px;}
.area_layer .list_info_2.type_2 li .txt_1{width:100px;}
.area_layer .list_info_2.type_2 li.row_2 {height:41px;}


.loadnum_outer {padding-bottom:25px; border-bottom:1px solid #aaa; background-color:#fafafa;}

.list_order_1 { line-height:21px; color:#888; list-style:decimal; counter-reset:li;font-size:14px;}
.list_order_1 > li {position:relative; margin-top:7px;}
.list_order_1.type_1 > li {padding-left:15px;}
.list_order_1.type_1 > li:before {position:absolute; top:0; left:0; color:#000; content:counter(li) '.'; counter-increment:li; font-size:14px;}
.list_order_1 > li:first-child,
.list_order_1 > li:first-child .tit {margin-top:0;}
.list_order_1 > li .tit { line-height:21px;margin-top:16px; margin-bottom:7px; color:#000; font-family:'YouandiModernTR'; font-size:14px;}
.list_order_1.type_1 > li .txt {margin-left:0;}

.list_tab_top {border-top:1px solid rgba(255,255,255,.2);}
.list_tab_top:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.list_tab_top > li {float:left; width:50%;}
.list_tab_top.size_1 > li {width:100%;}/* 2021-12-27 GGU442 추가 */
.list_tab_top.size_2 > li {width:50%;}
.list_tab_top.size_3 > li {width:33.3%;}
.list_tab_top.size_4 > li {width:25%;} /* 2018-04-25 M포인트몰 통합로그인 추가 */
.list_tab_top > li > a { position:relative;display:-webkit-box; display:box; height:54px; line-height:18px; -webkit-box-sizing:border-box; box-sizing:border-box; padding:5px; margin-left:-1px; color:rgba(255,255,255,.6); text-align:center; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.type_black .list_tab_top > li > a {background-color:#000;}
.list_tab_top > li.on > a {color:#fff;}
.list_tab_top > li.on > a:after { position:absolute; right:0; bottom:1px; left:0;display:block; width:100%; height:3px; background-color:#fff; content:'';}
.tab_content > div {display:none;}
.tab_content > .on {display:block;}
.tab_content > .on { opacity:1;-webkit-animation: itemAni 0.3s ease; -moz-animation: itemAni 0.3s ease; -o-animation: itemAni 0.3s ease; -ms-animation: itemAni 0.3s ease; animation: itemAni 0.3s ease;}


.box_receipt {position:relative; border:1px solid #f5f5f5; border-radius:5px; background:#fafafa url(/m/image/common/bg_receipt01.png) repeat-y left top; background-size:28px auto;}
.box_receipt .box_receipt_inner {padding:25px 28px 35px; background:url(/m/image/common/bg_receipt01.png) repeat-y right top; background-size:28px auto;}
.box_receipt .box_receipt_inner .box_receipt_inner_con { padding:0 10px 10px;background:#fff;}
.box_receipt .box_receipt_inner .box_content {margin:0;}

.box_receipt h4 {position:relative; padding-bottom:17px; color:#333; background:#fafafa; text-align:center; font-family:'YouandiModernHEB'; font-size:17px;}
.box_receipt:before,
.box_receipt:after { position:absolute; left:0;display:block; width:100%; height:0; background-repeat:no-repeat; content:'';}
.box_receipt:before {top:1px; padding-top:20px; border-radius:6px; background:#fafafa;}
.box_receipt:after {bottom:1px; padding-top:20px; border-radius:6px; background:#fafafa;}
.box_receipt .list_myaccount_1 {padding:0; background:#fff;}
.box_receipt .list_myaccount_1 > li { padding-right:10px;padding-left:10px; }
.area_receipt .txt { line-height:18px;margin-top:12px; color:#888; text-align:center;}


.sub_tab_cate1 { white-space:nowrap;font-size:0;}
.sub_tab_cate1 li {display:inline-block; -webkit-box-sizing:border-box; box-sizing:border-box; white-space:normal;}
.sub_tab_cate1.size_2 li {width:50%; text-align:center;}
.sub_tab_cate1 li a {display:block; line-height:50px; padding:0 15px; color:#cedcf3; text-align:center; white-space:nowrap; font-size:15px;}
.sub_tab_cate1.type_1 li a {color:#000;}
.sub_tab_cate1 li.on a {position:relative; color:#fff;}
.sub_tab_cate1.type_1 li.on a {color:#1e75d6;}
.sub_tab_cate1 li.on a strong {font-family:'YouandiModernTR';}
.sub_tab_cate1 li.on a:after { position:absolute; bottom:0; left:0;display:block; width:100%; height:3px; background-color:#1e75d6; content:'';}
.sub_tab_cate1.type_1 li.on a:after {background:#1e75d6;}
.sub_tab_cate1 li.on a:after {-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.sub_tab_cate1.type_2 {padding-right:60px;}
.area_tab { position:relative;overflow:hidden;background: #fafafa url(/m/image/common/border_e5e5e5.png) repeat-x left 41%;}
.area_tab:before,
.area_tab:after {position: absolute; background-color:#e5e5e5; content:'';}
.area_tab:before {top:0; left:50%; width:1px; height:100%; margin-left:-1px;}
.area_tab:after {top:50px; left:0; width:100%; height:1px; margin-top:-1px;}
.area_tab.type_none {border-bottom:1px solid #aaa;}
.area_tab.type_none .area_tab:before, .area_tab:after {content:none;}
.area_tab.size_single .sub_tab_cate2 {height:50px;}
.area_tab.size_single .sub_tab_cate2 > li > a {height:40px; border-bottom-width:0;}
.area_tab.type_1 {border-top:1px solid #aaa;}
.area_tab .list_indicator {position:relative; top:auto; right:0; bottom:0; left:0;  min-height:20px;border-top:1px solid #aaa; background-color:#ededed; text-align:center;}
.area_tab .list_indicator li {margin-top:7px;}
.sub_tab_cate2 {height:100px; background:#fafafa;}
.sub_tab_cate2:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.sub_tab_cate2 > li {float:left; width:50%;}
.sub_tab_cate2 > li > a {display:-webkit-box; display:box; height:39px; line-height:18px; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#e5e5e5; color:#000; background-color:#fafafa; text-align:center; font-size:13px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.sub_tab_cate2 > li > a strong {font-weight:normal;}
.sub_tab_cate2 > li.on{font-weight:bold;}/* 웹 접근성 작업 2019-06-13 */
.sub_tab_cate2 > li.on > a {color:#2c82e3;}
.sub_tab_cate2 > li.brd_1 > a {border-right-width:0;}
.sub_tab_cate2 > li.brd_2 > a {height:40px; border-bottom-width:0;}


.input_email_select { position:relative;overflow:hidden; height:53px; border:1px solid #e5e5e5;}
.input_email_select.on {border-color:#ff0000;}
.input_email_select .input_txt {position:relative; z-index:1; margin-right:45px;}
.input_email_select .input_txt input {border:none;}
.input_email_select .input_txt .btn_del a { position:absolute; top:10px; right:0;display:none; display:none; overflow:hidden; width:30px; height:0; padding-top:30px; text-indent:-10000px;}
.input_email_select .input_txt .btn_del a.on {display:block;}
.input_email_select .input_txt .btn_del a.on {-webkit-animation:viewOp 0.3s; animation:viewOp 0.3s;}
.input_email_area .input_email_select,
.input_email_area .input_email_select input,
.input_email_area .input_email_select,
.input_email_area .input_email_select select {height:40px;line-height:40px; box-sizing:border-box; background-position: right -8px;}
.input_email_area .input_email_select .input_txt .btn_del a:before,.input_email_area .input_email_select .input_txt .btn_del a:after {top:6px;}
@-webkit-keyframes viewOp {
    from {opacity:0;}
    to {opacity:1;}
}
@keyframes viewOp {
    from {opacity:0;}
    to {opacity:1;}
}
.input_email_select .input_txt .btn_del a:before,
.input_email_select .input_txt .btn_del a:after { position:absolute; top:12px; left:15px;display:block; width:1px; height:10px; background-color:#aaa; content:'';}
.input_email_select .input_txt .btn_del a:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.input_email_select .input_txt .btn_del a:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.input_email_select select {position:absolute; top:0; left:0; width:100%; border:none;}


.view_more_btn {width:100%; line-height:50px; border:1px solid #e5e5e5; color:#666; background-color:#f6f6f6; text-align:center; font-size:12px;}
.view_more_btn > span:after {display:inline-block; margin-right:-6px; margin-left:6px; content:'+';}
.view_more_btn.type_1 {-webkit-box-shadow:0 8px 0 #ededed; box-shadow:0 8px 0 #ededed;}
.view_more_btn.type_2 {border:none; border-bottom:1px solid #aaa;}

.list_myaccount_2 {padding:0 18px;}
.list_myaccount_2 .txt_info_5{padding-bottom:20px !important;}
.list_myaccount_2.list_myaccount_typ {padding:0px;}
.list_myaccount_2 .clear_b {border-top:none !important;}
.list_myaccount_2.clear_b {border-top:none !important;}
.list_myaccount_2.type_1 {margin-top:25px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fafafa;}
.list_myaccount_2.type_1.dark_bg {background-color:#f0f0f0;}
.area_layer .list_myaccount_2.type_1 {margin-top:0;}
.list_myaccount_2.type_1 + .list_myaccount_2.type_1 {border-top:none;}
.list_myaccount_2 > li {position:relative;padding:25px 0; border-top:1px solid #e5e5e5;}
.list_myaccount_2 > li:first-child{border-top:none;}
.list_myaccount_2 > li .non_data{padding:65px 0 80px 0;}
.area_detail_1 + .area_detail_2 > .list_myaccount_2.type_1{margin-top:0;}
.list_myaccount_2 > li.no_data {padding: 37px 0;}
.list_myaccount_2 > li.line_1 {border-top:1px solid #e5e5e5 !important;}
.list_myaccount_2 > li > .btn_more.type_1{padding:0;}
.list_myaccount_2.type_2 > li {border-top:none; border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.list_fold > li{border:0;border-top:1px solid #e5e5e5;}
.list_myaccount_2.list_fold > li:first-child{border-top:none;}
.list_myaccount_2.type_2.type_radio_1 > li{border:0;border-top:1px solid #e5e5e5;}
.list_myaccount_2.type_2.type_radio_1 > li:first-child{border-top:none;}
.list_myaccount_2.line_no > li:last-child,
.list_myaccount_2.type_2.line_1 > li:last-child {border-bottom:none;}
.list_myaccount_2.line_1 {border-top:1px solid #e5e5e5;}
.list_myaccount_2.line_first > li:first-child {border-top:1px solid #e5e5e5;}
.list_myaccount_2.line_2 {border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.type_3 > li {position:relative; padding:0; border-top:none;}
.list_myaccount_2.type_3 > li .cate {padding-bottom:10px; border-bottom:1px solid #aaa; color:#000; font-family:'YouandiModernHEB'; font-size:15px;}
.list_myaccount_2 > li.type_top {margin-bottom:34px;}
.list_myaccount_2 > li.type_top .cate {position:absolute; top:0; left:0; border-bottom:none;}
.list_myaccount_2.type_3 > li.type_top:first-child .box_wrap,
.list_myaccount_2 > li.type_top .box_wrap {padding-top:10px; border-bottom:1px solid #aaa;}
.list_myaccount_2.type_4 > li:first-child {margin-top:25px; border-top:1px solid #e5e5e5;}
.txt_info_5 + .list_myaccount_2{border-top:none !important;}
.list_myaccount_2.type_6 > li:first-child {padding-top:25px; border-top:1px solid #e5e5e5 !important;}
.list_myaccount_2 > li .tit { line-height:20px;padding-right:40%; margin:0 0 -4px 0; color:#000; font-size:15px;}
.list_myaccount_2 > li .deco{text-decoration: line-through;}
.list_myaccount_2 > li .tit.type_1 {position:absolute; top:25px; left:33px; padding:0; color:#000; font-size:15px;}
.list_myaccount_2 > li .tit.type_2 label {color:#000;}
.list_myaccount_2 > li .tit.type_2 > span {padding-left:35px;}
.list_myaccount_2 > li .tit.type_3 {padding-right:0 !important;}
.list_myaccount_2 > li .txt {position:absolute; top:22px; right:0; padding:0; color:#000; text-align: right; font-size:15px;}
.list_myaccount_2 > li .txt p:first-child {margin-top: 0;}
.list_myaccount_2 > li .txt p {margin-top: 5px;}
.list_myaccount_2 > li .txt.type_1 {top:25px;}
.list_myaccount_2 > li .txt.type_2 {top:20px;}
.list_myaccount_2 > li .txt.type_3 {top:50px;}
.list_myaccount_2 > li .tit_box:after {display:block; clear:both; content:'';}
.list_myaccount_2 > li .tit_box .tit {float:left; padding-right:0 !important; margin:0;}
.list_myaccount_2 > li .tit_box .price {float:right; line-height:20px; font-size:16px;}
.box_instant_payment .list_myaccount_2 > li .txt {top:22px; right:12px;}
.box_instant_payment .list_myaccount_2 > li .box_wrap .txt {right:0;}
.box_instant_payment .list_myaccount_2 > li .input_pos input {padding-right:30px;}
.box_instant_payment .list_myaccount_2 > li .input_pos input + .txt {top:29px;}
.list_myaccount_2 > li .date {margin-top:11px; color:#888; font-size:13px;}
.list_myaccount_2 > li .date.type_1 {margin-top:6px;}
.list_myaccount_2 > li.type_1 .tit,
.list_myaccount_2 > li.type_1 .txt {color:#333; font-family:'YouandiModernHEB';}
.list_myaccount_2 > li.type_2 .tit,
.list_myaccount_2 > li.type_2 .txt {color:#333; font-family:'YouandiModernHEB';}
.list_myaccount_2 > li.type_2 {padding:25px 0 24px; border-top:none;}
.list_myaccount_2 > li.type_2 .txt {font-size:16px;}
.list_myaccount_2 > li .deco_1 {text-decoration: line-through;}
.list_myaccount_2 .list_inline + .list_inline {margin-top:5px;}
.list_myaccount_2 li .link_layer {padding-top:4px; padding-left:0;}
.list_myaccount_2 li .link_layer .hcbtn_medium.type3 {margin:11px 0 8px 0;}
.list_myaccount_2 .btn_open { top:40px; right:-11px;bottom:auto;}
.list_myaccount_2.type_3 > li .box_wrap {position:relative; padding-top:23px; margin:23px 0 0; border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.type_3 > li .box_wrap:last-child {border-bottom:none;}
.list_myaccount_2.type_3 > li:first-child .box_wrap {border-bottom:none;}
.list_myaccount_2.type_3 > li .box_wrap > div {padding-top:5px; padding-bottom:16px;}
.list_myaccount_2.type_3.list_fold .box_wrap {max-height:18px;}
.list_myaccount_2.type_3.list_fold .box_wrap.on {max-height:500px;}
.list_myaccount_2.type_3 .btn_open {top:-10px; right:-11px;}
.list_myaccount_2.type_3 > li .txt {top:2px; right:30px;}
.list_myaccount_2.type_3 > li .tit {position:absolute; top:2px; left:0;}
.list_myaccount_2.type_5 > li .checkbox {height:23px;}
.list_myaccount_2.type_5 > li .tit {position:absolute; top:28px; left:33px;}
.list_myaccount_2.type_5 > li .txt {position:absolute; top:28px; right:0; padding:0; font-size:15px;}
.list_myaccount_2.type_5 > li .date {margin-top:10px; margin-left:33px;}
.list_myaccount_2.type_5 > li .list_inline {margin-left:33px;}
.list_myaccount_2.list_fold + .btn_area {margin-top:0; margin-bottom:25px;}
.list_myaccount_2.type_6 { padding:0px;margin:0px;}
.list_myaccount_2.type_7 {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.list_myaccount_2.check_group .checkbox input[type=checkbox] + label:after {top:12px;}
.list_myaccount_1.type_6 {padding:0; margin:15px 0 0 ;}
.list_myaccount_1.type_7 {padding:0; margin:15px 0 0 ; border-bottom:1px solid #e5e5e5;}
.list_myaccount_1.type_8 {padding:0; border-bottom:1px solid #e5e5e5;}
.list_myaccount_1.type_6 li,
.list_myaccount_1.type_7 li,
.list_myaccount_1.type_8 li {display:table; width:100%;}
.list_myaccount_1.type_6 li span,
.list_myaccount_1.type_7 li span,
.list_myaccount_1.type_8 li span {display:table-cell; vertical-align:middle; font-size:14px;}
.list_myaccount_1.type_6 li .txt_1,
.list_myaccount_1.type_7 li .txt_1,
.list_myaccount_1.type_8 li .txt_1 {width:25%; color:#333;}
.list_myaccount_1.type_6 li .txt_2,
.list_myaccount_1.type_7 li .txt_2,
.list_myaccount_1.type_8 li .txt_2 {width:75%; margin-right:15px; color:#888; text-align:left;}
.list_myaccount_1.type_13 {padding:0;}
.list_myaccount_1.type_13 > li{line-height:initial;}
.area_total {display:-webkit-box; display:box; padding:0 18px;margin:0 0 25px 0; border-width:1px 0; border-style:solid; border-color:#e5e5e5; background-color:#fafafa;}
.area_total.type_1 {margin-top:0;}
.area_total.type_2 { padding:0;margin-top:0; border-color:#d5d5d5; background:none;}
.area_total.type_2 > p {height:43px;}
.area_total.type_3 { padding:0 13px;margin:0; border:none;}
.area_total.type_3 > p{height:53px;}
.area_total > p {display:-webkit-box; display:box; line-height:21px;padding:25px 0;margin:0; color:#333; font-family:'YouandiModernHEB'; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; -webkit-box-flex:1; box-flex:1;}
.area_total > p.txt {text-align:right;}
.area_total_1 {overflow:hidden; padding:15px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.area_total_1 > p{float:left;color:#333; font-family:'YouandiModernHEB';}
.area_total_1 > p.txt{float:right;}
.area_total_1 .inline_list {clear:both;padding-top:15px; text-align:right;}
.area_total_1 .inline_list:after{display:block; clear:both; content:"";}
.area_total_1 .inline_list li {position:relative;display:inline-block; padding-left:6px; color:#888; font-size:13px;}
.area_total_1 .inline_list li:before { position:absolute; top:1px; left:0;display:block; width:1px; height:10px; background:#a2a2a2; content:""; }
.area_total_1 .inline_list li:first-child {padding:0;margin:0;}
.area_total_1 .inline_list li:first-child:before{display:none;}
.area_total.type_1 { padding-right:0; padding-left:0;margin:25px 18px; border-color:#d5d5d5; background-color:transparent;}
.area_total.type_1.type_ex {position:relative; padding-bottom:25px; margin-bottom:0; border-bottom:none;}
.area_total.type_1.type_ex:after { position:absolute; bottom:25px; left:0;display:block; width:100%; height:1px; background-color:#d5d5d5; content:'';}
.area_total.type_1 > p {font-size:15px;}
.area_total.type_1.bottom_none {margin-bottom:0;}

.call_center {position:relative;min-height:40px; line-height:1.53em;padding-left:57px;font-size:13px;}
.call_center .call_dl,
.call_center a {display:inline-block;height:19px;vertical-align:middle;white-space:nowrap;}
.call_center a {margin-top:1px;font-size:14px;}
.call_center .call_dl {position:relative;padding-left:6px;}
.call_center .call_dl:before {position:absolute;top:50%;left:0; display:inline-block;width:1px;height:10px;margin-top:-5px;background-color:#a2a2a2;content:"";}
@media all and (max-width:320px){
.card_pasword.input_pos .txt { position: static;display: inline-block; margin-bottom: 0; vertical-align: middle;}
.card_pasword.input_pos .txt button {min-width: 53px; line-height: 55px;}
.call_center .call_dl {display:block;padding-left:0px;margin:0;}
.call_center .call_dl:before {content:none;}
}
.call_center .call_txt2 {margin-top:2px;}
.call_center .call {position:absolute;top:50%;left:0;width:30px;height:30px;padding:10px 12px;margin:-25px 0 0;background:url(/m/image/card/ico_call.png) 50% 50% no-repeat; background-size:30px 30px;font-size:0;}


.box_module.type_1 .list_myaccount_1.type_5 {border-bottom:none;}
.list_myaccount_1.type_5 {padding:0; margin:0 18px; border-bottom:1px solid #e5e5e5;}
.list_myaccount_1.type_5.v2 {margin:0;}
.list_myaccount_1.type_5 li span:not(.hcbtn6) {vertical-align:middle;}
.list_myaccount_1.type_5 li .txt_1,
.list_myaccount_1.type_10 li .txt_1 {float:none; width:auto;}
.list_myaccount_1.type_11 li .txt_1 {float:none;}
.list_myaccount_1.type_5.v2 li .txt_1 {padding-left:12px;}
.list_myaccount_1.type_5 li .txt_2 {width:auto; padding-left:20%;}
.list_myaccount_1.type_5 li.type_receive .txt_2 {padding-left:0;}
.list_myaccount_1.type_5.v2 li .txt_2 {padding-right:12px;}
.list_myaccount_1.type_5 li .txt_2 em {display:block;}
.list_myaccount_1.type_5.add_sty li {color:#666;}
.list_myaccount_1.type_5.add_sty .txt_2 {float:none;}
.list_myaccount_1.type_5.add_sty .slt_li {padding-bottom:15px;}
.list_myaccount_1.type_5.last_no li:last-child {border-bottom:none !important;}
.list_myaccount_1.noline {border-bottom:none;}
.myaccount_submain_layout .list_myaccount_1.type_5 li {position: relative;min-height: 44px;}
.myaccount_submain_layout .list_myaccount_1.type_5 li .txt_1 {position: absolute;top: 12px;left: 0;}
#wrap .tit_mpoint,
#wrap .tit_sale,
#wrap .tit_shinsegae {position:relative; line-height:22px; padding:10px 0 10px 28px; margin-top:10px;}
.list_myaccount_1.list_benefit li .txt_1:before,
.list_myaccount_1.list_benefit li .txt_1:after,
#wrap .tit_mpoint:before,
#wrap .tit_sale:before,
#wrap .tit_shinsegae:before,
#wrap .tit_mpoint:after,
#wrap .tit_sale:after,
#wrap .tit_shinsegae:after { position:absolute; top:10px; left:0;display:block; width:22px; height:22px; content:'';}
.list_myaccount_1.list_benefit li .txt_1:before,
.list_myaccount_1.list_benefit li .txt_1:after {top:12px; left:10px;}
.list_myaccount_1.list_benefit li .txt_1:before,
#wrap .tit_mpoint:before,
#wrap .tit_sale:before,
#wrap .tit_shinsegae:before {-webkit-border-radius:2px; border-radius:2px;}
#wrap .tit_mpoint:before {background-color:#5a7b89;}
#wrap .tit_sale:before,
.list_myaccount_1.list_benefit li.li_cashbag .txt_1:before {background-color:#777572;}
#wrap .tit_shinsegae:before,
.list_myaccount_1.list_benefit li.li_shinsegae .txt_1:before {background-color:#ffdb2d;}
.list_myaccount_1.list_benefit li .txt_1:after,
#wrap .tit_mpoint:after,
#wrap .tit_sale:after,
#wrap .tit_shinsegae:after {background:url(/m/image/myaccount/sp_myaccount.png) no-repeat; background-size:75px 25px;}
#wrap .tit_mpoint:after {background-position:0 0;}
#wrap .tit_sale:after,
.list_myaccount_1.list_benefit li.li_cashbag:after .txt_1 {background-position:-25px 0;}
#wrap .tit_shinsegae:after,
.list_myaccount_1.list_benefit li.li_shinsegae:after .txt_1 {background-position:-50px 0;}
.list_myaccount_1 {padding:0 18px;}
.list_myaccount_1 + .area_fold {margin-top:10px;}
.list_myaccount_1 > li:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.list_myaccount_1.type_2 {padding:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#fafafa;}
.list_myaccount_1.type_3 { padding:8px 0 0;margin-top:12px; border-top:2px dashed #e5e5e5;}
.list_myaccount_1.type_4 { padding:0;margin-top:10px;}
.list_myaccount_1.type_4.bg {margin-top:0; border-top:1px solid #e5e5e5; background:#fafafa;}
.list_myaccount_1.type_4.bg li {padding:12px;}
.list_myaccount_1.type_5 {color:#333;}
.list_myaccount_1.type_10 {padding:0;}
.list_myaccount_1 > li { position:relative;clear:both; line-height:20px; box-sizing:border-box; padding:12px 0 11px; border-top:1px solid #e5e5e5; font-size:15px;}
.list_myaccount_1 > li .type_tit {font-family:'YouandiModernHEB';}
.list_myaccount_1 > li .tit.type_2 {line-height:26px;}
.list_myaccount_1 > li .tit.type_2 + .list_inline {margin-top:3px;}
.list_myaccount_1 > li .tit.type_3 { width:75%;line-height:26px;}
.list_myaccount_1 > li .tit.type_3 .hcbtn_medium {position:absolute; top:12px; right:0; min-width:39px;}
.list_myaccount_1.type_5.color_type > li > .txt_2 {color:#888;}
.list_myaccount_1.type_4.line_1 > li .type_tit,
.list_myaccount_1.type_4.line_2 > li .type_tit {color:#000;}
.statement_summary .list_myaccount_1 > li {border-color:rgba(213,213,213,.2);}
.list_myaccount_1.type_2 > li {padding-left:18px; color:#333;}
.list_myaccount_1.type_2 > li.type_1 {background:#f0f0f0;}
.list_myaccount_1 > li.li_total {color:#333; font-family:'YouandiModernHEB';}
.list_myaccount_1:not(.line_1) > li:first-child {border-top:none;}
.list_myaccount_1.type_1 > li {padding-left:12px; color:#333; background-color:#fafafa; font-size:15px;}
.list_myaccount_1.type_3 > li {overflow:hidden; padding-top:4px; padding-bottom:4px; border:none; color:#000; font-size:14px;}
.list_myaccount_1.type_3 > li > span {float:right;}
.list_myaccount_1.type_3 > li span.num { color:#000;  font-family:'YouandiModernHEB';font-size:15px;}
.list_myaccount_1.type_4 > li span.num { color:#333; font-family:'YouandiModernHEB';font-size:15px;}
.list_myaccount_1.type_1 > li:first-child,
.list_myaccount_1.type_9 > li:first-child {border-top:1px solid #e5e5e5;}
.list_myaccount_1.type_1 > li:last-child,
.list_myaccount_1.type_9 > li:last-child {border-bottom:1px solid #e5e5e5;}
.list_myaccount_1.line_2 > li:last-child {border-bottom:1px solid #e5e5e5;}
.list_myaccount_1 li .txt_1.type_1,
.list_myaccount_1 li .txt_2.type_1 {color:#333;}
.list_myaccount_1 > li {display:-webkit-box; display:box;}
.list_myaccount_1 > li > * {display:-webkit-box; display:box; word-wrap:break-word; word-break:keep-all; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center; -webkit-box-flex:1; box-flex:1;}
.list_myaccount_1 > li > .txt_2 {text-align:right;}
.list_myaccount_1 > li > .txt_2.size_70 {width:70%;}
.list_myaccount_1 > li > .txt_2.size_70.type1 {line-height:24px;}
.list_myaccount_1 > li > .txt_2.size_80 {width:80%;}
.list_myaccount_1 > li > .txt_2 em {display:block;}
.list_myaccount_1 > li > a .txt_2.type_1,
.list_myaccount_1 > li > .txt_2.type_1 {position:absolute; top:12px; right:0;}
.list_myaccount_1 > li > div.txt_1 {position:relative; padding-right:25px;}
.list_myaccount_1 > li > div.txt_1 .btn_info {top:inherit; right:0; bottom:7px;}
.list_myaccount_1 > li > div.txt_1 .btn_info.type1 {top:inherit; bottom:20px; left:0;}
.list_myaccount_1.type_3 > li > span:not(.tit),
.list_myaccount_1.type_4 > li > span:not(.tit) {padding-bottom:0;}
.list_myaccount_1.type_1 > li > .txt_2 {padding-right:12px;}
.list_myaccount_1.type_2 > li > .txt_2 {padding-right:18px;}
.list_myaccount_1.list_benefit li .txt_1 {float:left; line-height:22px; padding-left:28px;}
.list_myaccount_1.list_graph > li { padding-right:100px;padding-left:21px;}
.list_myaccount_1.list_graph > li > .txt_2 { position:absolute; right:0;display:inline-block; text-align:right;}
.list_myaccount_1.list_graph > li:before { position:absolute; top:16px; left:0;display:block; width:13px; height:13px; content:'';}
.list_myaccount_1.absolute_none > li > .txt_2.type_1 {position:relative; top:auto; right:auto; min-width:100px;}
.list_myaccount_1.type_flex {padding:0;}
.list_myaccount_1.type_flex >li,
.list_myaccount_1.type_4 > li,
.list_myaccount_1.type_5 > li,
.list_myaccount_1.type_10 > li,
.list_myaccount_1.type_11 > li {display:-webkit-box; display:box;}
.list_myaccount_1.type_flex > li > *,
.list_myaccount_1.type_4 > li > *,
.list_myaccount_1.type_4 > li > p.txt_1,
.list_myaccount_1.type_5 > li > *,
.list_myaccount_1.type_10 > li > *,
.list_myaccount_1.type_11 > li > * {display:-webkit-box; display:box; float:none; width:auto; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.list_myaccount_1.type_10 > li > *,
.list_myaccount_1.type_11 > li > * {-webkit-box-pack:start; box-pack:start;}
.list_myaccount_1.type_flex > li > .txt_1,
.list_myaccount_1.type_4 > li > *,
.list_myaccount_1.type_5 > li > * { min-width:20%;-webkit-box-flex:1; box-flex:1;}
.list_myaccount_1.type_10 > li > *,
.list_myaccount_1.type_11 > li > * { min-width:40%; color:#333;-webkit-box-flex:1; box-flex:1;}
.list_myaccount_1.type_flex > li > .txt_2,
.list_myaccount_1.type_5 > li > .txt_2,
.list_myaccount_1.type_10 > li > .txt_2,
.list_myaccount_1.type_11 > li > .txt_2 { text-align:right;-webkit-box-flex:1.5; box-flex:1.5;}
.list_myaccount_1 .txt_small { color:#666;font-size:13px;}
.list_myaccount_1.type_12 {padding:0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; background-color:#fafafa;}
.list_myaccount_1.type_12 > li {padding:22px 0 21px; margin:0 18px; color:#333;}
.list_myaccount_1.type_12 > li:last-child {border-bottom:0 !important;}
.list_myaccount_1.list_graph > li.used_graph1:before,
.graph_article .graph0,
.graph_article.type_1 .graph1 {background-color:#fff;}
.list_myaccount_1.list_graph > li.used_graph2:before,
.graph_article .graph1,
.graph_article.type_1 .graph0 {background-color:rgba(255,255,255,.5);}
.list_myaccount_1.list_graph > li.used_graph3:before,
.graph_article .graph2 {background-color:rgba(255,255,255,.2);}
.list_myaccount_1.list_graph .last { border-color: rgba(213,213,213,.2);border-bottom:1px solid #e5e5e5;}
.box_flex {display:-webkit-box; display:box;}
.list_myaccount_2 .box_flex {margin-top:-3px;}
.box_flex > * {display:-webkit-box; display:box; line-height:22px; color:#000; font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-flex:1; box-flex:1;}
.box_flex > .txt_2 {text-align:right;}
.box_flex input[type=radio] + label {color:#000;}
.accordion_unit .box_fold .box_flex > .txt_1 { line-height:22px;margin:0; color:#000; font-size:15px;}



.case_area_txt {padding:27px 0 27px 18px; border-top:1px solid #d5d5d5;}
.case_area_txt .txt {line-height:21px;}
.case_area_txt .txt span {}
.case_area_txt .tail {display:block; line-height:20px; margin:8px 0 25px; color:#666; font-size:13px;}
.case_area_txt .tail.type_1 {display:block;line-height:20px;margin:8px 0;color:#666;font-size:13px;}


.box_virtual { padding:0 18px;margin:15px 0; text-align:center;}
.box_virtual.type_2 {margin:15px 0 25px;}
.box_virtual.type_3 { padding-right:0;padding-left:0;}
.box_virtual.type_4 {margin:25px 0 15px;}
.box_square { line-height:21px;padding:15px 25px; border:1px solid #d5d5d5; color:#666; font-size:14px;}
.box_virtual.new_plate .box_square {padding:12px 25px;}
.box_square .tit {color:#000;}
.box_square .tit1 {font-family:'YouandiModernHEB';}
.box_square .type_box {display:-webkit-box; display:box; -webkit-box-pack:center; box-pack:center;}
.box_square .img.type_1 {display:-webkit-box; display:box; width:40px; margin-right:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.box_virtual.new_plate .box_square .img.type_1 {width:26px;}
.box_virtual.new_plate .type_box .txt {display:inline-block;width:116px;padding-top:10px;text-align:left;vertical-align:-10px;}
.box_square .img + .tit {display:-webkit-box; display:box; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.box_square.type_1 {text-align:center;}
.box_square.type_2 {background-color:#fafafa;}


.box_square.color_1 {padding:18px 16px; color:#fff; background:#1e75d6;}
.box_square.color_1 p {padding-bottom:10px; font-size:14px;}
.box_square.color_1 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_2 {padding:18px 16px; color:#fff; background:#1e75d6;}
.box_square.color_2 p {padding-bottom:10px; font-size:14px;}
.box_square.color_2 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_3 {padding:18px 16px; color:#fff; background:#38aad9;}
.box_square.color_3 p {padding-bottom:10px; font-size:14px;}
.box_square.color_3 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_4 {padding:18px 16px; color:#fff; background:#779cc5;}
.box_square.color_4 p {padding-bottom:10px; font-size:14px;}
.box_square.color_4 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_5 {padding:18px 16px; color:#fff; background:#777572;}
.box_square.color_5 p {padding-bottom:10px; font-size:14px;}
.box_square.color_5 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_12 {padding:18px 16px; color:#fff; background:#db3c10;}
.box_square.color_12 p {padding-bottom:10px; font-size:14px;}
.box_square.color_12 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_6 {padding:18px 16px; color:#fff; background:#18b3af;}
.box_square.color_6 p {padding-bottom:10px; font-size:14px;}
.box_square.color_6 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_7 {padding:18px 16px; color:#fff; background:#222222;}
.box_square.color_7 p {padding-bottom:10px; font-size:14px;}
.box_square.color_7 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_8 {padding:18px 16px; color:#fff; background:#5698e0;}
.box_square.color_8 p {padding-bottom:10px; font-size:14px;}
.box_square.color_8 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_9 {padding:18px 16px; color:#fff; background:#f8981d;}
.box_square.color_9 p {padding-bottom:10px; font-size:14px;}
.box_square.color_9 .hcbtn1 {color:#fff; font-size:13px;}
.box_square.color_10 {padding:18px 16px; color:#fff; background:#edf4fc;}
.box_square.color_10 p {padding-bottom:10px; color:#666; font-size:14px;}
.box_square.color_10 p.type_1 {padding-bottom:10px; color:#666; font-size:13px;}
.box_square.color_10 .hcbtn1{color:#1e75d6; font-size:13px;}
.box_square .fw_bold strong,
.box_square .fw_bold em { font-family:'YouandiModernHEB';font-weight:normal;}
.box_square.color_11 {padding:16px 17px 15px ; color:#1e75d6; background:#ededed;}
.box_square.color_13 {padding:18px 16px; color:#fff; background:#006241;}/* 스타벅스 2019-11-11추가 */
.box_square.color_13 p {padding-bottom:10px; font-size:14px;}
.box_square.color_13 .hcbtn1 {color:#fff; font-size:13px;}

/* 2018-10-29 add */
.box_square.banner_Mpoint{padding:12px 18px;border:none;background:#e8e8e8;}
.box_square.banner_Mpoint .icon_box{float:left;width:35px;height:35px;}
.box_square.banner_Mpoint .text_box{padding:2px 0 2px 45px;}
.box_square.banner_Mpoint .text_box p{line-height:16px;margin-bottom:0;color:#005cb9;font-size:12px;}
.box_square.banner_Mpoint .text_box p.tit{font-weight:bold;}
.box_square.banner_Mpoint .text_box p.txt i.ico_menu{display:inline-block;}
.box_square.banner_Mpoint .text_box p.txt i.ico_menu img{width:10px;height:10px;margin:-1px 1px 0 1px;}

.floating_Mpoint{position:fixed;z-index:2018;bottom:0;left:50%;width:235px;height:70px;margin:0 0 0 -118px;background:url('/m/image/mpoint/bg_ios_floating.png') left top no-repeat;background-size:100% 100%;}
.floating_Mpoint .banner{position:relative;width:100%;height:60px;box-sizing:border-box;padding:12px 10px 13px 15px;margin-bottom:10px;}
.floating_Mpoint .banner .icon_box{float:left;width:35px;height:35px;}
.floating_Mpoint .banner .text_box{padding:2px 0 2px 45px;}
.floating_Mpoint .banner .text_box p{line-height:16px;margin-bottom:0;color:#f8e400;font-size:12px;}
.floating_Mpoint .banner .text_box p.tit{font-weight:bold;}
.floating_Mpoint .banner .text_box p.txt i.ico_menu{display:inline-block;}
.floating_Mpoint .banner .text_box p.txt i.ico_menu img{width:9px;height:13px;margin:-1px 1px 0 0;}
.floating_Mpoint .banner .btn_close{position:absolute;z-index:2019;top:-5px;right:-5px;width:8px;height:8px;padding:15px;background:url('/m/image/mpoint/btn_close_floating.png') center center no-repeat;background-size:8px 8px;}
/*.floating_Mpoint.iosView{display:none !important;}*//* 2018-11-05 제거 *//* 2018-11-02 IOS용 배너 강제 hidden 적용(임시) */
/* // 2018-10-29 add */



.txt_multiply,
.txt_equal,
.txt_plus{ position:relative;display:inline-block; overflow:hidden; width:15px; height:0; padding:10px 0 10px; margin:5px auto; color:#888; text-indent:-10000px;}
.txt_equal:before,
.txt_equal:after,
.txt_multiply:before,
.txt_multiply:after,
.txt_plus:before,
.txt_plus:after{ position:absolute;display:block; background-color:#888; content:'';}
.txt_plus:before {top:6px; left:7.2px; width:1px; height:15px;}
.txt_plus:after {top:12.5px; left:1px; width:15px; height:1px;}
.txt_multiply:before,
.txt_multiply:after { top:6px; left:7px;width:1px; height:13px;}
.txt_multiply:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.txt_multiply:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.txt_next { position:relative;overflow:hidden; width:26px; height:0; padding:10px 0 10px; margin:2px auto; color:#888; text-indent:-10000px;}
.txt_next:before,
.txt_next:after { position:absolute; top:50%;display:block; width:15px; height:1px; background-color:#888; content:'';}
.txt_next:before { left:0;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.txt_next:after { left:10px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.txt_equal:before,
.txt_equal:after { top:6px;width:1px; height:15px;}
.txt_equal:before {left:4px;}
.txt_equal:after {left:11px;}
.multipH {height:0px;}


.guide_area { padding:21px 18px;border-bottom:1px solid #ededed;background:#fafafa;}
.guide_area .txt { line-height:22px;font-size:15px;}
.guide_area .tail { line-height:22px; color:#888;font-size:12px;}
.id_login_area .btn_info {position:relative; margin-top:6px;}
.id_login_area .btn_area {padding:0; margin-top:32px; margin-bottom:25px;}
.id_login_area .btn_area+.btn_area {margin-top:0; text-align:center;}
.id_login_area .btn_area+.btn_area ul {display:inline-block;}
.id_login_area .btn_area+.btn_area li {display:block; float:left; margin-left:15px;}
.id_login_area .btn_area+.btn_area li:first-child {margin-left:0;}
.col_sel {display:-webkit-box; display:box; border:1px solid #e5e5e5; background-color:#fff; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center;}
.col_sel *:not(.span_hyphen) {-webkit-box-flex:1;}
.col_sel > * > input {width:100%; border:none; text-align:center;}
.col_sel .span_hyphen {display: inline-block; overflow:hidden; width:10px; height:1px; padding:0; background: #ccc; text-indent: -10000px; vertical-align: middle;}
.col_sel .span_txt {margin:0 10px; color:#ccc;}
.col_sel.type2 {border:0;}
.col_sel.type2 > .form_select:first-child {padding-right:8px;}
.col_sel.type2 > .form_select:nth-child(2) {padding-left:8px;}
.col_sel.type2 > * >  input {border:1px solid #e5e5e5;}
.col_sel.type2 .span_txt {color:#666;}
/* 2018-01-24 추가 이종환 */
.col_sel2 {border:1px solid #e5e5e5; background-color:#fff;}
.col_sel2:after { display:block;clear:both; content:'';}
.col_sel2 > * { float:left; box-sizing:border-box;border-left:1px solid #e5e5e5;}
.col_sel2.form_area > * {min-height:55px;}
.col_sel2 > *:first-child {border-left:0;}
.col_sel2 > * > input ,.col_sel2 > * > select {width:100%; border:none; text-align:center;}
.col_sel2 > * > select {text-align-last:center;}
.col_sel2.mobile_num > * {width:33.333%;}
.col_sel2.mobile_num > * select {border:0;}
.col_sel2.mobile_name > * { float:left;width:66.6%;}
.col_sel2.mobile_name > *.first {width:33.3%;}
.col_sel2 > .sel_size_1 {width:100%;}
.col_sel2 > .sel_size_2 {width:50%;}
.col_sel2 > .sel_size_3 {width:33.333%;}
.col_sel2 > .sel_size_4 {width:25%;}
.col_sel2 > .sel_size_5 {width:20%;}
.col_sel2 > .sel_size_6 {width:66.666%;}
.col_sel2.type_table {display:table;}
.col_sel2.type_table > * { display:table-cell;float:none;}


.box_slide {position:relative; min-height:50px;}
.list_slide {position:relative; height:36px; padding-top:30px;}
.list_slide:before,
.box_slide .bar_slide { position:absolute; top:8px; left:0;display:block; height:8px; content:'';}
.list_slide:before {width:100%; background-color:#eee;}
.box_slide .bar_slide {width:0; background-color:#666;}
.list_slide input[type=radio] + label { position:absolute; top:30px;display:block; padding-left:0; color:#333; white-space:nowrap; font-size:13px;}
.list_slide input[type=radio] + label:after {display:none;}
.list_slide input[type=radio] + label.over:after {display:none; width:100%; height:100%; border:1px dotted #1e75d6; content:'';}
.box_slide .choice_slide { position:absolute; z-index:2; top:-12px; left:0;display:block; overflow:hidden; width:120px; height:0; padding-top:60px; margin-left:-50px; cursor:pointer; text-indent:-10000px;}
.box_slide .choice_slide:after { position:absolute; top:12px; left:48px;display:block; width:23px; height:23px; padding-top:0; border:1px solid #e5e5e5; background-color:#fff; content:''; cursor:pointer; text-indent:-10000px;}
.box_slide .choice_slide:after { -webkit-border-radius:24px; -moz-border-radius:25px; border-radius:25px;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.box_slide .choice_slide.hover:after {border-color:#2378d7; background-color:#2378d7;}
.box_slide .dimmed_choice { position:fixed; z-index:1; top:0; left:0;display:block; width:100%; height:100%;}
.box_slide .input_text label {display:none;}


.box_inpuiry {position:relative;}
.box_inpuiry.type_1 { padding:25px 112px 25px 0;margin:0 18px;}
.box_inpuiry.type_2 { padding:25px 0 15px;margin:0 18px;}
.box_inpuiry.type_2 { padding:0;margin:25px 18px 15px;}
.box_inpuiry.type_2 + .box_inpuiry.type_2 {padding-top:0;}
.box_inpuiry.type_2 + .btn_area.type_3 {margin-top:10px;}
.box_inpuiry.type_2 + .box_inpuiry.type_1 {padding-top:0;}
.box_inpuiry > select,
.box_inpuiry > .select_size_2 select,
.box_inpuiry input[type=text],
.box_branch select {height:40px; line-height:40px; background-position:right -8px;}
.select_size_2:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.select_size_2 > div { float:left; width:50%;-webkit-box-sizing:border-box; box-sizing:border-box; padding-left:4px;}
.select_size_2 > div:first-child { padding-right:4px;padding-left:0;}
.box_inpuiry > button {position:absolute; top:50%; right:0; width:102px; margin-top:-20px;}
.box_inpuiry.type_2 + .box_inpuiry.type_1 > button {top:0; margin-top:0;}
.box_inpuiry.type_2.addr{margin-top:10px;}

.box_bg.type_0 { line-height:21px; padding:22px 25px;margin:13px 0; color:#666; background-color:#fafafa; font-size:14px;}
.box_bg.type_0 .list_1 {color:#666;} /* 2021-07-26 GGU282 2021 웹접근성 */
.benefit_event {padding:20px 18px; border-top:9px solid #ededed; border-bottom:9px solid #ededed; background:#49c4db;}
.benefit_event + .benefit_event {border-top:0;}
.benefit_event.type_1 {margin-top:0; margin-bottom:0;}
.benefit_event .tit { line-height:20px;margin-bottom:10px; color:#fff; font-size:14px;}
.benefit_event a { color:#1d4e58;font-size:14px;}
.benefit_event.type_2 {margin-bottom:5px;}
.benefit_event.type_3 {margin:0;}
.benefit_event.type_4 {border-bottom:0;}
/* 2017-12-01 추가 */
.benefit_event2 {padding:20px 18px;border-top:9px solid #ededed;background:#1e75d6;}
.benefit_event2 .tit{ line-height:20px;margin-bottom:10px; color:#fff; font-size:14px;}
.benefit_event2 a{ color:#fff;font-size:14px;}

.test_certi,
.test_certi_1,
.test_certi_2,
.test_login_1 {min-height:200px;}
.box_event_info {padding:20px 23px;background-color:#fafafa;}
.box_event_info .h3_tit_4 { padding-bottom:10px;margin-bottom:8px; border-bottom:1px solid #d5d5d5;}
.box_event_info.type_1 .h3_tit_4 {padding-bottom:0; border-bottom:none;}
.box_event_info.type_2 .h3_tit_4 { padding:0;margin-top:6px; margin-bottom:0;border-bottom:none;}
.box_event_info.type_2 .h3_tit_4:first-child{margin:0;}

/* 카드수령등록  2020-01-28 */
.list_1 { line-height:21px; color:#888; list-style:decimal; counter-reset:li;font-size:14px;}
.list_1 > li{position:relative;}
.list_1 li + li{margin-top:20px;}
.list_1 > li .tit { line-height:1.2;margin-bottom:4px; color:#000; font-family:'YouandiModernTR'; font-size:14px;}
/* 카드수령등록 완료 3F 2020-01-28 */
.card_regised_done{margin:40px 0 25px;}
.card_regised_done .noti{line-height:28px;font-size:21px;}
.card_regised_done .txt{line-height:22px;margin:12px 0;font-size:14px;}
.card_regised_done .noti_small {line-height:20px;color:#666;font-size:13px;}
.info_step{margin-bottom:55px;}
.info_step dl{position:relative;padding:14px 0;border-bottom:1px solid #d5d5d5;}
.info_step dt{position:absolute;top:30px;left:0;width:10%;font-size:20px;font-weight:bold;}
.info_step dd{line-height:1.4;padding-left:48px;color:#666;font-size:14px;}
.info_step dd .txt{display:block;margin-bottom:8px;color:#000;font-size:15px;font-weight:bold;}



.pop_btn ul {display: box; display: -webkit-box;}
.pop_btn ul li {display: -webkit-box; display: box; text-align: center; -webkit-box-orient: vertical; box-orient: vertical; box-pack: center; -webkit-box-flex: 1; box-flex: 1;}
.pop_btn ul li a {display:block; padding:16px 0 15px;}
.pop_btn ul li span { color:#fff;font-size:16px;}
.pop_btn ul li:first-child a { background-color:#333333;}
.pop_btn ul li:last-child a {background-color:#1e75d6;}
.pop_btn_2 ul {overflow:hidden;}
.pop_btn_2 ul li {float:left; width:50%;}
.pop_btn_2 ul li a { position:relative;display:block; height:54px; padding:0 10px;}
.pop_btn_2 ul li a:before { position:relative; top:0; left:0;display:inline-block; width:1px; height:100%; content:''; vertical-align:middle;}
.pop_btn_2 ul li span { position:relative;display:inline-block; width:99%; color:#fff; vertical-align:middle; font-size:16px;}
.pop_btn_2 ul li.two_line span{ line-height:18px;font-size:13px;}
.pop_btn_2 ul li:first-child a { background-color:#333;}
.pop_btn_2 ul li:last-child a {background-color:#1e75d6;}

.link_list01 {border-top:9px solid #ededed;}
.link_list01 ul li a {position:relative; display:block;padding:18px 18px 17px; border-bottom:1px solid #d5d5d5;}
.link_list01 ul li a:after,
.link_list01 ul li a:before { position:absolute; right:18px;display:block; width:2px; height:9px;background-color:#000; content:'';}
.link_list01 ul li a:after { top:18px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.link_list01 ul li a:before { top:24px;-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.info_txt14 { line-height:21px; padding-top:21px; color:#888;font-size:14px;}
.link_arrow01 {display:inline-block; width:20px; height:20px; background:url(/m/image/common/link_arrow01.png) 50% 50% no-repeat; background-size:auto 12px;}
.link_arrow02 {display:inline-block; width:20px; height:20px; background:url(/m/image/common/link_arrow02.png) 50% 50% no-repeat; background-size:auto 12px;}
.box_ty01 {padding:15px 18px 25px;}
.box_ty01.type_1 {padding:0;}
.box_ty01 ul.zbox {*zoom:1;}
.box_ty01 ul.zbox:after {display:block;clear:both;content:'';}
.box_ty01 ul.zbox li {float:left;}
.box_ty01 .list_tab_btn li {width:50%; padding:0;}
.box_ty01 .list_tab_btn li a {position:relative; display:-webkit-box;display: box; height:55px;line-height:18px; padding-right:22px; padding-left:12px;margin:1px;color:#333; background:#f6f6f6;text-align:left; font-size:15px;-webkit-box-orient: vertical;box-orient: vertical;-webkit-box-pack: center;box-pack: center;}
.box_ty01 .list_tab_btn li a:after {position:absolute; top:50%; right:12px; display:block; width:7px; height:12px; margin-top:-6px; background:url(/m/image/common/link_arrow01.png) 90% 50% no-repeat; background-size:auto 12px; content:"";}


.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom;}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{position:relative; overflow:hidden; max-width:100%; height:100%; outline:none; direction:ltr;}
.mCSB_container{overflow:hidden; width:auto; height:auto;}


.mCSB_inside > .mCSB_container {margin-right:30px;}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right:0; margin-left:30px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {margin-left:0;}
.mCSB_scrollTools {position:absolute; top:0; right:0; bottom:0; left:auto; width:16px; height:auto;}
.mCSB_outside + .mCSB_scrollTools {right:-26px;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {right:auto; left:0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left:-26px;}
.mCSB_scrollTools .mCSB_draggerContainer {position:absolute; top:0; right:0; bottom:0; left:0; height:auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer {margin:20px 0;}
.mCSB_scrollTools .mCSB_draggerRail {width:2px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;}
.mCSB_scrollTools .mCSB_dragger {z-index:1; width:100%; height:30px;cursor:pointer;}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:relative; width:4px; height:100%; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; text-align:center;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:12px;}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width: 8px;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown { position:absolute;display:block; overflow:hidden; width:100%; height:20px; margin:0 auto; cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown {bottom:0;}


.mCSB_horizontal.mCSB_inside > .mCSB_container {margin-right:0; margin-bottom:30px;}
.mCSB_horizontal.mCSB_outside > .mCSB_container {min-height: 100%;}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {top:auto; right:0; bottom:0; left:0; width:auto; height:16px;}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom:-26px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {margin: 0 20px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:2px; margin:7px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {left:0; width:30px;height:100%;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:4px; margin:6px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {height:12px;margin:2px auto;}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:8px;margin:4px 0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { position:absolute;display:block; overflow:hidden; width:20px; height:100%; margin:0 auto; cursor:pointer;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {left:0;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {right:0;}


.mCSB_container_wrapper {position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; width:auto; height:auto; margin-right:30px; margin-bottom:30px;}
.mCSB_container_wrapper > .mCSB_container { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;padding-right:30px; padding-bottom:30px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:20px;}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {right:20px;}


.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {bottom:0;}


.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {right:0;}


.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {left:20px;}


.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {left:0;}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0; margin-left:30px;}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {padding-right:0;}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {padding-bottom:0;}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {margin-right:0;margin-left:0;}


.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {margin-bottom:0;}


.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
      -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
      -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
      -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
      transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
      -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
                  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                  opacity .2s ease-in-out, background-color .2s ease-in-out;
      -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
                  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                  opacity .2s ease-in-out, background-color .2s ease-in-out;
      -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
                  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                  opacity .2s ease-in-out, background-color .2s ease-in-out;
      transition: width .2s ease-out .2s, height .2s ease-out .2s,
                  margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
                  margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
                  opacity .2s ease-in-out, background-color .2s ease-in-out;
}


.mCSB_scrollTools {opacity:0.75; -ms-filter:"alpha(opacity=75)"; filter:"alpha(opacity=75)";}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {opacity:0; -ms-filter:"alpha(opacity=0)"; filter:"alpha(opacity=0)";}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {opacity:1; -ms-filter:"alpha(opacity=100)"; filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.4); -ms-filter:"alpha(opacity=40)"; filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.75); -ms-filter:"alpha(opacity=75)"; filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.85); -ms-filter:"alpha(opacity=85)"; filter:"alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.9); -ms-filter:"alpha(opacity=90)"; filter:"alpha(opacity=90)";}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { opacity:0.4;background-image:url(mCSB_buttons.png);background-repeat:no-repeat; -ms-filter:"alpha(opacity=40)"; filter:"alpha(opacity=40)";}
.mCSB_scrollTools .mCSB_buttonUp {background-position:0 0;}
.mCSB_scrollTools .mCSB_buttonDown {background-position:0 -20px;}
.mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -40px;}
.mCSB_scrollTools .mCSB_buttonRight {background-position:0 -56px;}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {opacity:0.75; -ms-filter:"alpha(opacity=75)"; filter:"alpha(opacity=75)";}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {opacity:0.9; -ms-filter:"alpha(opacity=90)"; filter:"alpha(opacity=90)";}


.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.15);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:rgba(0,0,0,0.85);}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:rgba(0,0,0,0.9);}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px;}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px;}


.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {width:4px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; background-color:#fff; background-color:rgba(255,255,255,0.1);}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:4px; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; background-color:#fff; background-color:rgba(255,255,255,0.75);}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:4px; margin:6px auto;}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.85);}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.9);}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px 0;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -20px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -40px;}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -56px;}


.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;background-color:#000; background-color:rgba(0,0,0,0.1);}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px 0;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -20px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -40px;}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -56px;}


.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {width:4px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-color:#fff; background-color:rgba(255,255,255,0.1);}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-color:#fff; background-color:rgba(255,255,255,0.75);}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:4px; margin:6px 0;}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:6px; margin:5px auto;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.85);}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.9);}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px 0;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -20px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -40px;}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -56px;}


.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;background-color:#000; background-color:rgba(0,0,0,0.1);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px 0;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -20px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -40px;}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -56px;}


.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff; background-color:rgba(255,255,255,0.1);}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:2px;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%;}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:2px; margin:7px auto;}


.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.15);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px 0;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -20px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -40px;}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -56px;}


.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff; background-color:rgba(255,255,255,0.15);}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {height: 14px;}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:14px; margin:0 1px;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {width:14px;}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {height:14px; margin:1px 0;}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:16px;height:16px; margin:-1px 0;}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:4px;}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:16px;height:16px; margin:0 -1px;}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:4px;margin:6px 0;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {background-position:0 -72px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {background-position:0 -92px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {background-position:0 -112px;}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {background-position:0 -128px;}


.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.15);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-80px -72px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-80px -92px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-80px -112px;}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-80px -128px;}


.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {width:4px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {background-color:transparent; background-position:center;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRai l { opacity:0.3;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat:repeat-y; -ms-filter:"alpha(opacity=30)"; filter:"alpha(opacity=30)";}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {height:4px; margin:6px 0; background-repeat:repeat-x;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {background-position:-16px -72px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {background-position:-16px -92px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {background-position:-20px -112px;}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {background-position:-20px -128px;}


.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-96px -72px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-96px -92px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-100px -112px;}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-100px -128px;}


.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background-image:-moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
      background-image:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
      background-image:-webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
      background-image:-o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
      background-image:-ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
      background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-repeat:repeat-y;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
      background-image:-moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
      background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
      background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
      background-image:-o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
      background-image:-ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
      background-image:linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-repeat:repeat-x;
}


.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {height:70px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {width:70px;}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {opacity:1; -ms-filter:"alpha(opacity=30)"; filter:"alpha(opacity=30)";}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {-webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {width:8px; background-color:#000; background-color:rgba(0,0,0,0.2); box-shadow:inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#555;}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:8px;}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:8px; margin:4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:8px; margin:4px auto;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px;}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px;}


.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.1); box-shadow:inset 1px 0 1px rgba(0,0,0,0.1);}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px;}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px;}


.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {opacity:1; -ms-filter:"alpha(opacity=30)"; filter:"alpha(opacity=30)";}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {right:1px;}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {box-shadow:inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {bottom:1px; box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:absolute; top:0; right:0; bottom:0; left:0; width:12px; height:auto; margin:2px; box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#555;}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width:auto;height:12px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {background-color:#000; background-color:rgba(0,0,0,0.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px;}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px;}


.mCS-3d-thick-dark.mCSB_scrollTools {box-shadow:inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {box-shadow:inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {box-shadow:inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {box-shadow:inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#777;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {background-color:#fff; background-color:rgba(0,0,0,0.05); box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1);}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px;}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px;}


.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {right:0; margin:12px 0;}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {bottom:0; margin:0 12px;}


.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right:auto;left:0;}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:transparent;}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {height:50px;}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {width:50px;}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.2); -ms-filter:"alpha(opacity=20)"; filter:"alpha(opacity=20)";}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.5); -ms-filter:"alpha(opacity=50)"; filter:"alpha(opacity=50)";}


.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.2); -ms-filter:"alpha(opacity=20)"; filter:"alpha(opacity=20)";}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.5); -ms-filter:"alpha(opacity=50)"; filter:"alpha(opacity=50)";}


.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {width:6px; background-color:#000; background-color:rgba(0,0,0,0.2);}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px;}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:6px; margin:5px 0;}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:12px;}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {height:12px; margin:2px 0;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px;}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px;}


.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.1);}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px;}


.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {width:12px; background-color:#000; background-color:rgba(0,0,0,0.2);}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position:absolute; top:0; right:0; bottom:0; left:0; width:6px; height:auto; margin:3px 5px;}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {position:absolute; top:0; right:0; bottom:0; left:0; width:auto; height:6px; margin:5px 3px;}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {width:100%; height:12px; margin:2px 0;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {background-position:-32px -72px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {background-position:-32px -92px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {background-position:-40px -112px;}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {background-position:-40px -128px;}


.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.75);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.1);}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {background-position:-112px -72px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {background-position:-112px -92px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {background-position:-120px -112px;}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {background-position:-120px -128px;}


.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-width:1px; border-style:solid; border-color:#fff; border-color:rgba(255,255,255,0.2);background-color:transparent;}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {border-color:#000; border-color:rgba(0,0,0,0.2);}


.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff; background-color:rgba(255,255,255,0.6);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {background-color:#000; background-color:rgba(0,0,0,0.6);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000; background-color: rgba(0,0,0,0.75);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.85);}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#000; background-color:rgba(0,0,0,0.9);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.75);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.85);}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#fff; background-color:rgba(255,255,255,0.9);}

.area_breadcrumb .statement_gropup .gropup_wrap{height:100px;}
.area_breadcrumb .statement_gropup{text-align:center;}
.area_breadcrumb .statement_gropup .list li {margin:10px 0 0 0;}
.area_breadcrumb .statement_gropup .list li:first-child {margin:0;}

/* 2021-06-30 GGU477 하기 코드 위치 문서 상단으로 옮김
.mg0 {margin:0 !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.ml20 {margin-left:20px !important;}
.mb15 {margin-bottom:15px !important;}
.mb18 {margin-bottom:18px !important;}
.w100 {width:100px !important;min-width:100px !important;}
.pd0 {padding:0 !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pt65 {padding-top:65px !important;}
.pt30 {padding-top:30px !important;}
.pt20 {padding-top:20px !important;}
.pt35 {padding-top:35px !important;}
.pt60 {padding-top:60px !important;}
.tit_card01 {font-size:20px;line-height:26px;color:#000;}
.txt_black8 {color:#888 !important;} */

.list_myaccount_1.type_dev li {border-top:0; border-bottom:1px solid #e5e5e5;}
.list_myaccount_1.type_dev li:last-child {border-bottom:0;}
.list_myaccount_1.type_dev2 li { border-top:1px solid #e5e5e5;border-bottom:0;}
.list_myaccount_1.type_dev2 li:first-child {border-top:0;}
sup {display: inline-block; margin-top: -9px;}


.bank_list {border-top: 1px solid #d5d5d5;}
.bank_list:after {display: block; clear: both; content: "";}
.bank_list li:nth-child(odd) {clear:both; border-right: 1px solid #d5d5d5; }
.bank_list li {float: left; width: 50%; box-sizing: border-box; border-bottom: 1px solid #d5d5d5; text-align: center;}
.bank_list li a {display: block; min-height: 100px; padding: 25px 19% 30px;}
.bank_list li a span {display: block; min-height:30px;font-size: 15px; }
.checkbox_all_wrap {position:relative;;}
.checkbox_all_wrap  .btn_area {position:absolute; top:3px; right:0; margin:0;}
.checkbox_all_wrap  .btn_area li:last-child {margin:0;}
.refresh {margin-top:20px;}
.refresh span {padding-left:20px; color:#1e75d6; background:url(/m/image/common/icon_refresh.png) no-repeat; background-size: 13px auto;}
.btn_inpuiry { width: 100%;-webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #aaa; background-color: #fff; text-align:right;}


.step_box {padding:21px 25px 25px; margin:0 18px; background:#fafafa; text-align:center;}
.step_box > ol > li {margin-top:21px;}
.step_box > ol > li:first-child {margin-top:0;}
.step_box > ol > li .tit { line-height:21px; color:#000; font-family:'YouandiModernTR';font-size:14px;}
.step_box > ol > li .txt { line-height:21px;color:#888;}
.step_box > ol > li .img_module {margin-top:11px;}

.btn_top{ position: fixed; z-index:10; right:18px; bottom:18px;display:none; /* text-indent:-999em; font-size:0; color:#fff; */ width:34px; height:34px; border:1px solid #000; border-color:rgba(0,0,0,0.16); border-radius:3px;color:transparent;background-color:rgba(255,255,255,0.95);background-image:url('/m/image/common/btn_top.png');background-repeat:no-repeat;background-position:50% 50%;background-size:14px 18px; font-size:17px;}/* 웹 접근성 작업 2019-06 */
.btn_top:press{background-color:rgba(0,0,0,0.9);}

@media only screen and (max-width:321px){
    .agree_inner .h2_tit_1{margin-bottom:10px;}
    .agree_inner .h2_tit_1 .checkbox{ display:block;float:none; margin-top:10px; text-align:left;}
	.agree_inner .h2_tit_1 .checkbox.type_1 input[type=checkbox] + label{ padding-right:0;padding-left:35px;}
	.agree_inner .h2_tit_1 .checkbox.type_1 input[type=checkbox] + label:after{right:auto; left:0;}
}


.sgm_employee {}
.sgm_employee h1 {display:table; width:100%; height:55px; background-color:#000; text-align:center;}
.sgm_employee h1 a {display:table-cell; height:100%; vertical-align:middle;}
.sgm_employee h1 a img {width:148px; height:15px;}
.sgm_employee .tit_wrap {border-bottom:1px solid #aaa;}
.sgm_employee .tit_wrap h2 { display:table;width:100%; height:50px; background-color:#fff; text-align:center; font-size:16px;}
.sgm_employee .tit_wrap h2 span {display:table-cell; height:100%; vertical-align:middle;}
.sgm_employee .box_list_info_1 {border-top:8px solid #ededed; border-bottom: 8px solid #ededed;}
.sgm_employee .h3_tit_7.type_3_1 {border-bottom:1px solid #e5e5e5;}
.sgm_employee .list_style_1 {margin-bottom:0;}
.sgm_employee .sgm_reqst {margin:25px 0 25px 0;}


.sgm_employee .area_scroll {border-bottom:1px solid #c9c9c9;}
.sgm_employee .box_content {border-top:8px solid #ededed;}
.sgm_employee .box_content.type_sgm {padding:20px 18px 25px 18px; margin:0;}
.sgm_employee .box_content.type_sgm .txt_info {color:#888; font-size:12px;}
.sgm_employee .list_card_kind_img {padding:0 18px; border-top:0px solid #ededed;}
.sgm_employee .list_card_kind_img.type_1 > li > .radiobox {width:150px;}
.sgm_employee .list_card_kind_img.type_1 > li > .list_inline {margin-bottom:7px;}
.sgm_employee .radiobox.type_8 input[type=radio] + label {overflow:hidden; height:100%; padding-left:100%; text-indent:-10000px; font-size:0;}
.sgm_employee .hcbtn_sgm,
.sgm_employee .hcbtn_sgm a { position:relative;display:inline-block; padding:0 0 0 8px; border:1px solid #e5e5e5; color:#666; background:#fff; text-align:center; font-family:'YouandiModernTR'; font-size:12px;}
.sgm_employee .hcbtn_sgm span {display:block; height:18px; line-height:18px; padding:0 8px 0 0;}
.sgm_employee .hcbtn_sgm:hover { border-color:#e5e5e5; color:#666;background:#e5e5e5;}
.box_tooltip {position:relative;}
.layer_tooltip { position:absolute; z-index:10; top:0; left:0;display:none; min-width:100%; line-height:24px; color:#666; background-color:#fff; font-size:13px;}
.layer_tooltip.hover{display:block;}
.tooltip_fee .layer_tooltip {top:0px;}
.layer_tooltip > .tooltip { line-height:23px;padding:10px 15px; border:1px solid #e5e5e5; color:#666; font-size:12px;}
@-webkit-keyframes toolAni{
    0%{opacity:0; transform:translate3d(0,30px,0);}
    100%{opacity:1; transform:translate3d(0,0,0);}
}
@-moz-keyframes toolAni{
    0%{opacity:0; transform:translate3d(0,30px,0);}
    100%{opacity:1; transform:translate3d(0,0,0);}
}
@keyframes toolAni{
    0%{opacity:0; transform:translate3d(0,30px,0);}
    100%{opacity:1; transform:translate3d(0,0,0);}
}


.footer_simple {width:100%; background:#434343;}
.footer_simple .footer_container {padding:20px 0; text-align:center;}
.footer_simple .footer_logo { width:78px; height:16px;margin:20px auto 0;}
.footer_simple .footer_logo:after {display:block; clear:both; content:'';}
.footer_simple .footer_logo img {width:78px; height:16px;}
.footer_simple .footer_info {color:#666;}
.footer_simple .footer_info .address {margin:0 0 7px 0; font-size:0;}
.footer_simple .footer_info .address strong {display:block; padding:0 0 7px 0; font-family:YouandiModernTR !important; font-size:12px;}
.footer_simple .footer_info .address span {font-size:12px;}
.footer_simple .footer_info .address .ceo_dd {padding:0 6px 0 0 !important; background:url('/m/image/common/bar_footer.png') no-repeat 100% 50%;}
.footer_simple .footer_info .address .licensee_dt {padding:0 0 0 6px !important;}
.footer_simple .footer_info .address .ceo_dt,
.footer_simple .footer_info .address .ceo_dd,
.footer_simple .footer_info .address .licensee_dt,
.footer_simple .footer_info .address .licensee_dd {display:inline-block; padding:0; vertical-align:middle;}
.footer_simple .footer_info .copyright {font-size:12px;}
.pop_list dt {padding:10px 0 10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; font-family:YouandiModernTR !important; font-size:14px;}
.pop_list dd { padding:10px 10px 5px;background:#fafafa;}
.vdForm {margin-top:-1px;}
.choice_group .list_dot_2 .list_dot_1.type_5 li {position:relative; line-height:21px; padding-left:9px; color:#888; font-size:14px;}
.choice_group .list_dot_2 .list_dot_1.type_5 li:before { position:absolute; top:1px; left:0;display:block; width:3px; height:3px; content:'-';}
.area_fold .box_fold.btn_nonemax{max-height:70px;}
.select_wrap {padding:26px 18px 0 18px;}
.bor_bot_none {border-bottom:none !important;}
.accordion_unit.type_2 .box_fold.type_2 > .list_info_2.type_1{border-bottom:none;}
.area_content .img_visual + .box_info {border-bottom:0;}


.list_indicator.ind_2d > li.on {background-color: #000;}
.list_indicator.ind_2d > li {background-color: #a5a5a5;}

body .area_layer { top:100%; display:none;transition:top 0.5s;}
body .area_layer.opened {top:0; display:block; opacity:1;
    -webkit-animation: layOpenAni .5s cubic-bezier(0.645,0.045,0.355,1.000);
     animation: layOpenAni .5s cubic-bezier(0.645,0.045,0.355,1.000);
     -webkit-overflow-scrolling:touch;
}
.isApp body .area_layer.opened {top:55px;}
.isApp body .area_layer.opened .box_layer {padding-bottom:100px;}
.isApp body .area_layer.opened .box_layer + .contents_footer {margin-top:-100px;}
@-webkit-keyframes layOpenAni{
    0%{ top:100%;opacity:0;}
    100%{ top:0;opacity:1;}
}
@-moz-keyframes layOpenAni{
    0%{ top:100%;opacity:0;}
    100%{ top:0;opacity:1;}
}
@keyframes layOpenAni{
    0%{ top:100%;opacity:0;}
    100%{ top:0;opacity:1;}
}
body .area_layer.opened.type02 {border-top:50px solid #fff;}/*2017-02-06*/
body .area_layer.closing {top:100%; display:block;transition:top 0.3s ease-in-out;}
.visual_area > .img,
.area_visual .img_visual > p,
.area_visual .img_visual > .img {top:0; left:0; width:100%; height:100%; margin:0; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
#tabCon03 .box_module.type_1 div:last-child .btn_fold {border-bottom: none;}
#tabCon03 .box_module.type_1 div.on:last-child .btn_fold {border-bottom: 1px solid #d5d5d5;}
.the_Simple_layer .box_layer{margin:23px 18px;}
.the_Simple_layer .regi_box label{ color:#000;font-size:18px;}
.the_Simple_layer .regi_box3{ padding-top:23px; margin-top:20px;border-top:1px solid #e5e5e5;}
.the_Simple_layer .regi_box .ment{ display:block;padding:10px 0 0 35px;color:#888; font-size:14px;}
.the_Simple_layer .regi_box .ment2{ display:block;padding:10px 0 20px 35px;color:#000;}
.the_Simple_layer .regi_box2 .ment2{ display:block;padding:10px 0 0 35px;color:#000;}
.the_Simple_layer .btn_area{margin-top:35px;}
.list_myaccount_1.type_5 > li > .txt_1{text-align: left;}
.choice_base.card_detail .radiobox.type_1{border-bottom: 1px solid #e5e5e5;background: #f8f8f8;}
.choice_base.card_detail .radiobox.type_1 > li:nth-child(3) input[type=radio] + label{border-bottom: none;}
.choice_base.card_detail .radiobox.type_1 > li:nth-child(2) input[type=radio] + label{border-right: none;}
.chk_type1 > li {width:33.3%;}
.chk_type1 > li input[type=checkbox] + label{font-size:14px;}
.area_detail_1 .list_myaccount_2 .box_wrap .list_inline li:first-child a{color:#1e75d6;}
.section_menu_1 .choice_base .radiobox.type_1 > li input[type=radio]:checked + label,
.section_menu_1 .choice_base .check_box > li input[type=checkbox]:checked + label{position:relative; z-index:1; color:#1e75d6; background-color:#f8f8f8;}
.section_menu_1 .choice_base .radiobox.type_1 > li.on input[type=radio]:checked + label{margin-left: -1px;}
.section_menu_1 .choice_base .radiobox.type_1 > li:first-child input[type=radio] + label,
.section_menu_1  .check_box > li:first-child input[type=checkbox] + label{margin-left: -1px;}
.section_menu_1 .choice_base .radiobox.type_1 > li.on:first-child input[type=radio] + label,
.section_menu_1  .check_box > li:first-child input[type=checkbox] + label{margin-left: -1px;}
.section_menu_1 .choice_base .radiobox.type_1 > li.on input[type=radio]:checked + label,
.check_box > li input[type=checkbox]:checked + label{border-color: #e5e5e5;}
.list_myaccount_2.myCardList.type_btn2 .link_layer {width:100%;padding-top:0px;}
.section_menu_1 .choice_base .box_phone_auth .radiobox.type_1 > li input[type=radio]:checked + label,
.section_menu_1 .choice_base .box_phone_auth .radiobox.type_1 li.on input[type=radio] + label{position:relative; z-index:1; border-color:#1e75d6; border-left-width:1px; color:#1e75d6; background-color:#fff;}
.accordion_unit .box_fold.offer {padding-bottom:138px; background:url(/m/image/common/bg_offer.png) no-repeat; background-position:center 142px; background-size:157px 107px;}
.accordion_unit .box_fold.offer .txt .list_style_1 { line-height:20px;margin:0; color:#333; font-size:13px;}

.area_layer.address_search .box_inpuiry input[type=text] {line-height:1; -webkit-appearance: none;}
.addr_result{ line-height:1.2;padding:10px 0 0 11px;margin:10px 18px; color:#fc3636; background:url(/image/common/bul_list_04.png) no-repeat 0 14px;text-align:left; font-size:13px;}
.post_list{padding:0; margin:0 18px; border-bottom:1px solid #e5e5e5;}
.post_list > li { line-height:20px; box-sizing:border-box;padding:12px 0 11px; border-top:1px solid #e5e5e5; font-size:15px;}
.post_list > li p + p{margin-top:5px;}

.system_ck {padding:16px 18px 19px; border-bottom:1px solid #d5d5d5; background:#f0f0f0;}
.system_ck .txt { line-height:20px; color:#666; background:#f0f0f0;font-size:14px;}

/* 카드 리스트 공통 - 세로형 카드리스트 자동 처리 */
.plate_type_class img {display:none;}

/* 회원가입, ID,PW 찾기 프로세스 개선 */
.visual_txt.new .txt { color:#1e75d6;font-size:21px;}
.visual_txt.new .txt .user_id {position:relative;  padding-right:11px; margin-right:10px; color:#666; vertical-align:top; font-size:16px;}
.visual_txt.new .txt .user_id:before { position:absolute; top:0; right:0;display:block;  width:1px; height:14px; background:#666; content:""; }

/* 개인정보보호법 개정에 따른 인터넷 신청 동의서 변경 */
.new_clause_title {font-size:18px !important;}
.new_clause_subtitle {font-size:17px !important;}
.new_clause_bold { font-family:'YouandiModernHEB';font-weight:normal;}
.new_clause_bold_1 { font-family:'YouandiModernHEB';font-size:17px !important; font-weight:normal;}
.new_clause_bold_2 {font-size:17px !important; text-decoration:underline;}
.new_clause_bold_3 { line-height:1.4; font-family:'YouandiModernHEB';font-size:17px !important; font-weight:normal;}

/* 2021-09-29 GGU282 - 추가 */
.new_clause2_wrap .new_clause_title {font-size:21px !important;}
.new_clause2_wrap .new_clause_subtitle {font-size:20px !important;}
.new_clause2_wrap .new_clause_bold { color:#000;font-size:20px !important;}
.new_clause2_wrap .new_clause_bold_1 { color:#000;font-size:20px !important;}
.new_clause2_wrap .new_clause_bold_2 { color:#000;font-size:20px !important;}
.new_clause2_wrap .new_clause_bold_3 { color:#000;font-size:20px !important;}

.font_bold {font-family:'YouandiModernHEB';}

/* 2018-01-12 추가 : KCB로고 삽입 */
.CPCCA0102_03 .list_info_1 > li > .tit label.kcb_agree { position:relative;padding-right:68px;}
.CPCCA0102_03 .list_info_1 > li > .tit label.kcb_agree:after {position:absolute; right:0;bottom:3px;display:inline-block;width:58px;height:25px;background:url(/m/image/common/logo_kcb.png) no-repeat 0 0;background-size:cover;content:'';}

/* 2018-01-15 추가 */
.list_info_half > li { display:table;width:100%;}
.list_info_half > li > span { display:table-cell;width:50%; box-sizing:border-box;}

.layer_kcbAgree_list_tit {color:#000;}
.layer_kcbAgree_list_tit strong {font-size:17px;}
.layer_kcbAgree_list_tit span { font-family:'YouandiModernTR';font-size:16px;}
.layer_kcbAgree_list .list_info_half {border-bottom:1px solid #e5e5e5;}
.layer_kcbAgree_list .list_info_half > li {padding:15px 2px; border:1px solid #e5e5e5; border-bottom:0; background-color:#f0f0f0;}
.layer_kcbAgree_list .list_info_half > li > span {padding:0 10px; vertical-align:top;}

/* 2018-01-24 추가 이종환 */
.relative {position:relative !important;}

/* 2018-02-23 웹 DB 동의서 */

.m_lms_agree .list_info_1 > li > .tit{display:block;margin-bottom:15px;font-size:22px !important;}
.m_lms_agree .list_info_1 .sub_info_list.type3 li > .tit{color:#444;font-size:20px;}
.lms_agree_cont{margin-top:10px;font-size:17px !important;}
.lms_agree_cont .lms_cont span{display: inline-block;margin:5px 0;}


/* 2018-03-16 수정 : 카드 신청 2단계 동의*/
.autoAgree_form {position:relative;margin-top:24px;}
.autoAgree_form > h2 {padding-right:100px;}
.autoAgree_form > .checkbox {position:absolute;top:0;right:0;}


/* 2018-03-19 추가 */
.radiobox.type_3.size_5_1_2 > li {width:33.33333%;}
.radiobox.type_3.size_5_1_2 > li:nth-child(4) {width:100%;}
.radiobox.type_3.size_5_1_2 > li:nth-child(5),
.radiobox.type_3.size_5_1_2 > li:nth-child(6) {width:50%;}
.radiobox.type_3.size_5_1_2 > li:nth-child(4) input[type=radio] + label {border-width:0px 1px;}
.radiobox.type_3.size_5_1_2 > li:nth-child(5) input[type=radio] + label {border-width:1px;}
.radiobox.type_3.size_5_1_2 > li.on:nth-child(4) input[type=radio] + label {border-width: 1px;}
.radiobox.type_3.size_5_1_2 > li.on:nth-child(5) input[type=radio] + label {border-width: 1px;}

/* 2018-03-20 추가 */
.bgBlue_type1 {background-color:#dce6f1;}

/* 2018-03-28 추가 */
.radiobox.type_1_1.size_3 > li input[type=radio] + label,
.radiobox.type_1_1.size_4 > li input[type=radio] + label,
.radiobox.type_1.size_4_h > li input[type=radio] + label{min-height:73px;}
.radiobox.type_1_1 > li input[type=radio] + label .w_small{width:47px;}
.choice_radio.type_1_1 .icon_tab_radio,
.choice_radio.type_1_1 .txt_label{display:inline-block;vertical-align:middle;}
.choice_radio.type_1_1 .icon_tab_radio:after,
.choice_radio.type_1_1 li.on .icon_tab_radio:after{display:inline-block;width:21px;height:21px;margin-right:8px;content:'';vertical-align:middle;}
.choice_radio.type_1_1 li .icon_tab_radio:after{background:url(/m/image/common/icon_tab_radio.png) no-repeat -21px 50%;background-size:42px;}
.choice_radio.type_1_1 li.on .icon_tab_radio:after{background-position:0 50%;}
.choice_radio.type_1_1.size_3 .txt_label,.choice_radio.type_1_1.size_4 .txt_label{width:calc(100% - 40px);text-align:left;}
.choice_radio.type_1_1 .txt_label.txt_ln{letter-spacing:-0.03em;}

/* 2021-04-20 카드신청 설명서 확인 */
.manual_list{box-sizing:border-box;border:solid 1px #e1e1e1;}
.manual_list:after{display:block;clear:both;content:'';}
.manual_list li{float:left;width:50%;}
.manual_list li + li{margin-left:-1px;border-left:solid 1px #e1e1e1;}
.manual_list li .download{position: relative;display:-webkit-box; display:box;width:100%;height:55px;box-sizing: border-box;color:#666;text-align:center;font-size:15px; -webkit-box-orient:vertical; box-orient:vertical; -webkit-box-pack:center; box-pack:center;}
.manual_list li .download:before {display:inline-block;width:21px;height:21px;margin-right:8px;background:url(/m/image/common/icon_tab_radio.png) no-repeat -21px 50%;background-size:42px;content:'';vertical-align:middle;}
.manual_list li.on .download:before {background-position:0 50%;}
.manual_list li.on .download{color:#1e75d6;font-weight:700;}
/* 2021-09-10 추가 */
.manual_list li span {display:inline-block; line-height:18px;}
.manual_list li:last-child .download:before {position:relative; top:-6px;}
.manual_check input[type=checkbox] + label {word-break: break-all;}
.manual_check input[type=checkbox] + label:after {top:0; margin:0;}

/* 2018-04-24 카드해지 유의사항 리스트 */
.list_guide_box {text-align:left;}
.list_guide_box.first { margin-bottom:25px;border-bottom:1px solid #ddd;}
.list_guide_box > p.title { display: inline-block;line-height:1;padding:4px 0 5px 23px;color:#ff0000;background:url(/image/icon/icon_guide_over.png) no-repeat 0 50%; vertical-align:top; font-weight:bold;}
.list_guide_box a {font-weight:bold;}

/* 2018-05-18 카드안내신청 - 리볼빙 팝업 */
.box_layer.type_10.type_revolving ul li.txt.tit02{padding:15px 0;margin-bottom:30px;background:#fafafa;}
.box_layer.type_10.type_revolving ul li.txt.tit02 span{color:#ff0000;}

/* 2018-06-04 카드안내신청 - Wrapup 수정 */
.revoving_mod {padding:0;}

/* 2018-06-14 카드안내신청 - Wrapup 닫기버튼 수정 */
.box_layer #reCheckDetail .rev_btn_pop {position:absolute;margin-top:0;}
.box_layer #reCheckDetail .rev_btn_pop a {position: relative;z-index: 11;display: block;overflow: hidden;width: 39px;height: 0;padding-top: 100%;content: -10000px;}
.box_layer #reCheckDetail .rev_btn_pop a:before {position:absolute;top:7px;left:19px;display:block;width:1px;height:25px;background-color:#000;content:"";}
.box_layer #reCheckDetail .rev_btn_pop a:after {display:block;content:"";-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

/* 2018-06-18 Digital 스마트보험 */
/* 탭 type 추가 */
.radiobox.type_10 {overflow:hidden;margin:-1px -1px 0 0;border-width:1px 0 1px;border-style:solid;border-color:#aaa;background-color:#fafafa;}
.radiobox.type_10 > li {position:relative;bottom:-1px;float:left;width:50%;background:#fafafa;}
.radiobox.type_10 > li a {display:block;height:50px;line-height:50px;border-width:0 1px 1px 0;border-style:solid;border-color:#e5e5e5;color:#000;text-align:center;font-size:13px;}
.radiobox.type_10 > li:nth-child(even) a{border-width:0 0 1px 0;}
.radiobox.type_10 > li.on a {color:#1e75d6;}

/* 타이틀 info 레이어 */
.h2_tit_1 span.btn_open{display:inline-block;line-height:21px;vertical-align:middle;}
.btn_info.type_5{position:relative;top:auto;right:auto;clear:both;margin-top:15px;text-align:left;}
.btn_info.type_5 .btn_open a{position:relative;width:21px;height:21px;line-height:23px;padding:0;text-indent:0;}
.btn_info.type_5 .btn_open > a:after, .btn_info.type_5 .btn_open > span:after{position:absolute;top:0;left:0;display:block;width:21px;height:21px;-webkit-border-radius:0;border-radius:0;background:transparent url(/m/image/common/icon_fishing_set.png) no-repeat 0 -146px;background-size:146px auto;content:'';text-indent:0;vertical-align:middle;}
.checkbox.type_1.all_chk_box { position:absolute; top:0px; right:0px; }

/*  API 로그인 관련 추가 */
.input_pos.new_auth_type .hcbtn_medium.type3 { position:absolute; width:108px;height:55px; border:1px solid #cdcdcd; color:#666; font-size:14px; }
.input_pos.new_auth_type .hcbtn_medium.type2 { min-width:50px; }
.input_pos.new_auth_type input[type=tel]{ width :calc(100% - 120px); margin-left:120px; }
.input_pos.new_tel_type  select { width:127px; }
.input_pos.new_tel_type  input[type="tel"]  { width :calc(100% - 126px);  margin-left:-1px; }

/* 2021-05-27 GGCP31 띠배너 css m_index_cms22로 1차 이동 */

/* 2018-07-30 모바일웹 내 앱 설치 유도 바텀배너 */
body .area_layer.layer_install { top:auto;bottom:-100%; display:none;transition:bottom 0.5s;}
body .area_layer.layer_install.opened {top:auto;bottom:0; display:block; opacity:1;
    -webkit-animation: layOpenAni2 .5s cubic-bezier(0.645,0.045,0.355,1.000);
     animation: layOpenAni2 .5s cubic-bezier(0.645,0.045,0.355,1.000);
     -webkit-overflow-scrolling:touch;
}
@-webkit-keyframes layOpenAni2{
    0%{ bottom:-100%;opacity:0;}
    100%{ bottom:0;opacity:1;}
}
@-moz-keyframes layOpenAni2{
    0%{ bottom:-100%;opacity:0;}
    100%{ bottom:0;opacity:1;}
}
@keyframes layOpenAni2{
    0%{ bottom:-100%;opacity:0;}
    100%{ bottom:0;opacity:1;}
}
.main .dimmed{z-index:22;}
.area_layer.layer_install{top:auto;bottom:0;height:241px !important;border-top-left-radius:7px;border-top-right-radius:7px;}
.area_layer.layer_install .area_tit .tit_wrap{min-height:18px;padding:12px 16px 11px;text-align:left;}
.area_layer.layer_install .area_tit .tit_wrap h2{line-height:20px;font-size:15px;font-weight:bold;}
.area_layer.layer_install .btn_close{top:2px;right:0;margin-top:0;}
.area_layer.layer_install .btn_close a{height:auto;line-height:20px;padding:5px 7px;color:#0070f0;text-align:center;font-size:12px;}
.area_layer.layer_install .btn_close a:before,
.area_layer.layer_install .btn_close a:after{display:none;content:'';}
.area_layer.layer_install .box_layer{overflow:hidden;height:197px;margin:0;}

.area_layer.layer_install .btn_install{display:block;padding:11px 15px 25px;text-align:center;}
.area_layer.layer_install .btn_install p{line-height:20px;color:#666;text-align:left;font-size:12px;}
.area_layer.layer_install .btn_install p + .img{margin-top:21px;}
.area_layer.layer_install .btn_install .img{display:inline-block;max-width:60px;vertical-align:middle;}
.area_layer.layer_install .btn_install .img + span{margin-top:21px;}
.area_layer.layer_install .btn_install span{display:block;color:#0070f0;font-size:17px;font-weight:bold;}
/* 2019-11-13 : 앱 명세서 신청 이벤트 */
/* .area_layer.layer_install .bg_event{background: url(/m/image/common/bg_layer_install.jpg) no-repeat center / cover;}
.area_layer.layer_install .btn_install p{font-size:17px;line-height:20px;color:#fff;}
.area_layer.layer_install .btn_install p + .img{margin-top:5px}
.area_layer.layer_install .btn_install .img{display:inline-block;max-width:80px;vertical-align:middle}
.area_layer.layer_install .btn_install .img + span{margin-top:5px}
.area_layer.layer_install .btn_install span{display:block;font-size:17px;color:#fff;} */

@media all and (max-width:340px){
    .area_layer.layer_install .area_tit .tit_wrap h2{font-size:15px;}
}



.down_link { position: relative; display: block; padding: 25px 10px 25px 66px; border-bottom: 1px solid #d5d5d5;	background: url(/m/image/common/ico_top_banner_01.png) no-repeat 9px center; background-size: 45px auto; }
.down_link:before { position: absolute; top: 50%;    right: 15px; display: block; width: 1px; height: 8px; margin-top: -7px; background: #888; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.down_link:after { position: absolute; top: 50%;    right: 15px; display: block; width: 1px; height: 8px; margin-top: -1px; background: #888; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/*2018-08-27 add*/
.keepAll{word-wrap:break-word !important;word-break:keep-all !important;}

/* 약관 넘버링 추가 */
.agree_numType {display:inline-block;width:11px;height:11px;line-height:13px;border:1px solid #888;border-radius:50%;text-align:center;vertical-align:middle;font-size:8px;}


/* 임직원 SGM 접속 중단 안내 */
.sgm_employee .defaultUI { display : none;}
.sgm_employee .errorUI { display : block;}

/* 2018-10-16 본인인증UI 변경 */
.radiobox.type_1.size_4 li .hp_1{background:url(/m/image/card/card_logo_SKT.png) no-repeat center center;background-size: 50px 43px;text-indent:-9999px;}
.radiobox.type_1.size_4 li .hp_2{background:url(/m/image/card/card_logo_KT.png) no-repeat center center;background-size: 50px 43px;text-indent:-9999px;}
.radiobox.type_1.size_4 li .hp_3{background:url(/m/image/card/card_logo_LGT.png) no-repeat center center;background-size: 50px 43px;text-indent:-9999px;}
.checkbox_list.check_agree{margin-bottom:15px;}
.input00 .bdt_no{margin-top:0;border-top:1px solid #e5e5e5 !important;}

/* 2018-10-22 휴페업 조회 및 본인차량조회 버튼 추가 */
.job_info {margin:12px 0 22px;}
.job_info li {position:relative;line-height:18px;color:#000;font-size:12px;}
.workerName {display:none;margin:1.0rem 0;}
.worker_show {display:block;}
.smail_ebay .hcbtn_medium.type1 {border: 1px solid #1e75d6;color: #fff;background-color: #1e75d6;}
.smail_ebay .hcbtn_medium.fin {background: #666;}
.chek_car input {height:46px !important;padding-left:0.5rem !important;}
.chek_car button {position:absolute;top:9px;right:5px;}
.chek_car .btn_chekCar.fin {background:#666;}

.chek_work_type02 {position:absolute;top:45px;right:13px;}
.btn_chekCar_type02 {position:absolute;top:14px;right:13px;}
.chek_work_type02.fin, .btn_chekCar_type02.fin {background:#666;}

/* 2018-12-04 코스트코 멤버십 관련 신청 프로세스 수정 요청 */
.costcobox{display:none;margin-top:20px;}

/* 2018-12-11 카드안내신청 - 연회비 캐시백 신규페이지 */
.cashback_header{width:90%;padding:45px 5%;background:#f5f5f5;}
.cashback_header .cashback_event{padding-bottom:90px;background:url(/m/image/common/m_cashback.png) center bottom no-repeat;background-size:133px 68px;text-align:center;}
.cashback_event .tit_cash{line-height:1.0em;color:#000;text-align:center;font-family:'YouandiModernHEB';font-size:22px;}
.cashback_event .cashback{display:inline-block;line-height:1.2em;margin-top:20px;color:#333;text-align:center;font-size:15px;}

/* 2019-01-11 부가서비스 내 코스트코 멤버쉽 이탈 팝업 */
.area_layer.leavepop{background:none !important;transition:all 0s ease 0s !important;}
.area_layer.leavepop.opened{overflow:hidden !important;-webkit-animation:none !important;animation:none !important;-webkit-overflow-scrolling:auto;/* overflow-y:hidden !important; */}
.area_layer.leavepop .box_layer{height:100%;margin:0 30px;}
.area_layer.leavepop .btn_close{right:-9999px;}
.area_layer.leavepop .box_layer.type4.btn_close_show .box_con{position:relative;} /* 2020-10-23  GGCN45 : 작은 팝업에서 X 버튼 보이게 할 경우  - 선배포 가능*/
.area_layer.leavepop .box_layer.type4.btn_close_show .btn_close{right:8px;} /* 2020-10-23  GGCN45 : 작은 팝업에서 X 버튼 보이게 할 경우  */
.area_layer.leavepop .dt{display:table;width:100%;height:100%;}
.area_layer.leavepop .dc{display:table-cell;height:100%;text-align:center;vertical-align:middle;}
.area_layer.leavepop .box_con{max-width:300px;height:175px;margin:0 auto;background-color:#fff;text-align:left;}
.area_layer.leavepop .bg_txt{height:120px;background:url(/m/image/common/leave_txt.png) no-repeat center top;background-size:300px 120px;}
.area_layer.leavepop .bg_txt p{position:absolute;left:-9999px;}
.area_layer.leavepop .box_btn{position:relative;}
.area_layer.leavepop .btn_area{padding:0;margin:0;}
.area_layer.leavepop .btn_area li{position:absolute;right:0;bottom:0;left:100px;margin-right:0;}
.area_layer.leavepop .btn_area li:first-child{position:static;width:100px;}
.area_layer.leavepop .hcbtn_large{min-height:55px;line-height:53px;border-radius:0;}
.area_layer.leavepop .hcbtn_large span{line-height:53px;}
.area_layer.leavepop .dc .dimmed + .box_con{position:relative;z-index:100;}

.area_layer.leavepop .box_layer.type2 .box_con{height:auto;}
.area_layer.leavepop .box_layer.type2 .txt{padding:30px 20px;text-align:center;}
.area_layer.leavepop .box_layer.type2 .txt.pd_miduim{padding:45px 20px;}
.area_layer.leavepop .box_layer.type2 .txt .tp_miduim{line-height:20px;color:#000;font-size:14px;}
.area_layer.leavepop .box_layer.type2 .txt .tp_small{line-height:18px;padding-top:18px;color:#666;font-size:12px;}
.area_layer.leavepop .box_layer.type2 .box_btn .hcbtn_large{background:#1e75d6;}
.area_layer.leavepop .box_layer.type2 .box_btn .hcbtn_large.type_1{ border:1px solid #666;background:#666;}

.area_layer.leavepop .box_btn.type2 .btn_area li{left:50%;border:none;}
.area_layer.leavepop .box_btn.type2 .btn_area li:first-child{width:50%;}
.area_layer.leavepop .box_btn.type2 .btn_area li:first-child a{ border:1px solid #333;background:#333;} /* 2020-10-16 GGCQ62 -[카드안내신청] 카드해지 신청 내 신세계포인트 안내 팝업 제작 */
.area_layer.leavepop .link_inner_pop{display:inline-block;margin-top:10px;color:#1e75d6;font-size:12px;}

.area_layer.leavepop .box_layer.type3 .box_con{position:relative;height:540px;}
.area_layer.leavepop .box_layer.type3 .box_con .box_module{height:485px;}
.area_layer.leavepop .box_layer.type3 .box_con h3{padding:20px 0 10px;}
.area_layer.leavepop .box_layer.type3 .box_con .fix_tit{position:absolute;z-index:1;top:0;right:0;left:0;border-bottom:1px solid #e5e5e5;background:#fff;}
.area_layer.leavepop .btn_area.type3 li{width:100%;}
@media all and (max-width:360px){
	.area_layer.leavepop .box_layer.type3 .box_con{height:435px;}
	.area_layer.leavepop .box_layer.type3 .box_con .box_module{height:380px;}
}

/* 2019-01-14 카드 브릿지 화면 내 연회비 버튼 및 툴팁 제작 건 */
.list_card_kind_img.type_2 > li.new_plate{min-height:120px;}
.list_card_kind_img.type_2 > li{min-height:105px;padding:20px 0 44px 128px;}
.btn_info.annual{position:absolute;top:98px;left:0;width:107px;height:32px;text-align:center;/* top:auto;bottom:15px; */}
.btn_info.annual .guide_inner{text-align:left;}
.new_plate .btn_info.annual{top:137px;}

.list_card_kind_img.type_2 > li:first-child .btn_info.annual{top:98px;}
.list_card_kind_img.type_2 > li.new_plate:first-child .btn_info.annual{top:137px;}

.list_card_kind_img.line_no.type_2 > li:first-child .btn_info.annual{top:78px;}
.list_card_kind_img.line_no.type_2 > li.new_plate:first-child .btn_info.annual{top:117px;}

.btn_info.annual .btn_open a{display:inline-block;width:auto;height:27px;padding-top:0;text-indent:0;}
.btn_info.annual .btn_open a span{line-height:25px;}
.btn_info.annual .btn_open a:after{display:none;}
.box_card_group .btn_info.annual{position:static;height:22px;margin-top:5px;text-align:left;}
.box_card_group .btn_info.annual .btn_open a{display:inline-block;width:auto;height:22px;line-height:22px;padding-top:0;text-indent:0;font-size:11px;}
.box_card_group .btn_info.annual .btn_open a span{line-height:20px;}

/* 2019-01-30 add */
.font_13{font-size:13px !important;}

/* 2019-02-14 팝업 */
.m_cardloan_pop .ico_loan{width:45px;margin-bottom:20px;}
.m_cardloan_pop .box_small{position:relative;}
.m_cardloan_pop .sub_txt_2{font-size:15px;}
.m_cardloan_pop .sub_txt_blu{padding-top:10px;color:#1e75d6;font-size:22px;}
.m_cardloan_pop .wrap_checkbox{position:absolute;bottom:-35px;left:0;padding:20px 0 0;}
.m_cardloan_pop input[type=checkbox] + label{color:#fff;}

/* 2019-02-12 옵티머스 관련 CSS - zerochan */
/* #wrap.optimus #container .hc-fix-addwrap, */
/* 2020-06-23 GGCQ62 - 옵티머스 신청_모바일 UI 수정 */
#wrap.optimus {padding-top: 48px !important;}
#wrap.optimus #container .area_tit,
#wrap.optimus #header {display: none !important;}
#wrap.optimus #optimus-header {display: block !important;}
#optimus-header {position: fixed;z-index: 95 !important;z-index: 10;top: 0;left: 0;display: none;width: 100vw;height: 48px; background-color: #FFFFFF;}
/* ios 일때 폰트적용 */
#optimus-header h2{ position:relative;overflow:hidden; line-height:48px; padding:0 56px; text-align:center; text-overflow:ellipsis; white-space:nowrap; font-family:-apple-system, BlinkMacSystemFont, Apple SD gothic Neo; font-size:16px; font-weight:bold;}
/* 기본폰트 일때 'Noto Sans 적용 */
.chrome #optimus-header h2 {font-family:'Noto Sans', 'YouandiModernTR', 'YouandiModernHEB', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica !important;}
#optimus-header a {position: absolute; z-index:50 ;top: 8px;left: 4px;display: block;overflow:hidden;width: 32px;height: 32px;text-indent: -1000em;-webkit-tap-highlight-color: transparent;}
#optimus-header a::before { position:absolute; top:0; right:0; bottom:0; left:0; width:32px; height:32px; background:url(/m/image/common/btn_opt_back.png) no-repeat 0 0; background-size:32px;content:'';}

/* #wrap.optimus.hc-fix-header-fixed.hc-fix-header-hide #optimus-header {top: -68px;transition: top 0.35s ease-in-out;}
#wrap.optimus.hc-fix-header-fixed #optimus-header {box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 6px 8px rgba(0, 0, 0, 0.12);transition: top 0.65s ease-in-out;}  */
#wrap.optimus.hc-fix-header-fixed #optimus-header{box-shadow:1px 1px 1px 0px rgba(0,0,0,0.12);}
#wrap.optimus .link_favorite,
#wrap.optimus .compare_link {display: none !important;}
/* 카드 상세 탭 하단 영역 링크 제어 CSS  */
/* #wrap.optimus #container .card_info a {pointer-events: none !important; cursor: default !important; text-decoration: none !important;}
#wrap.optimus #container .card_info a.btn_fold {pointer-events: auto !important; cursor: pointer !important; text-decoration: none !important;} */
.hc-fix-activated #wrap.optimus .hc-fix-addwrap.hc-fix-fixed .hc-fix-top {top: 48px !important;box-shadow: 0 0 4px rgba(0, 0, 0, 0.08), 0 6px 8px rgba(0, 0, 0, 0.12);}
.isApp #wrap.optimus #container .area_scroll.hc-fix-top.scroll_tab_activated{top: 48px !important;}
.hc-fix-activated #wrap.optimus.hc-fix-header-fixed{padding-top:49px;} /* 스크롤시 padding값 변경 */
/* 맨하단버튼영역 */
#wrap.optimus .type_main.positionFixed{ box-sizing:border-box; padding:0 16px 16px; padding-bottom:calc(constant(safe-area-inset-bottom) + 16px); padding-bottom:calc(env(safe-area-inset-bottom) + 16px); /* ios 11.2 버전 */margin-top:40px; background-color:#fff; transition:none;/* ios 11.0 버전 */}
#wrap.optimus .type_main.positionFixed::before { position:absolute; top:-40px; right:0; bottom:0; left:0; height:40px; background:url(/m/image/common/btn_bg_gra.png) repeat-x 0 0; background-size:1px 40px;content:'';}
#wrap.optimus .type_main.positionFixed .hcbtn_xlarge.type_2,
#wrap.optimus .type_main.positionFixed .hcbtn_xlarge.type2,
#wrap.optimus .type_main.positionFixed .hcbtn_large.type_2,
#wrap.optimus .type_main.positionFixed .hcbtn_full.type_2{ border-color:#000; border-radius:8px; background:#000;font-weight:bold;}
#wrap.optimus .type_main.positionFixed .hcbtn_full.type_2{line-height:54px; -webkit-animation:optimusBtn 2s; animation:optimusBtn 2s; -webkit-animation-duration:2s; animation-duration:2s;}
#wrap.optimus .type_main.positionFixed .hcbtn_full.type_2 span{font-family:-apple-system, BlinkMacSystemFont, Apple SD gothic Neo; font-weight:bold;}
.chrome #wrap.optimus .type_main.positionFixed .hcbtn_full.type_2 span{font-family:'Noto Sans', 'YouandiModernTR', 'YouandiModernHEB', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica !important;}
@-webkit-keyframes optimusBtn {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
@keyframes optimusBtn {
	0% {opacity:0;}
	50% {opacity:0;}
	100% {opacity:1;}
}
#wrap.optimus.positionFixed{padding-bottom:112px; padding-bottom:calc(constant(safe-area-inset-bottom) + 121px); padding-bottom:calc(env(safe-area-inset-bottom) + 121px);}
/* ios 일때 하단버튼영역 */
/*
.safari #wrap.optimus .type_main.positionFixed{padding:0 16px 25px;}
.safari #wrap.optimus.positionFixed{padding-bottom:121px;}
*/
/* // 2020-06-23 GGCQ62 - 옵티머스 신청_모바일 UI 수정 */

/* 2019-02-26 결제일변경 내 버튼 및 문구 추가 요청 */
.COAMP0403_02 .area_fold.on .box_fold{max-height:none;}

/* 2019-03-19 Auto Digital 신청 페이지 내 Wrap-up 페이지 추가 요청 */
.adip_lable_pos1 label.mail_opt{padding-left:0 !important;font-size:13px !important;}
.list_info_1 .radiobox.type_brand > li input[type=radio] + label {padding:5px 0;}
.list_info_1 .radiobox.type_brand > li input[type=radio] + label:before {display:inline-block; width:70px; height:43px; margin-bottom:-3px; background-image:url(/m/image/card/sp_service_2.png); background-repeat:no-repeat; background-size:300px 127px; content:'';} /* 2021-07-30 GGU477 수정 */
.list_info_1 .radiobox.type_brand .mastercard input[type=radio] + label:before {background-position: -75px 2px;}
.list_info_1 .radiobox.type_brand .visa input[type=radio] + label:before {background-position:0px 2px;}
.list_info_1 .radiobox.type_brand .unionpay input[type=radio] + label:before {background-position:-150px 2px;}
.list_info_1 .radiobox.type_brand .domestic input[type=radio] + label:before {background-position:-225px 2px;}
.list_info_1 .radiobox.type_brand .diners input[type=radio] + label:before {width:82px;background-position:-172px -42px;}
.list_info_1 .radiobox.type_brand .amex input[type=radio] + label:before {background-position: -75px -82px;} /* 2021-07-30 GGU477 아멕스 추가 */
.h3_tit_2 + .pos_top{}
.h3_tit_2 + .pos_top .checkbox.type_1 input[type=checkbox] + label{padding-right:35px !important;color:#888;font-size:13px;}

/* 2020-09-10 GGCQ33 : Auto Digital 국제 브랜드 팝업 #domestic_pop */
#domestic_pop .tx01{font-size:14px;}
#domestic_pop .list_info_1 .radiobox.type_brand > li input[type=radio] + label{padding: 15px 0;}
#domestic_pop .fs12{margin-top: 5px;}

/*  */
#chkReceiveMsg {position:relative;margin-top:10px;}
#chkReceiveMsg .list_style_6{height:15px;line-height:17px;padding:13px 35px 13px 0;color:#888;text-align:right;font-size:12px;}
#chkReceiveMsg .btn_open{right:0;bottom:0;}
.creditkeeper_alm{line-height:20px;padding:15px;margin-top:10px;border:1px solid #d5d5d5;color:#666;background-color:#fafafa;font-size:13px;}
.al_case li{display:none;}
#selectMailRcv{display:none;}
.btn_open.type_1 a.on:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.btn_open.type_1 a.on:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.switch_check{position:relative;}
.switch_check label:after{background:none;}
.switch_check input[type="checkbox"] + label{position:relative;display:block;padding-left:0;}
.switch_check input[type="checkbox"] + label:before{position:absolute;z-index:1;top:50%;right:5px;left:auto;width:36px;height:15px;box-sizing:border-box;margin-top:-7px;border: 2px solid #dddddd;border-radius: 10px;background: #dddddd;content:"";transition: all .3s ease;}
.switch_check input[type="checkbox"] + label:after{position:absolute;z-index:2;top: 50%;
right:25px;left:auto;width: 20px;height:20px; margin-top:-10px;border-radius: 50%;background:none;background-color: #f5f5f5;-webkit-box-shadow: 0px 2px 2px -1px rgba(208,208,208,1.0);-moz-box-shadow: 0px 2px 2px -1px rgba(208,208,208,1.0);box-shadow: 0px 2px 2px -1px rgba(208,208,208,1.0);content:"";transition: all .3s ease;
}
.switch_check input[type="checkbox"] + label.on:after{right:0;background-color: #0070f0;}
.switch_check input[type="checkbox"] + label.on:before{border-color: #99c8ff;background-color: #99c8ff;}
.list_myaccount_1 > li.type_bt{padding: 9px 0 8px;}
.list_myaccount_1 > li.type_bt .txt_1 .span_use{margin:3px 0;}
.list_myaccount_1 > li.type_bt .txt_2{min-width:75px; padding:3px 0;}

/* 2019-05-14 추가 */
.icon_winner_costco > img{width: 47px;}

/* 2019-05-15 Auto Digital 신청 페이지 내 풋터 추가(모바일 사용 안내) 및 오류 문구 수정 요청 */
.layer_tel_cons{background-color:#fff;}

#footer_area .adip_tbtxt_mb3.tel_cons_area{padding:13px 0 19px 18px !important;}
#footer_area .adip_tbtxt_mb3.tel_cons_area:before{top:0;}

/* 2019-05-17 코스트코 Grand Open 배너 제작 요청 */
/* 2019-12-11 배너 깜빡임 수정*/
#m_index_cms22 .main_notice.type_2.banner{
 opacity:0;
/*  transition: opacity .4s ease-in;
 -webkit-transition: opacity .4s ease-in; */
}
#m_index_cms22 .main_notice.type_2.banner.show{
 opacity:1;
/*  transition: opacity .4s ease-in;
 -webkit-transition: opacity .4s ease-in */;
}
/* 2021-05-27 GGCP31 띠배너 css M_index_cms22.html 로 이동 */
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area:before{position:absolute;top:12px;left:19px;display:block;width:50px;height:14px;background:url(/m/image/common/logo_top_costco.png) no-repeat left top !important;background-size:50px 14px !important;content:'';}
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:14px;border-top:3px solid #fff;background:#1948b0 !important;content:'';}
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a{padding-left:74px;font-family:'YouandiModernHEB', 'YouandiModernHEB', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica;}
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_65,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_66,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_67,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_68,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_69,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_70,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_71,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_72,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_73,
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_74{line-height:14px;padding-top:14px;font-size:13px;}
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_67{line-height:14px;padding-top:4px;letter-spacing:-0.025em;font-size:12px;}
#m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area .btn_close{top:10px;}
/* #m_index_cms22 .main_notice.type_2.banner.bn_top_airport_area{background:#062f87 !important;} */ /* 2021-05-25 GGU282 - 삭제 */

/* 2021-05-27 GGCP31 띠배너 css M_index_cms22.html 로 이동 */

.main_notice{position:relative;}
.main_notice.open p{color: #fff !important;}
.main_notice.open a{color: #fff !important;}

/* 2019-05-27 Auto Digital 신청 페이지 내 연회비 캐시백 컨텐츠 추가 */
.aLayer .box_module .adip_subtext_ft_01 .list_style_1 li{color:#333;text-align:left;font-size:13px;}
.aLayer .box_module .adip_subtext_ft_01 .list_style_1 li .list_dot_3 li{text-align:left;}
.box_module .box_info02{border-bottom:1px solid #ededed;}
.aLayer .list_info_1_1.adip_clear_both{padding: 35px 15px 0px 15px;}
.aLayer .box_module .adip_subtext_ft_01 .tit{font-size:15px;font-weight:bold;}
.aLayer .box_module .adip_subtext_ft_01{font-size:13px;}

/* 2019-06-20 추가*/
.CPCCA0110_01 .area_tit .sub_desc{line-height: 20px !important;margin-bottom: 16px;color: #000;text-align: center;font-size: 14px !important;}
.dpblock{    display: block;}

.rtgs_application_wrap .btn_select, .rtgs_complete_wrap .btn_select{line-height:40px;color:transparent !important;text-align:center;text-indent:0 !important;text-overflow:ellipsis;white-space:nowrap;font-size:5px;}/* 웹 접근성 작업 2019-06 */
.payment_amount_detailbox li{color:#666 !important;}/* 웹 접근성 작업 2019-06 */

.CPUCS0701_01 .box_bg.line_1{overflow:hidden;}


/*
.isApp body .area_layer.opened{-webkit-animation:none;animation:none}
*/
/*2020-02-19 GGCN45 후불하이패스 / 카드비밀번호 앱  웹뷰 타이틀 영역 삭제*/
.isApp #wrap.CPCCI0401_01 .area_tit, .isApp #wrap.CPCCA0601_01 .area_tit{display:none;}
.isApp #wrap.CPCCI0401_01 .area_process.type_1, .isApp #wrap.CPCCA0601_01 .area_process.type_1{padding-top:0;}
/* 2019-07-04 모니터링 에러리포트 : 전자민원접수 */
.CPUCG0101_01 .login_inner{padding-top:0 !important;padding-right:0 !important;padding-left:0 !important;}
.CPUCG0101_01 .list_tab.size_2.size_3 > li{width:50% !important;}

/* 2019-07-25 웹접근성 작업 */
.wa_area_link{position:absolute;overflow:hidden;width:1px;height:1px;line-height:100%;text-indent:-9999px;}

/* 2019-07-29 add */
.link_layer.easy_apply_pop{padding-right:0;padding-left:0;}
.area_layer.easy_apply_pop .btn_close{right:8px;}
.area_layer.easy_apply_pop .box_module{overflow:scroll;}
.area_layer.easy_apply_pop .accordion_unit_2 .btn_fold{position:absolute;top:17px;right:0;width:40px;height:20px;}
.area_layer.easy_apply_pop .accordion_unit_2 .agrbox{padding:15px;}
.area_layer.easy_apply_pop .accordion_unit_2 .box_fold{ line-height:20px;padding:20px 15px;border-top:1px solid #e5e5e5; color:#333; font-size:13px;}

/* 2019-08-01 모바일 푸터 웹접근성 영역 추가 */
.ft_wa_area{padding:15px 0;border-top:1px solid #373737;text-align:center;}
.ft_wa_area p{line-height:17px;color:#fff;font-size:12px;} /* 2021-11-03 GGU477 웹접근성 2차수정 */
.ft_wa_area p span{display:inline-block;margin-right:5px;vertical-align:middle;}
.ft_wa_area p span img{width:25px;height:auto;}

/* 2019-08-28 웹속도개선 css/new/lightslider.css 합침 */
.lSSlideOuter {overflow: hidden;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;}
.lightSlider:before, .lightSlider:after {display: table;content: " ";}
.lightSlider {overflow: hidden;margin: 0;}
.lSSlideWrapper {position: relative;overflow: hidden;max-width: 100%;}
.lSSlideWrapper > .lightSlider:after {clear: both;}
.lSSlideWrapper .lSSlide {-webkit-transition: all 1s;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-property: -webkit-transform,height;-moz-transition-property: -moz-transform,height;transition-property: transform,height;-webkit-transform: translate(0px, 0px);-ms-transform: translate(0px, 0px);transform: translate(0px, 0px);}
.lSSlideWrapper .lSFade {position: relative;}
.lSSlideWrapper .lSFade > * {position: absolute !important;z-index: 9;top: 0;left: 0;width: 100%;margin-right: 0;}
.lSSlideWrapper.usingCss .lSFade > * {opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-property: opacity;transition-property: opacity;}
.lSSlideWrapper .lSFade > *.active {z-index: 10;}
.lSSlideWrapper.usingCss .lSFade > *.active {opacity: 1;}

.lSSlideOuter .lSPager.lSpg {padding: 0;margin: 10px 0 0;text-align: center;}
.lSSlideOuter .lSPager.lSpg > li {display: inline-block;padding: 4px 4px 11px 4px;cursor: pointer;}
.lSSlideOuter .lSPager.lSpg > li a {position: relative;z-index: 99;display: inline-block;overflow: hidden;width: 8px;height: 8px;border-radius: 30px;background-color: #222222;-webkit-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;text-indent: -999em;}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #428bca;}
.lSSlideOuter .media {opacity: 0.8;}
.lSSlideOuter .media.active {opacity: 1;}

.lSSlideOuter .lSPager.lSGallery {overflow: hidden;padding-left: 0;margin: 0;list-style: none outside none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-moz-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);-webkit-touch-callout: none;}
.lSSlideOuter .lSPager.lSGallery li {overflow: hidden;-webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;transition: border-radius 0.12s linear 0s 0.35s linear 0s;}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 5px;}
.lSSlideOuter .lSPager.lSGallery img {display: block;max-width: 100%;height: auto;}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {display: table;content: " ";}
.lSSlideOuter .lSPager.lSGallery:after {clear: both;}

.lSAction > a {position: absolute;z-index: 99;top: 50%;display: block;width: 32px;height: 32px;margin-top: -16px;opacity: 0.5;background-image: url('../img/controls.png');cursor: pointer;-webkit-transition: opacity 0.35s linear 0s;transition: opacity 0.35s linear 0s;}
.lSAction > a:hover {opacity: 1;}
.lSAction > .lSPrev {left: 10px;background-position: 0 0;}
.lSAction > .lSNext {right: 10px;background-position: -32px 0;}
.lSAction > a.disabled {pointer-events: none;}
.cS-hidden {overflow: hidden;height: 1px;opacity: 0;filter: alpha(opacity=0);}

.lSSlideOuter.vertical {position: relative;}
.lSSlideOuter.vertical.noPager {padding-right: 0px !important;}
.lSSlideOuter.vertical .lSGallery {position: absolute !important;top: 0;right: 0;}
.lSSlideOuter.vertical .lightSlider > * {width: 100% !important;max-width: none !important;}

.lSSlideOuter.vertical .lSAction > a {left: 50%;margin-top: 0;margin-left: -14px;}
.lSSlideOuter.vertical .lSAction > .lSNext {top: auto;bottom: 10px;background-position: 31px -31px;}
.lSSlideOuter.vertical .lSAction > .lSPrev {top: 10px;bottom: auto;background-position: 0 -31px;}

.lSSlideOuter.lSrtl {direction: rtl;}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {padding-left: 0;list-style: none outside none;}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {padding-right: 0;}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {float: left;}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {float: right !important;}

@-webkit-keyframes rightEnd {
    0% {left: 0;}
    50% {left: -15px;}
    100% {left: 0;}
}
@keyframes rightEnd {
    0% {left: 0;}
    50% {left: -15px;}
    100% {left: 0;}
}
@-webkit-keyframes topEnd {
    0% {top: 0;}
    50% {top: -15px;}
    100% {top: 0;}
}
@keyframes topEnd {
    0% {top: 0;}
    50% {top: -15px;}
    100% {top: 0;}
}
@-webkit-keyframes leftEnd {
    0% {left: 0;}
    50% {left: 15px;}
    100% {left: 0;}
}
@keyframes leftEnd {
    0% {left: 0;}
    50% {left: 15px;}
    100% {left: 0;}
}
@-webkit-keyframes bottomEnd {
    0% {bottom: 0;}
    50% {bottom: -15px;}
    100% {bottom: 0;}
}
@keyframes bottomEnd {
    0% {bottom: 0;}
    50% {bottom: -15px;}
    100% {bottom: 0;}
}
.lSSlideOuter .rightEnd {position: relative;-webkit-animation: rightEnd 0.3s;animation: rightEnd 0.3s;}
.lSSlideOuter .leftEnd {position: relative;-webkit-animation: leftEnd 0.3s;animation: leftEnd 0.3s;}
.lSSlideOuter.vertical .rightEnd {position: relative;-webkit-animation: topEnd 0.3s;animation: topEnd 0.3s;}
.lSSlideOuter.vertical .leftEnd {position: relative;-webkit-animation: bottomEnd 0.3s;animation: bottomEnd 0.3s;}
.lSSlideOuter.lSrtl .rightEnd {position: relative;-webkit-animation: leftEnd 0.3s;animation: leftEnd 0.3s;}
.lSSlideOuter.lSrtl .leftEnd {position: relative;-webkit-animation: rightEnd 0.3s;animation: rightEnd 0.3s;}

.lightSlider.lsGrab > * {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.lightSlider.lsGrabbing > * {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;}

/*2019-10-18 [카드안내신청] 신청서 내 ARS 출금동의 항목 추가 */
.ars_AuthArea .btn_area > span {display:block;width:auto;}
.ars_AuthLayPop_dim {position: fixed;z-index: 10;top: 0;left: 0;display:none;overflow: hidden;width: 100%;height: 100%;opacity:1;background-color: rgba(0,0,0,.4);}
.ars_AuthLayPop_dim img {position:absolute;top:50%;left:50%;width:auto !important;margin-top:-202px;margin-left:-15px;}
.ars_AuthLayPop_dim .txt_ars_Area {position:absolute;top:50%;left:50%;width:auto;margin-top:-135px;margin-left:-160px;}/* 200624 GGU442 margin-left:-117px; */
.ars_AuthLayPop_dim .txt_ars {color:#fff;font-family:'YouandiModernHEB';font-size:24px;}

/* 2019-11-01 */
.area_layer.leavepop .box_layer.type4 .box_con{height:auto;}
.area_layer.leavepop .box_layer.type4 .txt{padding:40px 28px;text-align:center; word-wrap:break-word; word-break:keep-all;}
.area_layer.leavepop .box_layer.type4 .txt .tp_large{line-height:21px;color:#000;font-size:18px;}
.area_layer.leavepop .box_layer.type4 .txt .tp_miduim{line-height:21px;padding-top:18px;color:#666;font-size:14px;}
.area_layer.leavepop .box_layer.type4 .txt .tp_small{line-height:18px;padding-top:18px;color:#888;font-size:12px;}
.area_layer.leavepop .box_layer.type4 .box_btn .hcbtn_large{ background:#1e75d6;font-size:16px;}
.area_layer.leavepop .box_layer.type4 .box_btn .hcbtn_large.type_1{ border:1px solid #666;background:#666;}
@media all and (max-width:360px){
	.area_layer.leavepop .box_layer.type4 .txt{padding:40px 14px;}
}

/* 2019-11-14 코스트코 모집 프로세스 제작 요청_추천 링크 공유 */
.CPCCA2012_09 .logo{display:inline-block;padding: 10px 0 0 15px;}
.CPCCA2012_09 .area_tit{display:none;}
.CPCCA2012_09 .box_content.area_content{padding-top:0;padding-right:0;margin-top:0 !important;margin-left:0;}
.CPCCA2012_09 .area_auth.choice_base .area_auth.choice_base{padding:0;}
.CPCCA2012_09 .birthday .input_pos:first-child{width: 40%;}
.CPCCA2012_09 .birthday .input_pos{width: 30%;}

.CPCCA2012_09 #header{z-index:9;}
.CPCCA2012_09 .area_layer { position:fixed; z-index:99; top:0; left:0;display:none; overflow: auto; width:100%; height:100% !important; line-height:22px; color:#666; background-color:#fff; font-size:14px;}
.CPCCA2012_09 .area_layer.layer_install .area_tit {position:absolute; z-index:10; top:0; left:0; width:100%; color:#eee; background-color:rgba(0,0,0, .6);}
.CPCCA2012_09 .area_layer.layer_install .area_tit {-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
.CPCCA2012_09 .area_layer.layer_install .area_tit.type_white {position:relative; top:0;display:block; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:rgba(0,0,0,.16); color:#000;background-color:rgba(255,255,255,1);}
.CPCCA2012_09 .area_layer.layer_install .tit_wrap {position:relative;}
.CPCCA2012_09 .area_layer .btn_close, .area_layer .btn_close1 {position:absolute; top:8px; right:8px;}
.CPCCA2012_09 .area_tit .tit_wrap p:not(.btn_back) { line-height:16px;margin-top:4px; font-size:12px;}
.CPCCA2012_09 .area_layer .btn_close a{position:relative;z-index:11;display:block;overflow:hidden;width: 39px;height:0;padding-top:100%;content:-10000px;}
body .CPCCA2012_09  .area_layer.layer_install.opened {z-index:102;background:#fff;}
.CPCCA2012_09 .area_layer.layer_install{top:auto;bottom:0;height:203px !important;-webkit-box-sizing:border-box; box-sizing:border-box;border-top-left-radius:7px;border-top-right-radius:7px; background-color:transparent;}
.CPCCA2012_09 .area_layer.layer_install .area_tit .tit_wrap{min-height:18px;padding:12px 16px 11px;text-align:left;}
.CPCCA2012_09 .area_layer.layer_install .area_tit .tit_wrap h2{line-height:20px;font-size:15px;font-weight:bold;}
.CPCCA2012_09 .area_layer.layer_install .btn_closeU{position: absolute; top:2px;right:0;margin-top:0;}
.CPCCA2012_09 .area_layer.layer_install .btn_closeU a{ position:relative; z-index:11;display:block; overflow:hidden; width:39px;height: auto;line-height:20px; padding:5px 7px;color:#0070f0;text-align:center;font-size:12px;}
.CPCCA2012_09 .area_layer.layer_install .btn_closeU a:before,
.CPCCA2012_09 .area_layer.layer_install .btn_closeU a:after{display:none;content:'';}
.CPCCA2012_09 .area_layer.layer_install .btn_closeU a span{position: static;display:block;overflow:hidden;width:100%;height:100%;line-height:20px;color: #0070f0;text-align:center;}
.CPCCA2012_09 .area_layer.layer_install .box_layer{overflow:hidden;height:159px;margin:0;}
.CPCCA2012_09 .area_layer.layer_install .btn_install{display:inline-block;width:49%;height:100%;padding:0;text-align:center;vertical-align:middle;}
.CPCCA2012_09 .area_layer.layer_install .btn_install .img{margin-top:30px;}
.CPCCA2012_09 .area_layer.layer_install .btn_install .img{display:inline-block;max-width:60px;vertical-align:middle;}
.CPCCA2012_09 .area_layer.layer_install .btn_install .img + span{width:100%;margin-top:14px;}
.CPCCA2012_09 .area_layer.layer_install .btn_install span{display:inline-block;color:#7e7e7e;text-align:center;font-size:14px;}
/* 2020-03-06 GGCQ62 purple_celeb 추가 */
.CPCCA2012_09 #header.purple_celeb h1{width:100%;}
.CPCCA2012_09 #header.purple_celeb h1 .logo img{width:194px; height:19px;}
.CPCCA2012_09 .ev_banner{margin-top:18px;}
.CPCCA2012_09 .ev_banner .tit{ line-height:30px;color:#000;text-align:center;font-size:17px;font-weight: bold;}
.CPCCA2012_09 .ev_banner .cont{line-height:18px;color:#666;text-align:center;font-size:14px;}
.CPCCA2012_09 .list-con1 .heading { line-height: 23px; margin-bottom: 10px; color: #000; font-family: 'YouandiModernHEB'; font-size: 15px; }
.CPCCA2012_09 .list-con1 .list .con1-wrap .txt-type1 { padding-left: 10px; font-size:15px;}
.CPCCA2012_09 .list-con1 .list .con1-wrap .txt-type1 li{ line-height:21px;margin-top:5px; font-size:14px;} /* 2020-04-17 GGCQ62 : [기타] the Purple Celeb MGM */
.CPCCA2012_09 .list-con1 .list .con1-wrap .txt-type1 li:first-child{margin-top:0;} /* 2020-04-17 GGCQ62 : [기타] the Purple Celeb MGM */
.CPCCA2012_09 .list-con1 .list .con1-wrap .txt-type1 li span.bul {display: inline-block; overflow: hidden; width: 3px; height: 3px; padding: 0 !important;  margin: 8px 7px 8px -10px;  -webkit-border-radius: 3px; border-radius: 3px; background: #666; vertical-align: middle !important;}


/* 2019-11-21 [Auto Digital] 본인 인증 카드 프로세스_수정 요청(키패드 적용, ARS인증 변경) */
#timer_popup .box_module .list_info_1 .adip_subtext_ft_01 > p{font-size:18px;font-weight: bold;}
#timer_popup .box_module .list_info_1 .adip_subtext_ft_01 .adip_subtext_font{font-size:15px;font-weight:normal;}
#timer_popup .box_module .list_info_1 .adip_subtext_ft_01 .re_chek_ars{height:27px;}
#timer_popup .btn_close{position:absolute; top:8px; right:8px;}
#timer_popup .btn_close a{ position:relative; z-index:11;display:block; overflow:hidden; width:39px; height:0; padding-top:100%; content:-10000px;}
#timer_popup .btn_close a span{position:absolute;top:0;left:0;display:block;overflow:hidden;width:100%;height:100%;line-height:20px;color:transparent;text-align:center;}
#timer_popup .btn_close a:before,
#timer_popup .btn_close a:after{ position:absolute; top:7px; left:19px;display:block; width:1px; height:25px; background-color:#000; content:'';}
#timer_popup .btn_close a:before{-webkit-transform:rotate(45deg); transform:rotate(45deg);}
#timer_popup .btn_close a:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

/* 2019-11-27 [Auto Digital] 신청프로세스 내 App으로 모두 받기 */
.accordion_unit.type2 #appInfo{display:inline-block;}
.list_info_1.edit{padding:0;}
.accordion_unit.type2{position:relative;}
.accordion_unit.type2 .appChk.adip_lable_pos1{top:30px;right:7px;}
.accordion_unit.type2 .accordion_style_05{position:relative;display:block;margin-left:0;}
.accordion_unit.type2 .accordion_style_05 .btn_fold:before,.accordion_unit .accordion_style_05 .btn_fold:after{display:none;}
.accordion_unit.type2 .accordion_style_05 .appChk input[type=checkbox] + label:after{top:0;}
.accordion_unit.type2 .toggle.mpnt.mt15.mb25{position:relative;}
.accordion_unit.type2 .appChk .checkbox > label{top:5px;left:-25px;}
.accordion_unit.type2 .appBtnWrap .toggle{display:inline-block;width:40%;}
.accordion_unit.type2 .appBtnWrap .otherOpt{position:relative;display:inline-block;width:50%;line-height: 23px;padding-right:20px;color: #424242;text-align:right;font-size: 15px;}
.accordion_unit.type2 .appBtnWrap .otherOpt:before{position: absolute;top: 50%;right:0 !important;display: block;width: 9px;height: 1px;margin-top: -1px;background-color: #000;content: '';}
.accordion_unit.type2 .appBtnWrap .otherOpt:after{position: absolute;top: 50%;right:7px !important;display: block;width: 9px;height: 1px;margin-top: -1px;background-color: #000;content: '';}
.accordion_unit.type2 .appBtnWrap .otherOpt:before, .accordion_unit.type2 .appBtnWrap .otherOpt.on:after{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
.accordion_unit.type2 .appBtnWrap .otherOpt:before, .accordion_unit.type2 .appBtnWrap .otherOpt:after{
		position: absolute;
		top: 50%;
		display: block;
		width: 9px;
		height: 1px;
		margin-top: -1px;
		background-color: #000;
		content: '';
	}
	.accordion_unit.type2 .appBtnWrap .otherOpt:after,.accordion_unit.type2 .appBtnWrap .otherOpt.on:before{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
.accordion_unit.type2 .box_fold02{display:none;}
.accordion_unit.type2 .agree_inner.type_02{padding:0;}
.accordion_unit.type2 .bill_mail{display:none;}
.accordion_unit.type2 .toggle.mpnt.t2{display:none;}
.accordion_unit.type2 .toggle.mpnt.term{display:none;}
.list_myaccount_1.type_4 > li.bdn{padding-top:0;border-top:none;}
.list_myaccount_1.type_4 > li.bdn .txt_1{display:inline-block;vertical-align:top;}
.adip_tb_style_09 table td.td_top{vertical-align:top !important;}

.scroll_tab_activated ul.list_dot_2 > li {position:relative;} /* 2019-12-09 */

.checkbox_wrap .agree_inner .check_all.type2{position:relative;right:auto;left:auto;}

.area_layer .cmt1 {padding:18px 10px 8px;font-size:13px;}


.form_slt2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 12px; }
  .form_slt2.focus {
    outline: 5px auto -webkit-focus-ring-color; }
  .form_slt2 + .form_ipt {
    margin-top: 16px; }
  .form_slt2 select {
    position: relative;
    display: block;
    overflow: hidden;
    padding-right: 40px;
    padding-left: 11px;
    border-radius: 0;
    outline: none;
    color: #333;
    background: url("/rp/images/common/Select_Arrow_Black@2x.png") 97% center no-repeat;
    /* line-height: 1.375;
    border: 0;
    border-bottom: 1px solid #e0e0e0; */
    background-color: #fff;
    background-size: 16px 16px;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    transition: .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* width: calc(100% + 20px);
    height: 48px; */
    font-size: 16px;
    -webkit-appearance: none;
    appearance: none; }
    .form_slt2 select::-ms-expand {
      display: none; }
  .form_slt2 .msg {
    display: none; }
  .form_slt2.error input[type="text"],
  .form_slt2.error input[type="email"],
  .form_slt2.error input[type="search"],
  .form_slt2.error input[type="number"],
  .form_slt2.error input[type="tel"],
  .form_slt2.error input[type="password"] {
    border-color: #FD0402;
    color: #FD0402; }
  .form_slt2.error select {
    border-color: #FD0402;
    color: #FD0402;
    background-image:url("/rp/images/common/Select_Arrow_Red@2x.png");}
  .form_slt2.error .msg {
    display: block;
    line-height: 1.33;
    margin: 8px 0 0 0;
    color: #FD0402;
    font-size: 12px; }
  .form_slt2.error .motion_line {
    background-color: #FD0402; }

/* 2020-02-25 온오프 네이버 브릿지 */
.onof_bridge {line-height:1.3;padding:156px 0 96px;color:#000;text-align:center;font-size:21px;}
.onof_bridge:before {position:absolute;top:60px;left:50%;width:60px;height:60px;background:url(/m/img/com/ico_onof.png) no-repeat 0 0;background-size:60px auto;content:'';transform:translateX(-50%);}
.onof_bridge .t_txt {font-weight:bold;}
.onof_bridge .s_txt {line-height:1.4;margin-top:22px;color:#666;font-size:13px;}

/* 200422 GGU442 앱카드신청 헤더, 하단 버튼 스타일 추가 : 2020-06-23 GGCQ62 - 옵티머스 신청_모바일 UI 수정 : css 위치 이동 및 수정 */

/* 2020-06-02 GGCQ62 - 신청서 1단계 이탈 TM 팝업 */
.card_help_layer .box_bg.type_1{margin-bottom:0; border-bottom:1px solid #e5e5e5; background:#f2f2f2 url(/m/image/card/bg_card_help.png) no-repeat right 11px; background-size:71px 43px;}
.card_help_layer .box_bg.type_1 .txt_info{ line-height:18px;color:#000; font-family:'YouandiModernHEB'; font-size:13px;}
.card_help_layer h4.h4_tit_1{padding:0 18px; color:#000; letter-spacing:-0.03em; font-size:14px;}
.card_help_layer .list_info_1 > li > .tit{margin-top:25px;}
/* accordion_box 설정 */
.card_help_layer .accordion_box .accordion_unit{margin-top:25px;}
.card_help_layer .accordion_box .accordion_unit .tit_wrap2{position:relative; border:1px solid #e5e5e5;}
.card_help_layer .accordion_box .accordion_unit .tit_wrap2 .agree_title{display:inline-block; padding:14px 40px 14px 12px; text-align:left;}
.card_help_layer .accordion_box .accordion_unit .tit_wrap2 .btn_fold{ position:absolute; top:0; right:0; bottom:0;overflow:hidden; width:40px; text-indent:-9999px;}
.card_help_layer .accordion_box .accordion_unit .box_fold{ line-height:18px;padding:15px 13px; border:1px solid #e5e5e5; border-top:none; color:#888; background-color:#f0f0f0; font-size:12px;}
.card_help_layer .accordion_box .accordion_unit .box_fold .tr{text-align:right;}
.card_help_layer .accordion_box .accordion_unit .point_color_3{ line-height:18px;color:#000; font-size:13px;}
/* //2020-06-02 GGCQ62 - 신청서 1단계 이탈 TM 팝업 */

/* 2020-06-24 GGU282 특별한도 신청 페이지 신규 제작 요청 - 추가 */
.pr35 {padding-right:35px !important;}
.pr50 {padding-right:50px !important;}
.list_dot_2.type_18 li {margin-top:22px;}
.form_table.type_8 thead th {padding:12px 10px 13px; }
.form_table.type_8 tbody th,
.form_table.type_8 tfoot th,
.form_table.type_8 td {vertical-align:top;}
.form_table.type_8 tr td:last-child {text-align:left;}
.form_table.type_8.line tbody th,
.form_table.type_8.line tfoot th,
.form_table.type_8.line td {border-left:1px solid #e5e5e5;}
.list_myaccount_1 > li.has_input {padding:15px 0;}
.list_myaccount_1.type_16 li {padding:20px 0 22px;}
.list_myaccount_1.type_16 li:last-child{border-bottom:1px solid #e5e5e5;}
.list_myaccount_1.type_16 li .txt_2 {top:20px;}
.list_myaccount_1.type_16 li .tit label {color:#000;}
/* //2020-06-24 GGU282 특별한도 신청 페이지 신규 제작 요청 - 추가 */


/* 2020-08-05 GGU402 [금융안내신청] 단기대출,리볼빙 내 신용등급 수정 요청의 건 */
.CPFRL0201_01 .area_fold.on .box_fold{max-height:none;}

/* 2020-08-07 GGCQ35 MyAccount 수시결제 텍스트 크기 조정 */
.list_dot_2 > li.bold .big{font-size: 15px;}
.list_style_1 > li.bold .big{font-size: 13px;}

/* 2020-08-21 GGCP31 [My Account] 마케팅 사용중단 신청 수정 요청의 건 */
.list_info_6 .tit-block {padding: 0 0 15px; border-bottom: 2px solid #e5e5e5; color: #000;}
.list_info_6 .tit-line {font-family: 'YouandiModernHEB'; font-size: 17px;}
.list_info_6 .sub-tit-line { margin-top:10px;font-size: 15px;}


/* 2020-09-03 GGCN45 :[My Account] 스타벅스 카드 해지 신청 제작 요청의 건 - 선배포 가능 */
.area_layer.leavepop .box_layer.type5 .box_con{height:auto;}
.area_layer.leavepop .box_layer.type5 .txt{padding:40px 28px;text-align:center; word-wrap:break-word; word-break:keep-all;}
.area_layer.leavepop .box_layer.type5 .txt p + p{margin-top:12px;}
.area_layer.leavepop .box_layer.type5 .txt .tp_large{line-height:21px;color:#000;font-size:18px;}
.area_layer.leavepop .box_layer.type5 .txt .tp_miduim{ line-height:21px;color:#666;font-size:14px;}
.area_layer.leavepop .box_layer.type5 .txt .tp_miduim.head{color:#000;}
.area_layer.leavepop .box_layer.type5 .txt .tp_small{line-height:18px;padding-top:18px;color:#888;font-size:12px;}
.area_layer.leavepop .box_layer.type5 .box_btn .hcbtn_large{border:0; background:#1e75d6;font-size:16px;}
.area_layer.leavepop .box_layer.type5 .box_btn .hcbtn_large.type_1{ border:0;background:#333;}
@media all and (max-width:360px){
    .area_layer.leavepop .box_layer.type5 .txt{padding:40px 14px;}
}
.checkbox_list2 .bg_grey{background:#f0f0f0;}
.checkbox_list2 .bg_grey2{background:#fafafa;}
.checkbox_list2.arr_right .tit.bg_grey{background:#f0f0f0;}
.checkbox_list2.arr_right > li{padding: 0;}
.checkbox_list2.arr_right > li .tit, .checkbox_list2.arr_right > li .box_fold{padding: 15px 12px;}
.checkbox_list2.arr_right > li .tit .hcbtn4 { right: 0px; left:auto; }
.checkbox_list2.arr_right > li .tit input[type=checkbox] + label:after { right: auto; left: 0; }


/* 2020-08-05 GGU402 [이벤트] the Red / the Green x 더현대트래블 제작 요청의 건 */
.prm-n-tbl .tbl-type1 tbody th{background-color:#fafafa;}
.prm-n-tbl .tbl-type1 tbody td{background-color:#fafafa;}
.prm-ico{display:inline-block; width:30px; height:30px; margin-right:13px;}
.prm-ico img{width:100%;}
.con-tit{margin-top:12px;}


/* 2020-10-16 GGCQ62 -[카드안내신청] 카드해지 신청 내 신세계포인트 안내 팝업 제작 */
/* 팝업 신규 : 디바이스 해상도별 가로값 늘어나게 */
.area_layer.leavepop .box_layer.type6 .box_con{max-width:initial; height:auto;}
.area_layer.leavepop .box_layer.type6 .box_inner{padding:40px 20px 35px; text-align:center;}
.area_layer.leavepop .box_layer.type6 .tit{ line-height:21px;margin-bottom:15px; color:#000; font-size:18px;}
.area_layer.leavepop .box_layer.type6 .txt{ line-height:21px;margin:17px 0 0 0; color:#000; font-size:14px;}
.area_layer.leavepop .box_layer.type6 .txt02{ line-height:21px;margin-top:17px; color:#666; font-size:14px;}
.area_layer.leavepop .box_layer.type6 .form_table{border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.area_layer.leavepop .box_layer.type6 .form_table tbody th,
.area_layer.leavepop .box_layer.type6 .form_table tfoot th,
.area_layer.leavepop .box_layer.type6 .form_table td{ line-height:24px;padding:10px 12px; border-top:1px solid #d5d5d5; color:#333; background-color:#fff; font-size:14px; font-weight:normal;}
.area_layer.leavepop .box_layer.type6 .form_table .point{color:#000; font-family:YouandiModernHEB;}
.area_layer.leavepop .box_layer.type6 .hcbtn_large{font-size:16px;}
/* //2020-10-16 GGCQ62 -[카드안내신청] 카드해지 신청 내 신세계포인트 안내 팝업 제작 */

/* 2020-11-11 GGU402 [My Account] 즉시결제 신청 수정 요청의 건 */
.strong{font-weight:bold;}

/* 2020-12-04 GGCQ62 - [금융안내] 즉시결제 내 대출철회신청 안내 문구 추가 요청의 건(모바일) */
/* .history_list.type_1{padding:0 18px;} */
.history_list.type_1 > li{ position:relative;overflow:hidden; padding:25px 0 25px 97px; border-top:1px solid #e5e5e5;}
.history_list.type_1 li:first-child{border-top:none;}
.history_list.type_1 li .item_date{position:absolute;}
.history_list.type_1 li .item_place{display:inline-block;}
/* 라디오체크박스재설정 */
.history_list.type_1 li .item_date.type6{left:0; width:25px;}
.history_list.type_1 li .item_date.type6 .radioType2 label{vertical-align:top;}
.history_list.type_1 li .item_date.type6 .radioType2 input[type=radio] + label:after{top:0; width:15px; height:15px; margin-top:0; background-position:-150px 0;}
.history_list.type_1 li .item_date.type6 .radioType2 input[type=radio]:checked + label:after {background-position:-165px 0;}
.history_list.type_1 li .item_date.type6 .radioType2{}
/* 대출일 */
.history_list.type_1 li .item_date.date1{left:25px;}
.history_list.type_1 li .item_date.date1 span{display:block; margin-top:5px; color:#666;font-size:13px;}
/* 대출번호 */
.history_list.type_1 li .item_place.type5 strong{font-family:YouandiModernTR;}
.history_list.type_1 li .item_place.type5 .type3{}
.history_list.type_1 li .item_place.type5 .type3 > li{ position:relative;display:inline-block; line-height:21px; padding-left:6px; color:#666; font-size:13px;}
.history_list.type_1 li .item_place.type5 .type3 > li:first-child {padding-left:0;}
.history_list.type_1 li .item_place.type5 .type3 > li:before { position:absolute; top:5px; left:0;display:block; width:1px; height:10px; background-color:#666; content:'';}
.history_list.type_1 li .item_place.type5 .type3 > li:first-child:before{display:none;}

/* 2020-12-08 GGU402 -[카드안내신청] Chameleon 카드안내 내 수정 요청의 건 */
.box_layer_txt{ line-height:21px; color:#666;font-size:13px;}
.box_layer_tit{ color: #000; font-family: 'YouandiModernHEB';font-size:17px;}
.box_ly_list{margin-top:15px;}
.new_notice.notice.other_card .list_info_1.type_4 .box_ly_list li + li{margin-top:0;}
.new_notice.notice.other_card .list_info_1.type_4 .box_ly_list li{position:relative; padding-left:9px;}
.new_notice.notice.other_card .list_info_1.type_4 .box_ly_list li:before{ position:absolute; left:0;content:'-';}
.new_notice.notice.other_card .list_info_1.type_4 .box_ly_list p{ line-height:22px; color:#666;font-size:12px;}
.new_notice.notice.other_card .list_info_1 > li > .tit.type02{ margin-bottom:25px; font-family:'YouandiModernHEB';font-size:15px;}
.new_notice.notice.other_card .list_info_1 > li > .tit{ font-family:'YouandiModernTR';font-size:15px;}
.new_notice.notice.other_card .list_info_1.type_4 li + li{margin-top:25px;}

/* 2021-01-04 GGU402 [이벤트] 21년 the Purple 트래블 바우처 제작 요청의 건(12/31) */
.tbl-type1 tbody td.ft-bold{font-weight:bold;}


/*2021-02-09 GGCN45 : */
@font-face {
    font-family: 'YouandiModernTB';
    font-style: normal;
    font-weight: normal;
    src: url(/font/Youandi_Modern_TextBold.eot);
    src: url(/font/Youandi_Modern_TextBold.eot?#iefix) format('embedded-opentype'),
		 url(/font/Youandi_Modern_TextBold.woff2) format('woff2'),
         url(/font/Youandi_Modern_TextBold.woff) format('woff');
}
/* .type_2021 #m_index_cms22 .main_notice.type_2 { font-size:15px; min-height: 56px !important; }
.type_2021 #m_index_cms22 .main_notice.type_2.banner.open { display:table;width:100%;height:56px !important;padding: 0px 54px 0 0px; box-sizing:border-box;background: #1275d6;table-layout:fixed;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner.open:before { display:none !important;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner a { display:table-cell;height:100%;vertical-align:middle;padding:0 0 0 18px !important; overflow:hidden; text-overflow: ellipsis; white-space : nowrap; }
.type_2021 #m_index_cms22 .main_notice.type_2.banner a .text_box { display:inline-block !important;padding:0; height:auto !important; padding:0;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner .text_box > strong.txt_01,
.type_2021 #m_index_cms22 .main_notice.type_2.banner .text_box > span.txt_02 {display:inline !important; padding:0 !important;;margin:0 !important; line-height: 17px !important;  font-size:15px !important; font-family: 'YouandiModernTB'; vertical-align:middle;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner .text_box > .txt_01 + span.txt_02,
.type_2021 #m_index_cms22 .main_notice.type_2.banner .text_box br{display:none !important; font-size:15px !important;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area a#topBanner_66 {font-size: 15px;line-height:17px; padding-bottom: 16px !important;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner .icon_box { display:none}

.type_2021 #m_index_cms22 .main_notice.type_2.banner .banner_text { display:inline; padding-right: 0; font-size: 15px; line-height:17px; color:#fff; font-family: 'YouandiModernTR'; overflow: hidden;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner .banner_text strong{ font-size: 15px;line-height:17px; font-family: 'YouandiModernTB';}
.type_2021 #m_index_cms22 .main_notice.type_2.banner.bright .banner_text {  color:#000;}
.type_2021 #m_index_cms22 .main_notice.type_2.banner .btn_close { display: block; position: absolute; right: 18px; top: 18px; width: 18px; height: 18px; background: url(/m/image/common/ico_btn_close_w.png) no-repeat center 0; background-size: cover; }
.type_2021 #m_index_cms22 .main_notice.type_2.banner.bright .btn_close { background: url(/m/image/common/ico_btn_close_b.png) no-repeat center 0; }
.type_2021 #m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area { background: #e20022; }
.type_2021 #m_index_cms22 .main_notice.type_2.banner.bn_top_cosco_area .btn_close { top: 10px; }

.btn_gnbMenu:before { content:""; display: block; position: absolute; right: 18px; top: 18px; width: 20px; height: 19px; background: url(/m/image/common/ico_menu_top.png) no-repeat center center; background-size: 100% auto; }
.btn_gnbMenu.close:before { width: 20px; height: 19px; background: url(/m/image/common/ico_btn_close_w.png) no-repeat center center; background-size: 100% auto; }
.btn_gnbMenu span { display:none !important;} */

/* small pop  btn 2021-02-10 GGCX83 */
.area_layer.leavepop.type_sml .box_layer .box_con{position:relative;}
.area_layer.leavepop.type_sml .box_layer .box_con .btn_close{right:8px;}

/* GGCP31 2021-02-26 챗봇 스타일 */
.quick {position: fixed; z-index: 21; right: 20px; bottom: 80px; transition: bottom 0.3s ease-in-out, padding 0.3s ease-in-out; }
.quick .chatbot { position:relative;display:table; border-radius:50%; table-layout:fixed; }
.quick .chatbot:not(.ui-draggable-dragging) {transition: top 0.4s ease-out, left 0.4s ease-out;}
.quick .chatbot .commentBox { position:absolute; top:0; right:0; bottom:0;display:block; overflow:hidden; width:55px; height:55px; padding: 0; border: 1px solid #323232; border-radius:50px; background-color:#fff; transition:all 0.3s ease-in-out, box-shadow 1.5s linear; }
.quick .chatbot .commentBox .txt {display:none;}
.quick .chatbot.on .commentBox { right:0;left:auto; width:290px; height:100%;}
.quick .chatbot.on .commentBox .txt { position:absolute; top:50%; right:60px; left:30px;display:block; width:190px; line-height:normal; margin-top:0; color:#000; -ms-transform:translate(0,-50%); transform:translate(0,-50%); text-align:left; vertical-align:middle; white-space:normal; font-size:14px;}
.quick .chatbot .inner { position:relative; top:0; right: 0;display:block; width:55px; height:55px; border-radius:50%; background: url(/m/image/common/icon_henry.png) no-repeat; background-size: contain; }
.quick .removeChat {position: absolute;z-index: 10;top: -34px;right:0;width: 30px;height: 30px;border:0 none;border-radius: 50%;background: url(/m/image/common/icon_x.png) no-repeat center center / 30px auto;box-shadow: none;}

/* 2021-03-16 GGCQ33 - [기타] DIGITAL LOVER 디지털 스트리밍 서비스 수정 요청의 건 */
.area_fold.clear_b{border-top:none !important;}

/* 2021-03-16 GGCQ35 [카드안내신청] the Purple 상세 제작 요청의 건 */
span.eacute:before {display: inline;content: "\00E9";}

/*20210514 추가*/
.check_tit label{color:#000 !important;font-size:15px !important;}
.terms_table{}
.terms_table caption{position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;border:0 !important;white-space:nowrap !important;clip:rect(0,0,0,0) !important;}
.terms_table col:first-child{width:35% !important;}
.terms_table th{line-height:22px;padding:13px 0;border-bottom:1px solid #f5f5f5;text-align:left;word-break:break-all;vertical-align:top;font-size:14px;font-weight:bold;/*word-break:keep-all;*/}
.terms_table th.normal{font-weight:normal;}
.terms_table td{line-height:22px;padding:13px 0 13px 8px;border-bottom:1px solid #f5f5f5;vertical-align:top;font-size:14px;}
.terms_table td *{line-height:22px !important;padding:0;margin:0 !important;font-size:14px !important;}
.terms_table .terms_small{color:rgba(0,0,0,.64);}
.grade_detail_box{padding:24px 0;margin-bottom:16px;border-bottom:1px solid #f5f5f5;}
.grade_detail_box h2{line-height:26px;color:#000;font-size:16px;}
.grade_detail_box p{line-height:22px !important;color:rgba(0,0,0,.64) !important;font-size:14px !important;}
.grade_box{display:inline-block;line-height:19px;padding:0 8px;border-radius:16px;color:#fff;vertical-align:middle;font-size:12px;}
.grade_box.small{line-height:16px !important;padding:0 6px;font-size:10px !important;}
.checkbox_list .checkbox + .grade{position:absolute;bottom:15px;left:25px;line-height: 17px;padding-left: 24px;margin:10px 0 3px 0;color:#666;font-size: 12px;}
.checkbox_list .checkbox + .grade.pos_re{position:relative;bottom:0;left:0;display:block;margin-left:10px;}
.checkbox_list .checkbox + .grade:before{display:inline-block;clear:both;width:6px;height:6px;margin-top: -2px;margin-right: 5px;border-radius:3px;content:"";vertical-align: middle;}
.grade01:before{background:#019DC2;}
.grade02:before{background:#52B148;}
.grade03:before{background:#EDC11B;}
.grade04:before{background:#EF812D;}
.grade05:before{background:#E02E27;}
table .table_in_box{padding:10px;border:1px solid #ccc;}
table strong{font-size:14px !important;}
.terms_grayBox{width: 100%;padding:29px 24px 24px 24px;margin: 24px 0 24px 50%;background:#f5f5f5;transform: translate(-50%,0);}
.terms_grayBox dl{}
.terms_grayBox dl dt{line-height:22px;color:#000;font-size:16px;}
.terms_grayBox dl dd{}
.terms_grayBox dl dd p{line-height:26px;color:#000;font-size:16px;}
.terms_grayBox dl dd span{display:block;margin:23px 0;}
.terms_grayBox dl dd img{width:100%;}

.terms_details{position:absolute;right:5%;bottom:10px;}
.checkbox_list > li .terms_details .link_layer{display:inline-block !important;}
.terms_details .link_layer:last-child:before{display:inline-block;height:8px;margin-top:2px;margin-right:10px;margin-left:8px;border-left:1px solid #666;content:'';}
.under_line{text-decoration:underline;}

.check_tit{position:relative;}
.check_tit .checkbox {right:0 !important;}

.checkbox_list2 > li span.checkbox + div.both_btn{height:auto !important;}
.checkbox_list > li div.both_btn span.link_layer{display:inline-block !important;}
.checkbox_list > li div.both_btn span.link_layer:last-child a:before{display:inline-block;}
.checkbox_list > li div.both_btn span.link_layer:first-child a:before{display:none;}

/* 2021-05-20 GGU282 [여신법][M혜택안내] H-Coin 사용처 내 약관 팝업 수정요청의 건(5/27) - 추가 */
.area_layer.layer_hcoin_agree {background-color:#fafafa;}
.area_layer.layer_hcoin_agree .bg_area {padding:1px 0;margin:-1px 0;}
.area_layer.layer_hcoin_agree.terms_box_view {background-color:#fff;}
.area_layer.layer_hcoin_agree.terms_box_view .bg_area {border-bottom:1px solid #e5e5e5;background-color:#fafafa;}
.grade_agree_box {padding:15px 12px 9px;margin:4px 0 10px;border:1px solid #e5e5e5;background-color:#f0f0f0;}
.grade_agree_box .checkbox label { color:#000;font-size:13px;}
.grade_agree_box .sub_info {line-height:17px;margin-top:5px;}
.grade_agree_box .sub_info:after {display:block;clear:both;content:'';}
.grade_agree_box .sub_info .grade {float:left;line-height:17px;padding-left:35px;margin:0;color:#666;font-size: 12px;}
.grade_agree_box .sub_info .grade:before {display:inline-block;clear:both;width:6px;height:6px;margin-top: -2px;margin-right: 5px;border-radius:3px;content:"";vertical-align: middle;}
.grade_agree_box .sub_info .list_inline {float:right;clear:none;margin:0;font-size:12px;}
.grade_agree_box .sub_info .list_inline > li {line-height:17px;padding:0 6px 0 11px;}
.grade_agree_box .sub_info .list_inline > li:first-child {padding-left:0;}
.grade_agree_box .sub_info .list_inline > li:last-child {padding-right:0;}
.grade_terms_box {line-height:22px;margin:37px 18px 25px;color:#555;}
.grade_terms_box .h2_tit_1 {margin-bottom:17px;}
.grade_terms_box .h3_tit_2 {margin:16px 0 7px;}
.grade_terms_box .h3_tit_5 {margin-top:16px;}
.grade_terms_box .grade_bar {margin:35px 0 37px;}
.grade_terms_box .grade_bar img {width:auto;max-width:100%;}
.grade_terms_box .list_style {margin-bottom:7px;}
.grade_terms_box .list_info_2.type_2 li {padding:10px 0 10px 120px;}
.grade_terms_box .list_info_2.type_2 > li .txt_1 {top:10px;width:110px;line-height:22px;color:#555;}
.grade_terms_box .list_info_2.type_2 > li .txt_2 {line-height:22px;color:#555;}
.list_info_8 {display:table;width:100%;border-bottom:1px solid #e5e5e5;table-layout:fixed;}
.list_info_8 > li {display:table-row;line-height:22px;color:#555;font-size:14px;}
.list_info_8 > li > .txt_1 {display:table-cell;width:120px;box-sizing:border-box;padding:10px 5px 10px 0;border-top:1px solid #e5e5e5;word-wrap:break-word;word-break:keep-all;}
.list_info_8 > li > .txt_2 {display:table-cell;box-sizing:border-box;padding:10px 5px 10px 0;border-top:1px solid #e5e5e5;}

.half_section .checkbox{float:left;width:50%;margin:5px 0 !important;}

/* 2021-05-31 GGCQ33 - [My Account] 이용대금명세서 내 스마일배송 1% 특별적립 추가 요청의 건 */
#specialSaving .list_myaccount_1.type_4, #specialSaving{border-bottom: 1px solid #e5e5e5;}

/* 2021-07-21 내용보기 팝업 */
.new_clause_x_x_title .text_underline {text-decoration: underline;}

/* 2021-09-03 GGU402 [카드안내신청] LG전자-현대카드M Edition3 유의사항 및 요약 내용 수정요청의건 */
.box_card_info .box_tit .h2_tit_1.new_h2_tit_1{padding:14px 18px 16px 0;}
.tit02{ line-height:18px; color:#000;font-size:14px;}
.tit03{ line-height:21px; color:#888;font-size:14px;}
.box_card_info .h3_tit_16{line-height: 25px;padding: 24px 0 0;padding-right:18px;border-top:1px solid #d5d5d5;font-size: 20px;}
.box_card_info .h3_tit_17{line-height: 25px;padding: 24px 0 0;padding-right:18px;border-top:1px solid #e5e5e5;font-size: 20px;}
.box_card_info .h3_tit_3{ line-height: 25px;font-size: 20px;}
.txt_list1 > li .bullet_dot.clr8 li{color:#888;}

/* 2021-09-30 GGCN45 : CPBGS3102_01*/
.stm_area_content .consume_wrap .tab_on_span{ display:none !important; }
.stm_area_content .consume_wrap .sub_tab_cate1 li.on a:after{ display:none !important; }

/* 2021-10-08 GGCQ35 - [금소법] [My Account] 갱신 재발급 신청 내 카드신청 적합성 여부 제작요청의건 */
.list_info_1 .btn_info.type_1.type_2 .btn_open.type_4{display: block;margin-top: 10px;}
.list_info_1 .btn_info.type_1.type_2 .btn_open.type_4 > a{height: auto;padding-left:0;}
.btn_info .btn_open.type_4 > a:after{display:none;}

/* 2021-10-27 GGU402 [카드안내신청] 현대카드 SB 상세페이지 제작 요청의건 */
.card_banner_common02{ border-top:#ededed 9px solid;text-align:center;}
.change_MXB_layer{width:100%;}
.card_banner_common02 .more-btn{display:inline-block; height:27px; line-height:27px; padding:0 15px; margin-top:17px; border-radius:2px; color:#fff; background:#1e75d6; font-size:12px;}
.card_banner_common02 a{display:block; width:100%; padding:25px 0; }
.MXB.card_banner_common02 .card_banner-bg{background:#000;}
.card_banner_common02 p{position:relative; line-height:22px; color:#fff; font-family: 'YouandiModernHEB'; font-size:17px;}
.MXB.card_banner_common02 p:before{ display:block; width:306px; height:32px; margin:0 auto 19px; background:url("/m/image/card/img_banner_card_MXB.png")no-repeat; background-size:306px 32px;content:'';}
.card_img_box{padding:0 2px;}
.popup-title{ padding:15px 18px 13px; border-bottom:1px solid #e5e5e5;background:#fafafa;}
.h4_tit_7{ line-height:19px;font-size:13px;}

/* 2021-11-12 GGU402 [카드안내신청] SB 카드 상세페이지 내 웰컴 배너 제작요청의건 */
.MXB_card_banner a{position:relative; display: block; width:100%; box-sizing:border-box; padding:13px 23px 13px; border-top:#ededed 9px solid; background:#333;}
.MXB_card_banner p{ line-height:22px;color:#fff; font-family:'YouandiModernHEB'; font-size:16px;}
.MXB_card_banner p::after{ position:absolute; top:15px; right:23px;display:block; width:119px; height:52px; background:url(/m/image/card/img_banner_card_MXB02.png?20211116_0934) no-repeat 0 0; background-size:119px 52px; content:'';}/* 2021-11-19 GGCQ35 [카드안내신청] MX Black 웰컴 이벤트배너 수정요청의 건 - 이미지 크기 변경 */
.MXB_card_banner span{ display:block; margin-top:4px; color:#fff;font-size:11px;}

/* 2021-12-28 GGU282 - 추가 */
.go_hc_app_box{display:block;padding:0 10px 37px;text-align:center;}
.go_hc_app_box p{line-height:21px;color:#000;font-size:14px;}
.go_hc_app_box p + .icon_box{display:block;margin-top:21px;}
.go_hc_app_box .icon{display:inline-block;max-width:60px;vertical-align:middle;}
.go_hc_app_box .icon_txt{display:block;margin-top:21px;color:#0070f0;font-size:17px;font-weight:bold;}

/* 2022-01-07 GGCP31 이용건별결제 input darkmood */
.CPAPY0107_03 input[type=text], 
.CPAPY0107_03 input[type=number], 
.CPAPY0107_03 input[type=email], 
.CPAPY0107_03 input[type=tel], 
.CPAPY0107_03 input[type=date], 
.CPAPY0107_03 input[type=password] { background-color: transparent; }

/* 2024-04-25 Q20620 수정 개인(신용)정보 선택적 수집∙이용에 관한 동의서 terms_agree.html */
.detail_cont:not(.font_initial) p { line-height: 26px;margin-top: 12px; color: #000; letter-spacing: 0; font-size: 16px;}
.detail_cont strong {font-weight: 700;}
.detail_cont .sub_tit {font-weight: 700;}
.detail_cont .code_name { line-height: normal;margin-top: 22px; font-size: 15px;}
.box_terms .detail_cont {padding: 0 6.4% !important; margin: 20px 0;}
/* 2024-08-23 GGCP31 plcc와 출돌해서 m/HCSP/css/autopay_costco.css 로 이동
.box_terms .detail_cont .terms_grayBox {background: #f5f5f5; padding: 29px 24px 24px 24px; margin: 24px 0; width: calc(100% + 48px); transform: translateX(-24px);}
*/

.gpcc_complete_area strong {font-weight:bold}/* 2025-01-20 Q11796 발급완료페이지 strong적용 */