/* pc */
@charset "utf-8";
@import url('layout.css');
@import url('common_mcs.css');

html, body {width:100%;height:100%;}
/* reset */
html, body {width:100%; height:100%; -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, blockquote {margin:0; padding:0}
body {padding:0; background:#fff; font-family:'YouandiModernTR', 'YouandiModernTB', 'YouandiModernHEB', dotum, '돋움', gulim, '굴림', Arial, AppleGothic, verdana, sans-serif, helvetica; font-size:15px; color:#000;}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
img, button {border:0 none; vertical-align:middle}
hr {height:0; display:none}
i, em, address {font-style:normal}
label, button {cursor:pointer}
caption, legend {width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0;}
.blind {position:absolute !important; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; overflow:hidden; font-size:0; line-height:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
input, textarea, select {margin:0; padding:0; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum,'돋움',gulim,'굴림',Arial, AppleGothic, verdana, sans-serif, helvetica; font-size:10.5pt; color:#555; vertical-align:middle}
textarea {border: 1px solid #666; resize:none}
button {overflow:visible; margin:0; padding:0; border:0 none; background:none; font-size:0; font-family:'YouandiModernTR', 'YouandiModernHEB', dotum,'돋움',gulim,'굴림',Arial, AppleGothic, verdana, sans-serif, helvetica; vertical-align:top; cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}
.ellipsis {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
a {color:#000; text-decoration:none; word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none;}
.gecko  a:focus, .msie a:focus {outline : 1px #666 dotted} /*2021-11-04 GGCN45 : PC 접근성 IE 포커스 표시*/
input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset;}
.p_loading {position:fixed; overflow:hidden; top:50%; left:50%; z-index:100; width:100px; height:64px; margin:-32px 0 0 -50px;}
.p_loading img {position:absolute; top:0; left:0; width:auto; height:100%;}
@font-face {
    font-family: 'YouandiModernTR';
    font-style: normal;
    font-weight: normal;
    src: url(/font/Youandi_Modern_TextRegular.eot);
    src: url(/font/Youandi_Modern_TextRegular.eot?#iefix) format('embedded-opentype'),
         url(/font/Youandi_Modern_TextRegular.woff) format('woff')
}
@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.woff) format('woff')
}
@font-face {
    font-family:'YouandiModernHEB';
    font-style: normal;
    font-weight: normal;
    src: url(/font/Youandi_Modern_HeadExtraBold.eot);
    src: url(/font/Youandi_Modern_HeadExtraBold.eot?#iefix) format('embedded-opentype'),
         url(/font/Youandi_Modern_HeadExtraBold.woff) format('woff')
}
iframe[name="google_conversion_frame"] {position: absolute;bottom:0;left:-100%;}
.clearfix {clear:both; *zoom:1}
.clearfix:after {display:block; content:''; clear:both}

/* margin */
.mt0{margin-top:0 !important;}
.mt3 {margin-top:3px !important;}
.mt04, .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;}
.mt9 {margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt11{margin-top:11px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt15{margin-top:15px !important;}
.mt17{margin-top:17px !important;}
.mt18{margin-top:18px !important;}
.mt20{margin-top:20px !important;}
.mt22{margin-top:22px !important} /* 2021-10-27 GGU402 추가 */
.mt25{margin-top:25px !important;}
.mt29{margin-top:39px !important}/* 2021-10-27 GGU402 추가 */
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt39{margin-top:39px !important}/* 2021-10-27 GGU402 추가 */
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !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;}
.mt170{margin-top:170px !important;}

.mr0{margin-right:0 !important;}
.mr5{ margin-right:5px !important;}
.mr6{ margin-right:6px !important;}
.mr10{ margin-right:10px !important;}
.mr14{margin-right:14px !important;}
.mr15{margin-right:12px !important;}
.mr20{margin-right:20px !important;}
.mr22{margin-right:22px !important;}
.mr23{margin-right:23px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr32{margin-right:32px !important;}

.mb0{margin-bottom:0 !important}
.mb3{margin-bottom:3px !important}
.mb5{margin-bottom:5px !important}
.mb6 {margin-bottom:6px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb15{margin-bottom:15px !important;}
.mb19 {margin-bottom:19px !important;}
.mb20 {margin-bottom:20px !important;}
.mb27 {margin-bottom:27px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0{margin-left:0px  !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml5{ margin-left:5px !important;}
.ml6{ margin-left:6px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml28{margin-left:28px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml70{margin-left:70px !important;}
.ml383{margin-left:383px !important;}

.mgl-1{margin-left:-1px !important;}
.mgl-10{margin-left:-10px !important;} /* 2020-05-04 GGU282 - 정부 긴급재난지원금 신청 - 추가 */
.mgt-1{margin-top:-1px !important;}
.mgt-2{margin-top:-2px !important;}
.mgt-3{margin-top:-3px !important;}
.mgt-4{margin-top:-4px !important;}
.mgt-5{margin-top:-5px !important;}
.mt8m {margin-top:-8px !important;}
.mgt-11{margin-top:-11px !important;}
/* //margin */

/* padding */
.pd0 {padding:0 !important;}

.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt13{padding-top:13px !important}/* 2021-10-27 GGU402 추가 */
.pt20 {padding-top:20px !important;}
.pt24 {padding-top:24px !important;}
.pt30 {padding-top:30px !important;}
.pt38 {padding-top:38px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pl0{padding-left:0 !important;}
.pl3{padding-left:3px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl24{padding-left:24px !important;}
.pl30{padding-left:30px !important;}/* 2020-10-21 */
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl88{padding-left:88px !important;}

.pr0{padding-right:0 !important;}
.pr3{padding-right:3px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr220{padding-right:220px !important;}

.pb0 {padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important}/* 2021-10-27 GGU402 추가 */
.pb16 {padding-bottom:16px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
/* //padding */

.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}

.lh16 {line-height:16px !important;}
.lh18 {line-height:18px !important;}
.lh19 {line-height:19px !important;}
.lh20 {line-height:20px !important;}
.lh21 {line-height:21px !important;}
.lh22 {line-height:22px !important;}
.lh23 {line-height:23px !important;}
.lh24 {line-height:24px !important;}
.lh25 {line-height:25px !important;}
.lh26 {line-height:26px !important;}

.display_i {display:inline}
.display_b {display:block}
.display_ib {display:inline-block}
.public_btn {margin-top:20px !important;}
.my_account_s_btn {padding-top:5px; display:inline-block; position:absolute; top:22px;}

.tl {text-align:left !important;}
.tr {text-align:right !important;}
.tc {text-align:center !important;}
.txt_align_l {text-align:left !important}
.txt_align_r {text-align:right !important}

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

/*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; }
/*2021-11-03 GGCN45 : 디자인팀 요청*/
.discussion_detail li {font-family:'YouandiModernTB' !important;font-weight:normal !important;color:#000 !important;} /* 2021-11-10 GGU282 - 추가 */
.bold {font-weight:bold !important;}
.unbold {font-weight:normal !important;}
.color_point_2 {color:#ff0000 !important}
.btn_fold.non_check{right:27px !important;}
.letter-1{letter-spacing:-1px !important;}

.bd_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;}
.bdb_line{border-bottom: 1px solid #e1e1e1;}
.bdt_line{border-top: 1px solid #e1e1e1;}

/* 링크없는 밑줄 & 강조 */
.emphasis {padding:0 !important; background:none !important; color:#1e75d6;}
.underline {padding:0 0 1px 0 !important; background:none !important; color:#1e75d6; border-bottom:1px solid #1e75d6 !important;}
.underline.black{color:#666; border-bottom: 1px solid #666 !important;}
#wrap .link.point_color_1,
.point_color_1 {color:#1e75d6;}
.point_color_1.type_1{ text-decoration:underline;}
.point_color_2 {color:#ff0000;}
.point_color_3 {color:#000;}

.txt_color_0 {color: #000 !important;}
.txt_color_1 {color: #111 !important;}
.txt_color_2 {color: #222 !important;}
.txt_color_3 {color: #333 !important;}
.txt_color_4 {color: #444 !important;}
.txt_color_5 {color: #555 !important;}
.txt_color_6 {color: #666 !important;}
.txt_color_7 {color: #777 !important;}
.txt_color_8 {color: #888 !important;}
.txt_color_9 {color: #999 !important;}

.txt_tit > .point_color_2 {margin-right:7px;}
.txt_tit > .point_color_2.type1 {margin-left:-3px; margin-right:10px;}
.txt_tit > .point_color_2.type2 {margin-left:4px; margin-right:10px;}
.txt_tit > .point_color_2.type3 {margin-left:7px;}
.txt_tit > .point_color_2.type4 {margin-right:6px;}
.txt_tit > .point_color_2.type5 {margin-left:6px;}
.txt_tit > .point_color_2.type6 {margin:0 11px 0 6px;}
.list_info_1 .tit .point_color_2,
.info_list .point_color_2,
.title_section .title .point_color_2 {font-size:13px;}
.title_section .title .point_color_2.type1 {margin:0px 0 0 10px;}

.test_header {overflow:hidden; position:fixed; top:0; left:0; z-index:10; width:100%; height:104px; background:url(/image/temp/gnb.jpg) no-repeat center top;}
.test_header {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.local_menu_test {float:right; width:1067px; height:68px; margin-right:1px;background:url(/image/temp/gnb.jpg) no-repeat -624px -36px;}
.local_menu_test:after {display:block; content:''; clear:both;}
.test_footer {width:100%; background:url(/image/temp/footer.jpg) no-repeat center top;}
.area_content_card > div.area_snb {height:40px; padding:0; background:url(/image/temp/snb.png) no-repeat center top;}

.skip-nav {position:absolute;left:0;top:0;}
.skip-nav li {float:left;position:relative;width:159px;height:30px;}
.skip-nav li a {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 li a:focus {left:0;z-index:999;}
.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;}
.skip_nav {position:absolute;left:0;top:0;}
.skip_nav li {float:left;position:relative;width:159px;height:30px;}
.skip_nav li a {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 li a:focus {left:0;z-index:999;}
.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;}
.hd-t {position:absolute;left:-10000px;top:-10000px; z-index:-9999;}
a.in_blc {display:inline-block; margin:0 10px;}
.hcbtn1,
.hcbtn1 a {display:inline-block; position:relative; font-size:13px; color:#1e75d6; background:none; line-height:1;}
a.hcbtn1:hover:before,
.hcbtn1 a:hover:before {display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#1e75d6; content:'';}
a.hcbtn1.type1:hover:before,
.hcbtn1 a.type1:hover:before {display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#1e75d6;}
span.link_layer.CPPBM0201_01_1 a.hcbtn1.type1:hover:before,
span.link_layer.CPPBM0201_01_12 a.hcbtn1.type1:hover:before{background-color:#fff;}
.hcbtn1.type2{ height:15px; padding:1px 20px 0 0 ; background:url(/image/btn/btn_download.gif) no-repeat 100% 0;}
.hcbtn1.type2 a{ height:13px;}
.hcbtn1.type3 {height:15px; padding:0 20px 0 0 ; background:url(/image/btn/btn_print.png) no-repeat 100% 0;}
.hcbtn1.type3 a {height:13px;}
.hcbtn1.type4 {padding-left:5px;}
.hcbtn1_out {padding-right:14px; background:url(/image/card/card_detail/arrow_hcbtn1.png) no-repeat right 1px;}
.hcbtn2,
.hcbtn2 a {display:inline-block; position:relative; font-size:15px; color:#000;}
a.hcbtn2:hover:before,
.hcbtn2 a:hover:before {display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#000; content:'';}
.hcbtn3,
.hcbtn3 a {display:inline-block; position:relative; font-size:21px; color:#000;}
a.hcbtn3:hover:before,
.hcbtn3 a:hover:before {display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; content:'';}
.hcbtn3 a:hover {color:#1e75d6;}
.hcbtn4,
.hcbtn4 a {display:inline-block; position:relative; padding:0 0 0 8px; border:1px solid #e5e5e5; font-family:'YouandiModernTR'; text-align:center; font-size:12px; color:#666; background:#fff;}
.hcbtn4 span {display:block; height:18px; padding:0 8px 0 0; line-height:18px}
.hcbtn4:hover {background:#e5e5e5; border-color:#e5e5e5; color:#666;}
.hcbtn4.none:hover {background:#fff;}
.hcbtn5,
.hcbtn5 a {display:inline-block; padding:0 0 0 8px; border:1px solid #e5e5e5; font-size:12px; font-family:'YouandiModernTR'; text-align:center; color:#666;  background:#fff;}
.hcbtn5 span {display:block; height:22px; padding:0 8px 0 0; line-height:22px}
.hcbtn5.type2 span {padding-right:16px; margin-right:7px; background:url(/image/common/arrow_open_06.png) no-repeat 100% -7px;}
.hcbtn5.type2.on span {background-position:100% 8px;}
.hcbtn5.type2:hover span {background-position:100% -37px;}
.hcbtn5.type2.on:hover span {background-position:100% -22px;}
.hcbtn5:hover {color:#666; background:#e5e5e5; border-color:#e5e5e5;}
.hcbtn5.type2:hover {color:#666; background:#fff; border-color:#e5e5e5;}
.hcbtn6,
.hcbtn6 a {display:inline-block; height:18px; padding: 0 8px; border:1px solid #cdcdcd; font-family:'YouandiModernHEB'; text-align:center; font-size:11px; line-height:18px; color:#666; background:#fff; min-width:30px;}
.hcbtn6.type_1 {border-color:#666;}
.hcbtn6.on,
.hcbtn6.on {border:1px solid #1e75d6; color:#1e75d6;}
.hcbtn6.off,
.hcbtn6.off {border:1px solid #ccc; color:#666; background:#fff;}
.hcbtn7,
.hcbtn7 a {display:block; font-size:15px; color:#1e75d6;}
.hcbtn8,
.hcbtn8 a{display:inline-block; position:relative; font-size:13px; color:#1e75d6;}
.hcbtn_list{
    margin-top: 20px;
}
.hcbtn_list li a{
    display:block; position:relative; font-size:13px; color:#1e75d6;
}
.hcbtn_list li:not(:first-child){
    margin-top: 10px;
}

a.hcbtn8:hover:before,
.hcbtn8 a:hover:before {display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#1e75d6; content:'';}
.hcbtn9,
.hcbtn9 a {display:block; font-size:12px; color:#999;}
.hcbtn9.type_1,
.hcbtn9.type_1 a {color:#1e75d6;}
.hcbtn10 {display:inline-block; position:relative; padding-right:30px; font-size:15px; line-height:22px; color:#000;}
/* .hcbtn10:before {display:block; position:absolute; right:0; top:50%; width:18px; height:18px; margin-top:-10px; border:1px solid #e1e1e1; background-color:#fff; content:'';}
.hcbtn10:after {display:block; position:absolute; right:5px; top:50%; width:10px; height:6px; margin-top:-3px; background-image:url(/image/common/sp_arrow.png);background-repeat:no-repeat;background-position:-90px -90px; content:'';}
.hcbtn10:hover:after  {background-position:-20px -90px;}
.on > * > .hcbtn10:after {background-position:-90px -100px;}
.on > * > .hcbtn10:hover:after {background-position:-20px -100px;} */
.hcbtn10:before {display:block; position:absolute; right:0; top:50%; width:20px; height:20px; margin-top:-10px; background-image:url(/image/common/arrow_open_05.png); content:'';} /* 이용안내 */
.on .h2_tit_1 > .hcbtn10:before {background-image:url(/image/common/arrow_close_05.png);} /* 이용안내 */
.area_card_module_1 .hcbtn10:before,
.hcbtn10.type2:before {background-image:url(/image/common/arrow_open_02.png); content:'';}
.on .h2_tit_1 > .hcbtn10.type2:before,
.area_card_module_1 .on .h2_tit_1 > .hcbtn10:before{background-image:url(/image/common/arrow_close_02.png);}
.hcbtn11,
.hcbtn11 a {display:inline-block; font-size:11px; color:#fff; font-family:'YouandiModernTR'; text-align:center; background:#666;}
.hcbtn11 span {display:block; height:18px; padding:0 8px; line-height:18px}
.hcbtn11.on,
.hcbtn11.on a {background-color:#1e75d6;}
.hcbtn11.off,
.hcbtn11.off a {background-color:#5c5c5c;}
.hcbtn12,
.hcbtn12 a {display:inline-block; font-size:21px; color:#fff;}

/* 2018-03-12 수정 */
.hcbtn13 {display:inline-block; position:relative; padding-left:30px; font-size:15px; line-height:22px; color:#000;}
.hcbtn13:before {display:block; position:absolute; left:0; top:50%; width:20px; height:20px; margin-top:-10px; background-image:url(/image/common/arrow_open_05.png); content:'';}
/* //2018-03-12 수정 */

/* 링크 *//* 보이스피싱예방안내 2020-04-06 GGCN35 */
.link_top{margin:10px 0;text-align:right;}
.cited{margin:10px 0;text-align:right;}

.btn_limit_change {display:inline-block; height:20px; padding:0 8px; line-height:20px; background:#fff; color:#666; font-size:11px; text-align:center;}
.btn_limit_change:hover {color:#1e75d6;}

.txt_guide1.hcbtn10:before {width:18px; height:18px; border:1px solid #e1e1e1; background-color:#fff; background-image:none;content:'';}
.txt_guide1.hcbtn10:after {display:block; position:absolute; right:5px; top:50%; width:10px; height:6px; margin-top:-3px; background-image:url(/image/common/sp_arrow.png);background-repeat:no-repeat;background-position:-90px -90px; content:'';}
.txt_guide1.hcbtn10.on:after {background-position:-90px -90px; content:'';}
.txt_guide1.hcbtn10.on:hover:after  {background-position:-20px -90px;}
.txt_guide1.hcbtn10:after {background-position:-90px -100px; content:'';}
.txt_guide1.hcbtn10:hover:after  {background-position:-20px -100px;}


/* 2018-03-12 수정 */
.txt_guide1.hcbtn13:before {width:18px; height:18px; border:1px solid #e1e1e1; background-color:#fff; background-image:none;content:'';}
.txt_guide1.hcbtn13:after {display:block; position:absolute; left:5px; top:50%; width:10px; height:6px; margin-top:-3px; background-image:url(/image/common/sp_arrow.png);background-repeat:no-repeat;background-position:-90px -90px; content:'';}
.txt_guide1.hcbtn13.on:after {background-position:-90px -90px; content:'';}
.txt_guide1.hcbtn13.on:hover:after  {background-position:-20px -90px;}
.txt_guide1.hcbtn13:after {background-position:-90px -100px; content:'';}
.txt_guide1.hcbtn13:hover:after  {background-position:-20px -100px;}
/* //2018-03-12 수정 */


.area_box.black a.hcbtn1:hover:before,
.area_box.black .hcbtn1 a:hover:before {background-color:#fff !important;}
.infor_box.type6 a.hcbtn1:hover:before,
.infor_box.type6 .hcbtn1 a:hover:before {background-color:#fff !important;}
.x_benefit_baner a.hcbtn1.link_service:hover:before{background-color:#fff !important;}
.list_style01 li a.link_type1:hover{text-decoration:underline;}

/* hcbtn_midium 80 x 32 */
.hcbtn_midium {display:inline-block; padding:0 10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.hcbtn_midium span {display:block; min-width:60px; height:32px; line-height:33px;font-family:'YouandiModernTR'; font-size:13px; font-weight:normal; text-align:center; cursor:pointer;}

/* hcbtn_large 80 x 40 */
.hcbtn_large {display:inline-block; padding:0 16px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.hcbtn_large span {display:block; min-width:48px; height:40px; line-height:41px; font-family:'YouandiModernTR'; font-size:13px; font-weight:normal; text-align:center; cursor:pointer; color:#000}
.hcbtn_large span:hover {color:#1e75d6;}

/* popup 180 x 40 */
.popup.hcbtn_large span{min-width: 148px;}

/* popup system */
.popup_system .inner{padding:40px 50px}
.popup_system h1 {font-size:21px;line-height:26px;text-align:center;margin-bottom:30px;}
.popup_system .box{background-color:#fafafa;padding:30px;}


/* hcbtn_xlarge 180 x 48 */
.hcbtn_xlarge {display:inline-block; padding:0 16px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.hcbtn_xlarge span {display:block; padding:0; border:0; background:none; min-width:148px; height:48px; line-height:48px; font-family:'YouandiModernTR'; font-size:17px; font-weight:normal; text-align:center; cursor:pointer;}
.hcbtn_xlarge.type2:hover span {padding:0; border:0; background:none;}

/* min-width : none */
.min_type1.hcbtn_xlarge span {min-width:96px;}

/* hcbtn_xxlarge 110 x 106  */
.hcbtn_xxlarge {display:inline-block; padding:0 10px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.hcbtn_xxlarge  span {display:block; min-width:90px; height:106px; line-height:106px; font-family:'YouandiModernTR'; font-size:17px; font-weight:normal; text-align:center; cursor:pointer;}

/* hcbtn_xxlarge type2 90 x 90 */
.hcbtn_xxlarge.type2 {}
.hcbtn_xxlarge.type2 span{min-width:70px; height:90px; line-height:91px; font-size:13px;}

/* hcbtn icon x 32 */
.hcbtn {display:inline-block; padding:0 11px; border:1px solid #cdcdcd; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; background:#fff; color:#666;}
.hcbtn span {display:block; height:30px; line-height:31px; font-size:13px;}
.hcbtn span:before {background:url(/image/common/sp_btn_icon.png) no-repeat 0 0; background-repeat:no-repeat;}
.hcbtn.print span:before {content:""; display:inline-block; width:12px; height:11px; margin:0 6px 0 1px; background-position:0px 0px; vertical-align: -1px;}
.hcbtn.favorit span:before {content: ""; display:inline-block; width:14px; height:14px; margin:0 6px 0 0; background-position: -12px 0px; vertical-align: -3px;}
.hcbtn.excel span:before {content: ""; display:inline-block; width:9px; height:11px; margin:0 8px 0 0; background-position: -26px 0px; vertical-align: -3px;}
.hcbtn.calculator span:before {content: ""; display:inline-block; width:10px; height:14px; margin:0 8px 0 0; background-position: -35px 0px; vertical-align: -4px;}
.hcbtn:hover {background:#e5e5e5;}
.hcbtn.mouse {display:inline-block; width:38px; height:38px; padding:0; border:1px solid #e1e1e1; background-image:url(/image/common/icon_mouse.png);background-repeat:no-repeat; background-position:center;  vertical-align:top; cursor:pointer; text-indent:-999em;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
button.hcbtn.mouse {width:40px;height:40px;}
.input_mouse {display:inline-block; position:relative; padding-right:60px; }
.input_mouse span {position:absolute; top:0; right:0;}
.hcbtn.mouse.type_1 {width:30px; height:30px;}
button.hcbtn.mouse.type_1 {width:32px;height:32px;}
.hcbtn.mouse.type_2{width:46px; height:46px;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
button.hcbtn.mouse.type_2 {width:48px;height:48px;}
.hcbtn.mouse span {text-indent:-999em}
.hcbtn.mouse:hover {background-color:#e5e5e5;}
.hcbtn.keyboard {display:inline-block; width:38px; height:38px; padding:0; border:1px solid #e1e1e1; background-image:url(/image/common/icon_keyboard.png);background-repeat:no-repeat; background-position:center;  vertical-align:top; cursor:pointer; text-indent:-999em;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
button.hcbtn.keyboard {width:40px;height:40px;}
.hcbtn.keyboard.type_1 {width:30px; height:30px;background-size:22px 11px;}
button.hcbtn.keyboard.type_1 {width:32px;height:32px;}
.hcbtn.keyboard.type_2{width:46px; height:46px;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
button.hcbtn.keyboard.type_2 {width:48px;height:48px;}
.hcbtn.keyboard span {text-indent:-999em}
.hcbtn.keyboard:hover {background-color:#e5e5e5;}

/*  버튼타입 추가_로그인 */
button.hcbtn.mouse.type_3 {width:39px !important; height:39px; line-height:40px; display:inline-block; text-align:center; border-radius:1px; vertical-align:top; cursor:pointer; border:0 !important; position:absolute; left:201px; background:url(/image/common/icon_mouse.png) no-repeat 50% 50% !important;}
button.hcbtn.keyboard.type_3 {width:39px !important;height:39px; line-height:40px; display:inline-block; text-align:center; border-radius:1px; vertical-align:top; cursor:pointer; border:0 !important; position:absolute; left:201px; background:url(/image/common/icon_keyboard.png) no-repeat 50% 50% !important;}
button.hcbtn.mouse.type_3:hover, button.hcbtn.keyboard.type_3:hover {background-color:#e5e5e5 !important;}
.hcbtn_midium, .hcbtn_large, .hcbtn_xlarge, .hcbtn_xxlarge {-webkit-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); -ms-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000); transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);}

/* type */
.hcbtn_midium.type1, .hcbtn_large.type1, .hcbtn_xlarge.type1 {background:#666;color:#fff; vertical-align:middle; }
.white_btn_content .hcbtn_xlarge.type1{background:#fff;color:#000;}
.hcbtn_midium.type1:hover, .hcbtn_large.type1:hover, .hcbtn_xlarge.type1:hover{background:#474747;}
.hcbtn_large.type1 span {color:#fff;}
.hcbtn_midium.type2, .hcbtn_large.type2, .hcbtn_xlarge.type2, .hcbtn_xxlarge.type1, .hcbtn_xxlarge.type2 {background:#1e75d6;color:#fff;vertical-align:middle;}
.hcbtn_midium.type2:hover, .hcbtn_large.type2:hover, .hcbtn_xlarge.type2:hover, .hcbtn_xxlarge.type1:hover, .hcbtn_xxlarge.type2:hover, .hcbtn_midium.type7:hover, .hcbtn_midium.type8:hover {background:#155295 !important;}
.hcbtn_large.type2 span {color:#fff;}
.hcbtn_midium.type3 {border:1px solid #cdcdcd; background:#fff; color:#666;}
.hcbtn_midium.type3  span{min-width:58px; height:30px; line-height:31px;}
.hcbtn_midium.type3:hover {background:#e5e5e5;}
.hcbtn_midium.type4 {color:#000;background:#fff;}
.hcbtn_midium.type4  span {min-width:44px;}
.hcbtn_midium.type4:hover {color:#1e75d6}
.hcbtn_midium.type5 {background:#b2b2b2;color:#fff;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;color:#666;}
.hcbtn_midium.type5:hover {background:#b2b2b2;}
.hcbtn_midium.type6 {background:#fff;color:#666;}
.hcbtn_midium.type6:hover {background:#b2b2b2;}
.hcbtn_large.type3 {border:1px solid #cdcdcd;background:#fff;color:#666;vertical-align: middle;}
.hcbtn_large.type3 span {height:38px;line-height:38px;}
.hcbtn_large.type3:hover {background:#e5e5e5;color:#000;}
.hcbtn_large.type4 {color:#000;background:#fff;}
.hcbtn_large.type4:hover{color:#1e75d6}
.hcbtn_xlarge.type3 {border:1px solid #cdcdcd;background:#fff;color:#000; vertical-align:middle;}
.hcbtn_xlarge.type3 span {height:46px;line-height:46px;}
.hcbtn_xlarge.type3:hover {background:#e5e5e5;color:#000;}
.hcbtn_xlarge.type3.no_cursor span{cursor:default;}
.hcbtn_xlarge.type3.no_cursor:hover{background:#fff;color:#666;}
.hcbtn_xlarge.type4 {color:#1e75d6;background:#fff;}
.hcbtn_xlarge.type4.request span{color:#18b3af;}
.hcbtn_xlarge.type4:hover {background:#e5e5e5;}
.hcbtn_xlarge.type4:hover span {color:#666;}
.hcbtn_xlarge.type5 {color:#000;background:#fff;}
.hcbtn_xlarge.type5:hover{color:#1e75d6}
/*2018-08-22 add*/
.hcbtn_xlarge.type6{border:1px solid #cdcdcd;background:#fff;color:#666;vertical-align:middle;}
.hcbtn_xlarge.type6 span {height:46px;line-height:46px;}
.hcbtn_xlarge.type6:hover {background:#e5e5e5;color:#000;}
/*//2018-08-22 add*/

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

/* 2021-03-08 GGCX83 GPCC_최적화 WEB - kt-현대카드 M Edition3(청구할인형) */
.hcbtn_extraL{padding:0 60px;}

.area_content_main .btn_area_login.type1 .login_inner.n01 .btn_mouse02 {display:block;position:absolute;right:0;top:41px;width:40px;height:40px;line-height:40px;text-align:center;cursor:pointer;}
.area_content_main .btn_area_login.type1 .login_inner.n01 .btn_mouse02:hover {background:#e5e5e5;}
.hcbtn_mouse #btn_keypad,
.main .login_inner.n01 #btn_keypad {display:inline-block;width:38px;height:38px;line-height:40px;text-align:center;cursor:pointer;border:1px solid #e1e1e1;border-radius:1px;vertical-align:top;background:#fff;}
.main .login_inner.n01 #btn_keypad {border:0 none;}
.hcbtn_mouse.type_1 #btn_keypad {width:30px;height:30px;line-height:30px;}
.hcbtn_mouse.type_2 #btn_keypad {width:46px;height:46px;line-height:46px;margin-left:10px;}
#btn_keypad:hover {background:#e5e5e5 !important;}
.login .id_password_input p #btn_keypad {margin-left:10px;}

.btn_content_up {display:none; position:fixed; right:8px; bottom:60px; z-index:15; width:40px; height:40px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:#000; opacity:0.8; filter:"alpha(opacity=80)"; -ms-filter:"alpha(opacity=80)"; text-indent:-999em;-webkit-transition-property:top, bottom; -webkit-transition-duration:0.2s; -moz-transition-property:top, bottom; -moz-transition-duration:0.2s; -o-transition-property:top, bottom; -o-transition-duration:0.2s; -ms-transition-property:top, bottom; -ms-transition-duration:0.2s; transition-property:top, bottom; transition-duration:0.2s;}
.btn_content_up span {display:block;position:absolute;left:50%;top:12px;width:16px;height:16px;margin-left:-8px; content:'';background:url('/image/btn/btn_common_up.png') no-repeat 0 -48px; overflow:hidden;}

.btn_content_up.new {display:none; position:fixed; right:8px; bottom:60px; z-index:15; width:40px; height:40px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;background:url(/image/common/bg_btn_content_up.png) no-repeat;  text-indent:-999em;-webkit-transition-property:top, bottom; -webkit-transition-duration:0.2s; -moz-transition-property:top, bottom; -moz-transition-duration:0.2s; -o-transition-property:top, bottom; -o-transition-duration:0.2s; -ms-transition-property:top, bottom; -ms-transition-duration:0.2s; transition-property:top, bottom; transition-duration:0.2s;}
.btn_content_up.new span {display:block;position:absolute;left:50%;top:15px;width:12px;height:7px;margin-left:-6px; content:'';background:url('/image/btn/btn_common_up_new.png') no-repeat; overflow:hidden;}
.hcbtn_cur {size:inherit; color:#1e75d6;}
.hcbtn_cur_1 {size:inherit; color:inherit;}
.area_rolling {position:relative; overflow:hidden;}
.input_group {font-size:0; vertical-align:middle;}
.input_group.sty01 {margin-bottom:18px; padding-bottom:10px; border-bottom:1px dashed #e1e1e1;}
.input_group.sty02 {position:relative; margin-bottom:9px; padding-left:83px;}
.group_block {display:block; margin-top:10px;}
.group_block.type1 .citation_agree {display:block; margin-top:13px;}
.group_block.type2 {margin-top:9px;}
.input_group > * {margin:0 6px;}
.input_group > .description + * {margin:0;}
.input_group_3 {margin-top:12px; font-size:13px; color:#666;}
.input_group em, .input_group p{ font-size:13px;}
.input_group em, .input_group .vdBox {margin:0;}
.input_group p.type1{font-size:15px; line-height:34px;}
.input_group .form_select {margin:0 8px 0 6px;}
.input_group .form_select:first-child {margin:0 8px 0 0;}
.input_group .input_group_2,
.area_layer .input_group > *:first-child,
#container .input_group > *:first-child {margin-left:0;}
.input_group .txt_input_1 {padding:2px 8px; margin:0px 3px; font-size:15px; color:#666; vertical-align:-7px;}
.input_group .txt_input_1.type1 {padding:0 5px;}
.input_group .txt_input_1.type2 {padding:0 6px 0 5px;}
.input_group .txt_input_1.type3 {padding:0 4px 0 2px;}
.input_group .txt_input_1.type4 {padding:2px 8px 2px 9px;}
.input_group .txt_input_1.type5 {padding:0 14px 0 2px;}
.input_group > button {margin:0 6px;}
.input_group .radiobox {margin-right:6px;}
.input_group .radiobox + .radiobox {margin-left:6px;}
.input_group .radiobox .form_select {margin:0;}
.input_group > .input_group_1 {display:block; margin-left:0;}
.input_group_1 > * {margin:0 6px;}
.input_group_1 > *:first-child {margin-left:0;}
.input_group_2 > input[type=text] {padding-right:10px; text-align:right}
.input_group .mouse + .txt {margin:0 9px 0px 4px;}
.input_group .mouse + .txt.type1 {margin:0 -7px 0px 6px;}
.input_group .txt {margin:0 3px; font-size:15px; color:#666; vertical-align:middle;}
.input_group .txt.type_1 {line-height:40px; color:#000;}
.input_group .txt.type_2 {margin:0;}
.input_group .txt.type_3 {margin-top:1px; color:#000;}
.input_group .error_txt {font-size:13px;}
.span_hyphen {display:inline-block; overflow:hidden; width:4px; height:0; margin:0 4px; padding-top:1px; background-color:#666;  text-indent:-10000px; vertical-align:middle;}
input[type="password"]:disabled.dis_pw{font-size:30px;letter-spacing:-6px;text-indent:-6px;}
.input_group .direct_cld {display:inline-block; vertical-align:top;}

/* Input */
input:read-only, input[readonly], input[disabled], input:disabled {background-color:#fafafa;}
.ie_disabled, .ie_disabled:hover, .ie_disabled:focus {background-color:#fafafa;}

/* In use & Unuse */
.in_use {padding:4px 8px; border:1px solid #e5e5e5; color:#666; font-family:'YouandiModernTR'; font-size:12px; background:#fafafa;}
.un_use {padding:4px 8px; border:1px solid #e5e5e5; color:#666; font-family:'YouandiModernTR'; font-size:12px; background:#fafafa;}
.btn_del {position:relative; width:20px; height:20px; background-color:#000;opacity:0.5;filter:"alpha(opacity=50)"; -ms-filter:"alpha(opacity=50)";}
.btn_del:hover {opacity:0.7;filter:"alpha(opacity=70)"; -ms-filter:"alpha(opacity=70)";}
.btn_del span {position:absolute; top:6px; left:6px; width:8px; padding-top:8px; background-position:-50px -10px;}

/* Select Box */
select {display:none; width:100%; height:40px;}
.form_select {display:inline-block; width:178px; vertical-align:middle;}
.form_select.select_240 {width:240px;}
.form_select.input96 .btn_select {padding-right:30px;}
.select_wrap {position: relative; width:100%; z-index:8; height:38px; border:1px solid #e1e1e1; text-align:left; background-color:#fff;}
.form_select.nolineL .select_wrap{border-left:0 !important;}
.select_wrap.on {z-index:12;}
.select_wrap.input_error {z-index:11; border:1px solid #fc3636;}
.select_wrap.input_error .btn_select {color:#fc3636;}
.select_wrap .btn_select {display:block; overflow:hidden; position: relative; height:38px; padding:0 40px 0 10px; font-size:15px; color:#666; line-height:38px; white-space:nowrap; background:#fff}
.select_wrap .btn_select:hover{ background:#fafafa}
.select_wrap .btn_select:after {display:block; position: absolute; top:0; right:0; width:40px; height:36px; background:url(/image/common/arrow_select02.png) no-repeat 50% 2px; content:'';}
.select_wrap.on .btn_select:after {background-position:50% -40px;}
.select_wrap.input_error .btn_select:after {background-position:right -80px;}
.select_wrap.on.input_error .btn_select:after {background-position:right -120px;}
.select_wrap .ul_select_list {display:none; overflow-x:hidden; overflow-y:auto; position:absolute; top:38px; left:0; right:0; z-index:12; min-width:100%; height:0; margin-left:-1px; background-color:#fff;}
.no_trans .select_wrap .ul_select_list {width:100%;}
.select_wrap.on .ul_select_list {border:1px solid #e1e1e1;}
.select_wrap .ul_select_list.up {top:auto; bottom:38px;}
.select_wrap .ul_select li {height:40px; padding:0; margin-bottom:0;}
.select_wrap .ul_select li:first-child a {border-top:none;}
.select_wrap .ul_select li a {display:block; height:40px; padding:0 20px 0 10px; font-size:15px; line-height:40px; color:#666; white-space:nowrap;}
.select_wrap .ul_select li.on a,
.select_wrap .ul_select li a:hover {background:#fafafa; color:#1e75d6;}
.form_select.address .select_wrap .ul_select li a {padding-top: 2px; padding-bottom: 3px; line-height: 16px; word-wrap: break-word; word-break: break-all; white-space: normal;}
.form_select.type2 .select_wrap.type1,
.form_select.type2 .select_wrap.type1 .btn_select {height:30px;}
.form_select.type2 .select_wrap {height:30px;}
.form_select.type2 .select_wrap .ul_select_list {top:30px;}
.no_trans .form_select.type2 .select_wrap .ul_select_list {width:auto; min-width:0; margin-left:0;}
.form_select.type2 .select_wrap.type1 .ul_select_list {top:30px;}
.form_select.type2 .select_wrap .btn_select {height:30px; line-height:30px; font-size:13px;}
.form_select.type2 .select_wrap .btn_select:after {display:block; height:32px; content:''; background-position:50% -2px}
.form_select.type2 .select_wrap .ul_select {top:32px;}
.form_select.type2 .select_wrap .ul_select li {height:32px;}
.form_select.type2 .select_wrap .ul_select li a {height:34px; line-height:34px; font-size:13px;}
.form_select.type3 .select_wrap{height:30px;}
.form_select.type3 .select_wrap .ul_select_list {top:30px;}
.form_select.type3 .select_wrap .btn_select {height:30px; line-height:30px; font-size:13px;}
.form_select.type3 .select_wrap .btn_select:after {display:block; height:30px; content:''; background-position:50% -3px}
.form_select.type3 .select_wrap .ul_select {top:30px;}
.form_select.type3 .select_wrap .ul_select li {height:30px;}
.form_select.type3 .select_wrap .ul_select li a {height:34px; line-height:34px; font-size:13px;}
.form_select.nolineL .select_wrap{border-left:0 !important;} /* 2018-05-21  */
/* 2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */
select:disabled + .select_wrap {border-color:#f4f4f4;}
select.disabled + .select_wrap {border-color:#f4f4f4;} /* for ie8 */
select:disabled + .select_wrap .btn_select {background:#f4f4f4;}
select.disabled + .select_wrap .btn_select {background:#f4f4f4;} /* for ie8 */
/* //2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */
/* 2021-03-08 GGCX83 */
.border_select select:disabled + .select_wrap {border-color:#e1e1e1;}


.select_site .site {position:relative;}
.select_site .site .box_select {overflow:hidden; position:absolute; left:0; z-index:10; width:239px; height:0; }
.select_site .site .box_select.type_2 {overflow:visible; }
.select_site .site .box_select.type_1 {left:-712px; bottom:46px; width:832px; overflow:visible;}
.select_site .site .box_select .box_unit {position:relative; border-style:solid; border-width:1px; border-color:#ccc; background-color:#fff; text-align:left;}
.select_site .site .box_select.type_1 .box_unit {border-bottom-color:#ccc;}
.select_site .site .box_select.type_1 .box_unit:before {display:block; position:absolute; bottom:-1px; right:0; width:118px; height:1px; background-color:#fff; content:'';}
.select_site .site .box_select.type_2 .box_unit:before {display:block; position:absolute; bottom:-1px; left:0; width:118px; height:1px; background-color:#fff; content:'';}
.select_site .site .box_select.type_1 {left:-712px; width:832px;}
.select_site .site .box_select .box_unit:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.select_site .site .box_select .box_unit.type_1 {width:830px;}
.select_site .site .box_select .box_unit.type_1 .box_group {float:left; width:110px;}
.select_site .site .box_select .box_unit.type_1 .box_group:first-child {width:148px; padding-left:16px;}
.select_site .site .box_select a {display:block; font-size:11px; line-height:20px; color:#666;}
.select_site .site .box_select .box_unit.type1 a {font-size:12px; line-height:16px;}
.select_site .site .box_select .box_unit.type1 a:hover {color:#1e75d6}
.select_site .site .box_select .box_unit.type1 ul > li {padding-bottom:7px;}
.select_site .site .box_select .tit {color:#000;  padding-bottom:4px; font-size:12px; font-family:'YouandiModernHEB'; padding-bottom:12px !important;}
.select_site .site .box_select.type_2 .box_unit {padding:10px 0;}
.select_site .site .box_select.type_2 .box_unit ul {padding:5px 0; margin:0 16px 0 20px;}
.select_site .site .box_select.type_1 .box_unit ul {padding:19px 0px 14px 4px;}
.select_site .site .box_select.type_2 .box_unit ul + ul{border-top:1px solid #e9e9e9;}
.open_select {border:1px solid #ccc; padding:9px 10px 10px 16px;}
.open_select span {display:inline-block; color:#666; font-family:'YouandiModernTR'; font-size:11px;  background:url('/image/common/arrow_select.png') no-repeat 100% 4px; vertical-align:top;}
.site.on .open_select {background-color:#fff;}
.site.on .open_select span {background-position:100% -22px;}
.open_select.on span {background-position:100% -22px;}
.select_box .box_type1 {display:block; position:relative; border:1px solid #e5e5e5; padding:14px 32px 14px 16px; color:#000; font-family:'YouandiModernTR'; font-size:15px;}
.select_box .box_type1:before {display:block; position:absolute; top:50%; right:16px; width:7px; height:4px; background:url('/image/common/arrow_select.png') no-repeat 0 -26px; content:'';}
.select_box .box_type1.on span {background-position:100% -23px;}
.select_box .list {display:none;}
.select76 {display:inline-block; width:74px;}
.select88 {display:inline-block; width:86px;}
.select90 {display:inline-block; width:88px;}
.select104 {display:inline-block; width:102px;}
.select112 {display:inline-block; width:110px;}
.select120 {display:inline-block; width:118px;}
.select140 {display:inline-block; width:138px;}
.select146 {display:inline-block; width:144px;}
.select150 {display:inline-block; width:148px;}
.select176 {display:inline-block; width:174px;}
.select178 {display:inline-block; width:176px;}
.select190 {display:inline-block; width:188px;}
.select198 {display:inline-block; width:196px;}
.select208 {display:inline-block; width:206px;}
.select210 {display:inline-block; width:208px;}
.select240 {display:inline-block; width:238px;}
.select250 {display:inline-block; width:248px;}
.select264 {display:inline-block; width:262px;}
.select268 {display:inline-block; width:266px;}
.select270 {display:inline-block; width:268px;}
.select276 {display:inline-block; width:274px;}
.select280 {display:inline-block; width:278px;}
.select290 {display:inline-block; width:288px;}
.select292 {display:inline-block; width:290px;}
.select302 {display:inline-block; width:300px;} /* 2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */
.select307 {display:inline-block; width:305px;}
.select320 {display:inline-block; width:318px;}
.select352 {display:inline-block; width:350px;}
.select360 {display:inline-block; width:358px;}
.select364 {display:inline-block; width:362px;}
.select400 {display:inline-block; width:398px;}
.select420 {display:inline-block; width:420px;}
.select440 {display:inline-block; width:438px;}
.select500 {display:inline-block; width:498px;}
.select516 {display:inline-block; width:516px;}
.select528 {display:inline-block; width:526px;}

/* Checkbox */
.checkbox {display:inline-block; position:relative;}
.checkbox label {display:inline-block; position:relative; height:16px; padding-left:24px; font-size:15px; line-height:17px; color:#000; background:url(/image/common/check16x16.png) no-repeat 0 0;}
.checkbox.type_r label {padding-left:0; padding-right:24px; background-position:100% 0;}
.checkbox.type_r label.on, .checkbox.type_r label.on:hover{background-position:100% -16px;}
.checkbox.type_r label:hover{background-position:100% 0;}
/*
.checkbox label.type,
.checkbox label.type:hover{background:url(/image/common/check2_16.png) no-repeat 0 0}
.checkbox label.type.on:hover{background-position:0 -16px;}
*/
.checkbox label:hover{background:url(/image/common/check16x16.png) no-repeat 0 -64px;}
.checkbox label.on {background-position:0 -16px;}
.checkbox label.over:after {display:block; position:absolute; top:0; left:0; width:14px; height:14px; border:1px dotted #1e75d6; content:'';}
.checkbox.type_r label.over:after{right:0 !important;left:auto;} /* 2020-06-10 GGCQ62 - 접근성오류로 left:unset > left:auto; 수정 */
p.checkbox {z-index:0;}
p.checkbox input {position:absolute; top:0; left:0;border:0;}
/* p.checkbox label{position:absolute; top:0; left:0; width:15px; height:15px; width:15px; height:15px; border:1px dotted #1e75d6; content:'';z-index:1000;} */
/*
.checkbox input {overflow:hidden; position:absolute; top:-9999em; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; z-index:-1;}
*/
.checkbox input {overflow:hidden; position:absolute; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; z-index:-1;} /* top:-9999em 삭제 */
.checkbox label.disible {background-position:0 -32px;}
.checkbox label.disible.on {background-position:0 -80px;}
.checkbox label.uncheck {background-position:0 -48px;}
.checkbox_1{display:inline-block;}
.checkbox_1 label{display:inline-block;position:relative;width:16px;height:16px;background:url(/image/common/check16x16.png) no-repeat 0 0;}
.checkbox_1 label.on {background-position:0 -16px;}

/* 2018-12-27 - 코스트코 멤버십 관련 신청 프로세스 수정 요청 */
.checkbox label.black_label{background:url(/image/common/check16x16_02.png) no-repeat 0 0;}
.checkbox label.black_label:hover{background:url(/image/common/check16x16_02.png) no-repeat 0 -64px;}
.checkbox label.black_label.on{background-position:0 -16px}
.checkbox label.black_label.over:after{border:1px dotted #000}
.checkbox label.black_label.disible{background-position:0 -32px}
.checkbox label.black_label.disible.on{background-position:0 -80px}

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


/* 2021-04-20 카드신청 설명서 확인 */
.manual_list:after{content:'';display:block;clear:both;}
.manual_list li{position:relative;float:left;width:175px;padding:0 0 0 15px;border:solid 1px #e1e1e1;box-sizing:border-box;font-size:13px;line-height:38px;}
.manual_list li + li{border-left:0; width:250px;}/*2021-09-10 width:250px; 추가*/
.manual_list .checkbox label{color:#666}
.manual_list02 li a{display:inline-block;position:relative;padding-left:24px; font-size:15px; line-height:17px; color:#000;}
.manual_list02 li a::before{display:inline-block;content: '';position: absolute;left:0px;width:16px; height:17px; text-align:center;background:url(/image/common/check16x16.png) no-repeat 0 0;}
.manual_list02 li.active a::before {background-position:0 -16px;}
.manual_list02 li.active a {color:#1e75d6;}
/* 2021-04-20 카드신청 pop 신청 적합성 확인 */
.tbl_area{border-top:2px solid #555;font-size:15px;text-align:left;border-bottom:1px solid #e1e1e1}
.tbl_area tr + tr {border-top:1px solid #f0f0f0;}
.tbl_area th{padding:16px 0 15px 24px;font-weight:normal;}
.tbl_area td{padding:16px 24px 15px 0;text-align:right;}


/* Radiobox */
.radiobox {display:inline-block; position:relative; vertical-align:middle;}
.radiobox > li {float:left; height:30px;}
.radiobox.type_1 > li {height:40px;}
.radiobox.type_2 > li {height:40px;}
.radiobox.type_3 > li {height:40px;}
.radiobox.type_4 > li {height:40px;}
.radiobox.type_10 > li {height:auto;} /* 2017-11-15 */
.radiobox.type_11 > li {height:auto;} /* 2018-05-21  add */
.radiobox > li.type_guide {padding-right:140px;}
.radiobox > li.type_guide .guide {display:none; position:absolute; top:10px; right:0;}
.radiobox > li.type_guide.on .guide {display:block;}
.radiobox > li.type_sub .box_sub {display:none; position:absolute; bottom:0; left:0; width:500px;}
.radiobox > li.type_sub.on .box_sub {display:block;}
.radiobox > li.type_sub.hgt_55.on {padding-bottom:55px;}
.radiobox > .input_lef {padding-left:10px;}
.box_sub + .box_sub {display:none; margin-top:10px;}
.radio_reset.on .box_sub + .box_sub {display:block;}
.admit_sms .sty_top_num {padding-top:10px;}
.radiobox.type_5 {width:100%; padding-bottom:39px;}
.radiobox .box_radio_cont {display:none; position:absolute; top:40px; left:0;}
.radiobox li.on .box_radio_cont {display:block;}
.radiobox > li > label {display:block; width:138px; height:30px; margin-left:-1px; line-height:30px; border:1px solid #e1e1e1; text-align:center; color:#666; font-size:13px; font-family:'YouandiModernTR'; background:#fff;}
.radiobox > li > label:hover, .radiobox > li > label:focus {background:#fafafa;}
.radiobox > li:first-child > label {margin-left:0;}
.radiobox.status > li > label:hover{background:#fff;}
.radiobox.status > li > label{cursor:default;}
.radiobox > li.type_1:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.radiobox > li.type_1 label {float:left;}
.radiobox > li.type_1 .form_select {display:none; float:left; margin-left:10px;}
.radiobox > li.type_1.on .form_select {display:block;}
.radiobox > li.on:first-child > label {border-radius:2px 0 0 2px;}
.radiobox > li.on:last-child > label {border-radius:0 2px 2px 0;}
.radiobox > li.on > label {position:relative; border:1px solid #1e75d6; font-family:'YouandiModernTB'; color:#1e75d6; background:#fff;}/* 2020-06-09 GGU282 웹 접근성 작업 - outline 속성 삭제  */ /* 웹 접근성 작업 2019-06-14 */
.radiobox > li > input:focus + label {outline-style:dotted; outline-width:1px;}/* 2020-06-09 GGU282 웹 접근성 작업 - 추가 */
.radiobox > li.disabled > label {color:#999; border:1px solid  #e1e1e1;background:#f4f4f4; font-family:'YouandiModernTR';}
.radiobox label.over:after {display:block; position:absolute; top:-1px; left:-1px; width:100%; height:100%; border:1px dotted #1e75d6; content:'';}
.radiobox.type_1 > li > label {width:175px; height:38px; line-height:38px;}
.radiobox.type_2 > li > label {width:138px; height:38px; line-height:38px;}
.radiobox.type_3 > li > label {width:175px; height:38px; line-height:38px;}
.radiobox.type_4 > li > label {width:116px; height:38px; line-height:38px;}
.radiobox.type_6 > li > label {width:80px;}
.radiobox.type_8 > li > label {width:142px;}
.radiobox.type_7 > li > label {width:122px;}
.radiobox.type_9 > li > label {width:175px; height:38px; line-height:38px;}
.radiobox.type_10 > li > label {width:138px; height:60px; line-height:60px}   /* 2017-11-15 */
.radiobox.type_10 > li.type > label {height:48px; line-height:20px;padding-top:12px}   /* 2017-11-15 */
.radiobox.type_10 > li > input#smartPhone + label{height:48px; line-height:20px;padding-top:12px}
.radiobox.type_11 > li > label{width:80px;height:38px;line-height:38px;}
/* 200508 GGU442 추가 */
.radiobox.type_per2 > li{width:50%; height:38px;line-height:38px;}
.radiobox.type_per3 > li{width:33.3333%; height:38px;line-height:38px;}
.radiobox.type_per4 > li{width:25%; height:38px;line-height:38px;}
.radiobox.type_per2 > li > label, .radiobox.type_per3 > li > label, .radiobox.type_per4 > li > label {width:100%;height:38px;line-height:38px;}
/* // 200508 GGU442 추가 */
.radiobox.wid_1 > li > label {width:145px;}
.radiobox.type_1 > li .mail_num {width:249px;}
.radiobox.type_1 > li.disabled > label {border:1px solid #f4f4f4;background:#f4f4f4;}
.radioType2 {display:inline-block; position:relative;}
.radioType2.type_1 > li {display:inline-block;}
input[type='checkbox'],
input[type='radio'] {overflow:hidden; position:absolute; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; z-index:-1;}
.radioType2 label {display:inline-block; position:relative; height:16px; padding-left:41px; line-height:16px; font-size:15px; color:#000; background:url(/image/common/radio16x16.png) no-repeat 0 0;}
.radioType2 .on label {background-position:0 -16px; color:#1e75d6;}
.radioType2 label.over:after {display:block; position:absolute; top:0; left:0; width:14px; height:14px; border:1px dotted #1e75d6; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; -ms-border-radius:14px; border-radius:14px; content:'';}
.radioType2 label .color_point_ico {margin-right:7px; padding:3px 5px; font-size:12px; color:#fff; background-color:#49c4db;}
.radioType2 label.disabled {background-position:0 -32px;}
.radioType2 label:hover{background-position:0 -48px;}
.radioType2 label.disabled:hover {background-position:0 -32px;}
.radioType2 .on label:hover{background-position:0 -64px;}
.radioType2 input:focus + label {outline-style:dotted; outline-width:1px;}/* 2020-06-09 GGU282 웹 접근성 작업 - 추가 */
/* 2018-11-07 s */
.radioType2.type_2{ display:table;}
.radioType2.type_2 li{ display:table-cell; line-height:40px; vertical-align:middle; padding-right:10px;}
.radioType2.type_2 label{ padding-left:21px;}
.radioType2.type_2 label.no_txt{padding-left:16px;vertical-align:middle;}/*2020-03-25 / GGCQ9 /  보유바우처 > 대한항공 마일리지 사용 현황 팝업 : label 텍스트 없는 케이스 추가*/
/* 2018-11-07 e */
.radiobox.type3 {display:inline-block; position:relative; border:0 none;}
.radiobox.type3 li {float:left; height:auto; border:0 none;}
.radiobox.type3 li input {overflow:hidden; position:absolute; top:-9999em; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em;  z-index:-1;}
.radiobox.type3 li label {display:block; position:absolute; top:0; width:138px; height:38px; border:1px solid #e1e1e1; border-left:0 none; color:#666; font-size:13px; font-family:'YouandiModernTR'; line-height:38px; text-align:center; background:#fafafa;}
.radiobox.type3 li:first-child label {border:1px solid #e1e1e1;}
.radiobox.type3 li.on label {position:relative; width:138px; height:38px; margin:0; border:1px solid #1e75d6; color:#1e75d6; font-family:'YouandiModernHEB'; background:#fff;}
.radiobox.type4 {display:block; border:0 none}
.radiobox.type4 li {float:none; height:auto; border:0 none;}
.radiobox.type4 li input {overflow:hidden; position:absolute; left:0; width:0; height:0; text-indent:-999em;}
.radiobox.type4 li label {display:block; width:auto; height:35px; padding:0 0 0 20px; color:#666; font-size:13px; font-family:'YouandiModernTR'; line-height:35px; text-align:left; background:#fff;}
.radiobox.type4 li.on label {position:relative; margin:0; border:0 none; color:#398ff0; font-family:'YouandiModernHEB'; background:#fafafa;}
.radioType5 {display:inline-block; position:relative;}
input[type='checkbox'],
input[type='radio'] {overflow:hidden; position:absolute; left:-9999em; width:0; height:0; margin:0; padding:0; text-indent:-9999em; z-index:-1;}
.radioType5 label {display:inline-block; position:relative; height:16px; padding-left:24px; line-height:16px; font-size:15px; color:#000; background:url(/image/common/radio16x16.png) no-repeat 0 0;}
.radioType5 .on label {background-position:0 -16px; color:#1e75d6;}
.radioType5 label.over:after {display:block; position:absolute; top:0; left:0; width:14px; height:14px; border:1px dotted #1e75d6; -webkit-border-radius:14px; -moz-border-radius:14px; -o-border-radius:14px; -ms-border-radius:14px; border-radius:14px; content:'';}
.radioType5 label .color_point_ico {margin-right:7px; padding:3px 5px; font-size:12px; color:#fff; background-color:#49c4db;}
.radiobox.type6{ margin-top:10px; margin-bottom:10px;}
.radiobox.type6 li{ width:25%; height:40px;}
.radiobox.type6 li label{ width:100%; height:40px; line-height:40px;}
.radiobox.type6 > li.on > label{ height:39px; line-height:39px;}
.radiobox.type6 > li:first-child > label{ margin-left:-1px;}



/* Input */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#999 !important; }
::-moz-placeholder { /* Firefox 19+ */ color:#999 !important; }
:-ms-input-placeholder { /* IE 10+ */ color:#999 !important; }
:-moz-placeholder { /* Firefox 18- */ color:#999 !important; }
.span_placeholder {position:absolute; top:0; left:10px; font-size:15px; line-height:40px; color:#999;}
.wrap_placeholder span {display:inline-block;}
.search_open .span_placeholder {position:absolute; top:12px; left:10px; font-size:21px; line-height:40px; color:#9bb9e8; width:100%}
.use_point_in .span_placeholder {position:absolute; top:0; right:15px; font-size:15px; line-height:40px; color:#999;}
.cs_top_search .span_placeholder{ font-size:13px;}
.wrap_placeholder {}
.use_point_in .wrap_placeholder {float:right;}
.wrap_placeholder span {display:inline-block;vertical-align:top;}
input[type=text],
input[type=password],
input[type=number],
.input_type {height:38px; padding:0 0 0 10px; border:1px solid #e1e1e1; font-size:13px; color:#000; line-height:38px;}
input[type=text].right_type,
input[type=password].right_type {padding-right:10px; text-align:right}
input[type=text].center_type,
input[type=password].center_type {padding:0; text-align:center}
input[type=text]:hover,
input[type=text]:focus {background-color:#fafafa;}
input[type=text].input_error {border:1px solid #fc3636; color:#fc3636;}
input[type=text].type1{ background:#fafafa; color:#000;}
input[type=text]::-ms-clear{width:0; height:0;}
input[type=password]:hover,
input[type=password]:focus {background-color:#fafafa;}
input[type=password].input_error {border:1px solid #fc3636; color:#fc3636;}
input[type=password].center_type.type1 {padding:14px 0 11px 0; text-align:center}
input[type=password].center_type.type2 {padding:13px 0 10px 10px; letter-spacing:16px; text-align:center}
@media \0screen {input[type=password].center_type.type2 {padding:14px 0 11px 0px;}}

/* 해당 넓이에 -10 */
.input28 {width:28px;}
.input38 {width:28px;}
.input48 {width:38px;}
.input78 {width:68px;}
.input86 {width:76px;}
.input88 {width:78px;}
.input90 {width:80px;}
.input96 {width:86px;}
.input98 {width:86px;}
.input106 {width:96px;}
.input108 {width:98px;}
.input110 {width:100px;}
.input115 {width:105px;}
.input116 {width:106px;}
.input117 {width:107px;}
.input120 {width:110px;}
.input128 {width:118px;}
.input132 {width:122px;}
.input135 {width:125px;}
.input138 {width:128px;}
.input140 {width:130px;}
.input141 {width:131px;}
.input148 {width:138px;}
.input150 {width:140px;}
.input152 {width:142px;}
.input158 {width:148px;}
.input160 {width:150px;}
.input162 {width:152px;}
.input167 {width:157px;}
.input168 {width:158px;}
.input171 {width:161px;}
.input172 {width:162px;}
.input174 {width:164px;}
.input176 {width:166px;}
.input178 {width:168px;}
.input184 {width:174px;}
.input186 {width:176px;}
.input188 {width:188px;}
.input190 {width:180px;}
.input195 {width:185px;}
.input198 {width:188px;}
.input200 {width:190px;}
.input203 {width:193px;}
.input204 {width:192px;}
.input206 {width:196px;} /* 2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */
.input213 {width:203px;}
.input210 {width:200px;}
.input228 {width:218px;}
.input226 {width:216px;}
.input232 {width:222px;} /* 2020-06-02 GGCQ62 - 신청서 1단계 이탈 TM 팝업 width값추가 */
.input238 {width:228px;}
.input240 {width:230px;}
.input241 {width:231px;}
.input248 {width:238px;}
.input250 {width:240px;}
.input253 {width:243px;}
.input254 {width:244px;}
.input260 {width:250px;}
.input262 {width:252px;}
.input264 {width:254px;}
.input265 {width:255px;}
.input268 {width:258px;}
.input272 {width:262px;}
.input278 {width:268px;}
.input284 {width:274px;}
.input288 {width:278px;}
.input298 {width:288px;}
.input300 {width:290px;}
.input310 {width:300px;}
.input318 {width:308px;}
.input320 {width:310px;}
.input330 {width:320px;}
.input350 {width:340px;}
.input356 {width:346px;}
.input360 {width:350px;}
.input364 {width:354px;}
.input368 {width:358px;}
.input372 {width:362px;}
.input377 {width:367px;}
.input378 {width:368px;}
.input406 {width:396px;}
.input416 {width:406px;}
.input420 {width:410px;}
.input428 {width:418px;}
.input436 {width:426px;}
.input448 {width:438px;}
.input450 {width:440px;}
.input457 {width:447px;}
.input460 {width:450px;}
.input498 {width:488px;}
.input536 {width:526px;}
.input538 {width:528px;}
.input541 {width:531px;}
.input668 {width:648px;}
.input704 {width:694px !important;}
.input764,
.textarea_type.input764{width:754px;}
.input980 {width:970px;}
.textarea_type {padding:12px 10px 11px 10px; border:1px solid #e1e1e1; color:#666; font-size:15px;}
.textarea300 {width:280px; height:100px;}
.textarea350 {width:350px; height:100px;}
.textarea500 {width:478px;}
.textarea703 {width:693px; height:136px;}
.add_scl {position:relative;}

/* comm ui */
/* Btn-box */
div.btn_area {text-align:center;}
ul.btn_area {display:inline-block;}
ul.btn_area:after {display:block; content:""; clear:both;}
ul.btn_area li {float:left; margin-left:20px;}
ul.btn_area li.type1 {float:left; margin-left:15px;}
ul.btn_area li:first-child {margin:0;}

/* ETC */
#container .page_contents {padding:260px 0 120px 0;}
#container .page_contents:after {clear:both; display:block; content:'';}
#container .page_contents.type2 {padding:144px 0 120px 0;}
#container .page_contents.type1 {padding:199px 0 120px 0;}
.hidden {overflow:hidden; position:absolute; height:1px; text-indent:-999em;}
legend {overflow:hidden; position:absolute; height:1px; text-indent:-999em;}
#container .page_contents p.page_p {text-align:center; color:#666666; margin-bottom:39px; margin-top:-21px;}
.bgnone{background:none !important;}

/* 본인인증UI */
.citation_section {margin:0 auto 0;}
.citation_section.first {margin:40px auto 0;}
.citation_section.second {margin:80px auto 0;}
.citation_section.second.type1 {margin:0px auto 0;}
.citation {display:table;}
.citation h2 {display:table-cell; width:200px; padding:13px 0 0; font-size:15px; vertical-align:top;}
.citation h2 .important {display:inline-block; width:7px; height:6px; margin-left:5px; background:url(/image/common/bul_important.png) no-repeat 50% 50%; text-indent:-999em; vertical-align:-3px;}
.citation_group {width:980px;}

/* 기본5종으로 변경됨 */
.citation_tab {position:relative; padding-top:40px;}
.citation_tab .tabbtn {display:block; position:absolute; top:0; width:140px; text-align:center;}
.citation_tab li .tabbtn {left:0px; width:141px;}
.citation_tab li+li .tabbtn  {left:141px; width:141px;}
.citation_tab li+li+li .tabbtn {left:282px; width:141px;}
.citation_tab li+li+li+li .tabbtn  {left:423px;  width:141px;}
.citation_tab li+li+li+li+li .tabbtn {left:564px;  width:140px;}

/*기본 6종 본인인증 */
.citation_tab.type_2 .tabbtn {width:117px;}
.citation_tab.type_2 li .tabbtn {left:0px; width:117px;}
.citation_tab.type_2 li+li .tabbtn {left:117px; width:117px;}
.citation_tab.type_2 li+li+li .tabbtn {left:234px; width:117px;}
.citation_tab.type_2 li+li+li+li .tabbtn {left:351px; width:118px;}
.citation_tab.type_2 li+li+li+li+li .tabbtn {left:469px; width:118px;}
.citation_tab.type_2 li+li+li+li+li+li .tabbtn {left:587px; width:118px;}

/* 타이틀 없는 본인인증 */
.citation_tab.type_3 .group_block {width:528px;}

.citation_tab li .tabbtn span {display:block;  height:38px; border:1px solid #e1e1e1;  border-left:0;  background:#fff; font-size:13px; line-height:38px; color:#000;}
.citation_tab li .tabbtn.type1 span {line-height:39px;}
.citation_tab li .tabbtn span:hover{background:#fafafa;}
.citation_tab li .list_info_1.type_8 {padding-top:11px;}
.citation_tab li .list_info_1.type_8.type1 {padding-top:11px;}
.citation_tab li .hcbtn_large + .hcbtn_large {margin:0 0 0 4px;}
.list_info_1 > li > .citation_tab.type_1 {margin:0;}
.citation_tab.type_1 .tabbtn {width:176px;}
.citation_tab.type_1 li:first-child+li .tabbtn {left:176px;}
.citation_tab.type_1 li:first-child+li+li .tabbtn {left:352px;}
.citation_tab.type_1 li:first-child+li+li+li .tabbtn {left:528px;}
.citation_tab li:first-child .tabbtn span{border-left:1px solid #e1e1e1;}
.citation_tab li.on .tabbtn span {background:#fff; border:1px solid #1e75d6;}
.citation_tab li .tabbtn strong {font-weight:normal; color:#666;}
.citation_tab li.on .tabbtn strong {font-family:'YouandiModernTB'; color:#1e75d6;}
.citation_tab.type_10 li .tabbtn span {display:block;  height:38px; border:1px solid #e1e1e1;  border-left:0;  background:#fff; font-size:13px; line-height:38px; color:#000;}
.citation_tab.type_10 li .tabbtn.type1 span {line-height:39px;}
.citation_tab.type_10 li .tabbtn span:hover {background:#f0f0f0; color:#1e75d6; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease;}
.citation_tab.type_10 li .list_info_1.type_8 {padding-top:15px;}
.citation_tab.type_10 li .list_info_1.type_8.type1 {padding-top:11px;}
.citation_tab.type_10 li .hcbtn_large + .hcbtn_large {margin:0 0 0 4px;}
.citation_tab.type_10 .tabbtn {width:176px;}
.citation_tab.type_10 li:first-child+li .tabbtn {left:176px;}
.citation_tab.type_10 li:first-child+li+li .tabbtn {left:352px;}
.citation_tab.type_10 li:first-child+li+li+li .tabbtn {left:528px;}
.citation_tab.type_10 li:first-child .tabbtn span{border-left:1px solid #e1e1e1;}
.citation_tab.type_10 li.on .tabbtn span {background:#1e75d6; border:1px solid #1e75d6;}
.citation_tab.type_10 li .tabbtn strong {font-weight:normal; color:#666;}
.citation_tab.type_10 li .tabbtn span:hover strong {color:#1e75d6;}
.citation_tab.type_10 li.on .tabbtn strong {font-family:'YouandiModernHEB'; color:#fff;}
.citation_tab.type_10 li.on .tabbtn span:hover strong {color:#fff;}
.citation_tab li .citation_box {display:none;}
.citation_tab li .citation_box.list_info_1.type_8 .tit {color:#000;}
.citation_tab li .citation_box .list_info_1.type_8 .tit {color:#000;}
.ani_box,
.citation_tab li .citation_box {-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; opacity:1;}
@keyframes itemAni{
    0%{opacity:0; transform:translate3d(0,50px,0);}
    100%{opacity:1; transform:translate3d(0,0,0);}
}
.citation_tab li.on .citation_box {display:block;}
.citation_table {width:980px;}
.citation_table thead {display:none;}
.citation_table th {padding:18px 0; font-weight:normal; vertical-align:top;}
.citation_table td {padding:5px 0; color:#666;}
.citation_table .mouse {margin-left:6px;}
.citation_table .date_mm_yy {float:left; width:255px;}
.citation_table .date_mm_yy .mouse {margin-left:6px;}
.citation_table .cvv_number {float:left;}
.citation_table .cvv_number .guide {margin-top:11px;}
.citation_table .cvv_number .guide .guide_inner > * {float:left;}
.citation_table .cvv_number .guide p {width:210px; margin:-5px 0 0 16px;}
.citation_table .card_pass {float:left;}
.citation_table .card_pass + .guide {margin-top:11px;}
.citation_table .card_pass > p {display:inline-block}
.citation_table .card_pass > p input {padding:12px 5px 11px; text-align:center}
.citation_table .birthday .box {float:left; margin-right:15px;}
.citation_table .birthday .form_select {width:168px; vertical-align:middle;}
.citation_table .telecom .box {float:left; margin-right:10px;}
.citation_table .telecom .box.lastbox {clear:both; margin-top:10px;}
.citation_table .telecom .box .hcbtn_large {margin-left:6px;}
.citation_table .telecom .box.tel {width:168px;}
.citation_table .telecom .box.firstnum {width:88px;}
.citation_table .telecom .tel .form_select {width:168px;}
.citation_table .telecom .firstnum .form_select {width:88px;}
.citation_table .user_phonenumber {float:left; margin-right:10px; line-height:40px; color:#000;}
.citation_table .user_phonenumber .phonenumber {font-weight:normal; color:#1e75d6;}
.citation_agree { margin:12px 0 0; }
.citation_agree .inner {padding:0;}
.citation_agree .inner_01 {padding:26px 0 24px 255px;}
.citation_agree .agree_checklist:after {display:block; clear:both; content:"";}
.citation_agree .agree_checklist li {float:left; width:230px; margin:0 20px 9px 0;}
.citation_agree .agree_checklist li+li {width:210px; }
.citation_agree .agree_checklist li+li+li {width:200px; }
.citation_agree .agree_checklist li+li+li+li {width:220px; }
.citation_agree .agree_checklist li+li+li+li+li {width:250px; }
.citation_agree .agree_checklist li+li+li+li+li.w_267 {width:267px;}
.citation_agree .agree_checklist li+li+li+li+li+li {width:220px; }
.citation_agree .agree_checklist li.last {width:100%; display:block;}
.citation_agree .agree_checklist button.type1 {margin-top:-1px;}
.citation_agree .agree_checklist li .checkbox label {font-size:13px;}
.citation_agree .agree_checklist .link_layer {display:inline-block; float:right;}
#ars_citation .citation_agree .agree_checklist li+li {width:220px;}
#ars_citation .citation_agree .agree_checklist li+li+li {width:220px;}
#ars_citation .citation_agree .agree_checklist li+li+li+li {width:200px;}
#ars_citation .citation_agree .agree_checklist li+li+li+li+li {width:250px; }
.citation_agree .list_style01 {margin:0 0 0;}
.citation_agree .list_style01.type1 {margin:-2px 0 0 10px;}
#phone_citation .citation_agree .form_agree{padding:11px;}

/* 앱카드인증 */
.citation_qrcode {overflow:hidden; margin:40px 0 0 1px; color:#666;}
.citation_qrcode > * {float:left;}
#container .citation_qrcode > img {width:160px;}
.citation_qrcode > .qrcode_form {margin:0 0 0 28px;}
.citation_qrcode > .qrcode_form.type1 {margin:0 0 0 36px;}
.citation_qrcode > .qrcode_form > p {margin:4px 0 0; font-size:13px;}
.citation_qrcode > .qrcode_form > div {margin:19px 0 0;}
.citation_qrcode > .qrcode_form .hcbtn_large {margin-left:6px;}
.qrcode_infor {margin:40px 0 20px;}
.qrcode_infor.type1 {margin:43px 0 20px 1px;}
.qrcode_infor .infor_orderlist {display:none; margin-top:16px; padding:40px 35px 40px 36px; border:1px solid #e1e1e1;}
.qrcode_infor .infor_orderlist li {margin-top:20px;}
.qrcode_infor .infor_orderlist li:first-child {margin-top:0;}
.qrcode_infor .infor_orderlist strong {font-weight:normal; font-size:15px; color:#000;}
.qrcode_infor .infor_orderlist p {margin:12px 0 24px; font-size:13px; color:#666;}
.qrcode_infor .infor_orderlist .img_area {height:200px; background:#fafafa; text-align:center;}
.qrcode_infor .infor_title strong {font-weight:normal;}
.qrcode_infor .hcbtn_updown {width:20px; height:20px; margin:-3px 0 0 5px; background:url(/image/btn/btn_arrow_open02.png) no-repeat 0 0;}
.qrcode_infor.on .hcbtn_updown {background-position:0 -20px;}
.qrcode_infor .hcbtn_updown.on {background-position:0 0;}

/* 공인인증서 인증 | 아이핀인증 */
.sitation_oustside {margin:43px 0 67px}
.sitation_oustside.type1 {margin:80px 0 64px;}
.sitation_oustside.type2 {margin:85px 0 64px;}
.sitation_oustside.type3 {width:704px;}
.sitation_oustside.type4 {margin:75px 0 64px -200px;}
.sitation_oustside.type2  .visual_txt {margin:0 0 17px;}
.sitation_oustside .visual_txt {margin:0 0 44px; padding:0; text-align:center;}
.sitation_oustside .visual_txt > p {display:inline-block; font-size:21px; color:#666; line-height:33px;}
.sitation_oustside .visual_btn {margin:10px 0 20px 0;}
.sitation_oustside .visual_txt p + .btn_wrap {margin-top:13px;}

/* 주민등록증/운전면허증 */
.position_card > * {float:left; margin:14px 7px 0 0;}
.position_card li {margin-bottom:23px}
.position_card li.vdForm {margin-bottom:48px}
.position_card li > strong {float:left; margin:0 20px 0 0; padding:12px 0 0; color:#000; font-weight:normal; font-size:15px;}
.position_card li > p {margin:6px 0 0 73px; color:#666; font-size:12px;}
.position_card .type1 {margin:18px 7px 0 -1px;}
.position_card .type1 li > strong {margin:-1px 36px 0 0;}
.position_card .type1 li {margin-bottom:24px;}
.position_card .type1 li > p {margin:7px 0 0 90px; color:#666; font-size:12px;}

/* 주소검색 */
.address_search .tab_w2n li:first-child + li {margin-left:-1px;}
.search_area {display:none; padding-top:24px;}
.search_area.type1{ padding-top:12px;}
.search_area.on {display:block;}
.search_area .form_group:after {display:block; clear:both; content:"";}
.search_area .form_group {margin-top:10px; text-align:left;}
.search_area .form_group:first-child {margin:0;}
.search_area .form_group > * {float:left;}
.search_area .form_group > strong {display:block; float:left; width:81px; margin:0; font-weight:normal; line-height:40px; text-align:left;}
.search_area .form_group .form_txt {display:inline-block; margin:0 6px 0 7px; line-height:40px}
.search_area .form_select + .form_select {margin-left:14px;}
.search_area .hcbtn_large {min-width:80px; min-width:64px\9; margin-left:9px;}
.search_area .btn_area .hcbtn_large.popup {min-width:164px;}
.address_search .search_list {margin-top:10px; text-align:left;}
.address_search .search_list > p {margin-top:10px;}
.address_search .list_area > p {font-size:13px; color:#666;}
.address_search .list_area > .list_box {overflow-y:scroll; position:relative; width:498px; height:262px; margin-top:5px; border:1px solid #e1e1e1; font-size:15px; color:#666;}
.address_search .list_box {padding:17px 0 10px;}
.address_search .list_box li {margin-top:2px; padding:7px 18px 5px 23px; font-size:13px; color:#000; line-height:1}
.address_search .list_box li:hover {background:#fafafa; color:#1e75d6;}
.address_search .list_box li:hover a {color:#1e75d6;}
.address_search .list_box li:first-child {margin-top:0px;}
.address_search .list_box li span {float:right; color:#666}
.address_search .list_area .disible_addr {margin:10px 0 0;}
.address_search .list_area .disible_addr input {background:#fafafa;}
.address_search .list_area .input_addr {margin:10px 0 0;}
.address_search .addr_nodata {margin:75px 0 35px;}
.address_search .addr_nodata p {color:#666;}
#loadnum .search_list {position:relative; margin:6px 0 0; background:#fff;}
#loadnum .list_area > .list_box {margin:0;}
.addr_change {margin:10px 0 0;}
.addr_change .addr_tit {font-size:15px; color:#000; text-align:left;}
.addr_change .addr_area {margin-top:5px; padding:12px 15px 10px; border:1px solid #e1e1e1; background:#fafafa; text-align:left;}
.addr_change div > strong {display:inline-block; position:absolute; width:44px; border:1px solid #e5e5e5; font-size:11px; color:#666; font-weight:normal; line-height:18px; background:#fff; text-align:center;}
.addr_change div > p {padding-left:53px;}
.addr_change .old_addr {margin-bottom:6px;}
.addr_change .old_addr strong span {display:inline-block; width:10px;}
.addr_result{padding:10px 0 10px 11px; line-height:1.2; color:#fc3636; font-size:13px; background:url(/image/common/bul_list_04.png) no-repeat 0 14px;text-align:left;}
.post_list > li p + p{margin-top:5px;}

/*지번*/
.lotaddress .sub_tab_cate1 a {height:38px;line-height:38px}
.loadaddress .sub_tab_cate1 a {height:38px;line-height:38px}
.lotaddress .box_layer h3 {border:0; padding:0;}
.loadaddress .box_layer h3 {border:0; padding:0;}
.address_search .lotnum dt {margin-right:20px; line-height:40px;}
.address_search .lotnum .error_txt {display:block;}
.address_search .lotnum > p {margin:40px 0 24px; font-size:15px; text-align:left; color:#666;}
.address_search .loadnum {margin-top:25px;}
.lotnum .search_input {overflow:hidden;}
.lotnum .search_input > * {float:left;}
.lotnum .search_input .hcbtn_large {min-width:64px; margin-left:6px;}

/* 도로명*/
#loadnum .search_subtab {position:relative; top:-4px; padding-top:44px; }
#loadnum li:first-child > .addsrc_btn {position:absolute; left:90px; top:0;}
#loadnum li:first-child+li > .addsrc_btn {position:absolute; left:155px; top:0;}
#loadnum li:first-child+li+li > .addsrc_btn {position:absolute; left:256px; top:0;}
#loadnum li .addsrc_btn:after {display:block; float:left; width:1px; height:12px; margin:5px 11px 0; background:#d1d1d1; content:"";}
#loadnum li:first-child .addsrc_btn:after {display:none;}
#loadnum li .search_form {display:none; text-align:left}
#loadnum li.on .search_form {display:block;}
#loadnum .addsrc_btn a {font-size:15px; color:#000;}
#loadnum .addsrc_btn strong {font-weight:normal;}
#loadnum .on .addsrc_btn a {padding:0 0 1px 0; color:#1e75d6; border-bottom:1px solid #1e75d6;}
#loadnum .search_form > p.list_style01 {float:none; font-size:13px;}
#loadnum .list_style01 a {color:#666;}

/* 보안프로그램 설치화면  */
.settings .content {width:1032px; margin:80px auto 120px; text-align:center;}
.settings .settings_txt_area {margin:74px 0 0;}
.settings .settings_title_txt {font-size:34px; line-height:44px; color:#000;}
.settings .settings_infor_txt {margin:18px 0 0; font-size:15px; line-height:24px; color:#666;}
.settings .btn_area {margin:34px 0 0;}
.settings .settings_box {margin:78px auto 0; text-align:left;}
.settings .settings_box .settings_title {padding-bottom:18px; border-bottom:2px solid #555; font-size:21px;}
.settings .settings_table {width:100%; border-bottom:1px solid #e1e1e1; table-layout:fixed;}
.settings .settings_table thead th {padding:16px 0 15px 16px; text-align:left;}
.settings .settings_table thead th:first-child {padding-left:64px;}
.settings .settings_table tbody tr > * {padding:13px 0 11px 16px; border-top:1px solid #f0f0f0;}
.settings .settings_table tbody th {padding:13px 0 11px 64px; text-align:left;}
.settings .settings_table th {font-weight:normal; line-height:22px;}
.settings .settings_table td {font-size:13px; line-height:22px; color:#666;}
.settings .settings_table td .hcbtn_midium {margin-left:6px; vertical-align:middle;}
.settings .settings_table td .hcbtn5 {margin-top:5px;}
.settings .settings_table .setting_none th+td+td {color:#000;}
.settings .settings_guide {margin:15px 0 0;}

/* 카드신청 로그인 및 본인인증 */
.application_box {width:1030px; padding:48px 0; margin:0 auto; border:1px solid #e1e1e1;}
.application_box.type_1 {padding:0; border:none;}
.application_box.login{padding:46px 0 48px 0;}
.application_box.login.type1{padding:46px 0 44px 0;}
.application_box > .title {margin:0 0 14px; font-size:21px; text-align:center;}
.application_box form .title {margin:0 0 14px; font-size:21px; text-align:center;}
.application_box > .title.type_2{line-height:26px }
.application_box > .box_inner {padding:0 40px;}
.application_box.login .box_list_info_1 {margin-top:38px;}
.application_box .login_txt { margin:-1px 0 -4px; color:#666; font-size:15px; line-height:20px; text-align:center;}
.application_box .login_txt { margin:-1px 0 -4px; color:#666; font-size:15px; line-height:20px; text-align:center;}
.application_box.login .login_txt {font-size:15px; text-align:center; line-height:24px;}
.application_box.application .login_txt {font-size:13px; text-align:left;}
.application_box.application .login_txt.type2 {font-size:15px; text-align:center;}
.application_box.remmber .login_txt {line-height:24px;}
.application_box.remmber .login_txt + .tit_wrap {margin-top:37px;}
.application_box .btn_area {margin:40px 0 0;}
.application_box.remmber .btn_area {margin:34px 0 0;}
.application_box .form_table {margin:9px 0 0;}
.application_box .form_agree {padding:20px 79px; text-align:center;}
.application_box .citation_area .citation_box .form_agree {padding:20px;}
.form_agree .checkbox_list > li label {font-size: 13px;}
.form_agree .checkbox_list > li .checkbox.large label {font-size:15px;}
.application_box .form_agree > p {display:inline-block;}
.application_box .form_agree .checkbox_list {margin:0 0 14px;}
.application_box .form_agree.type_1 .checkbox_list {margin-bottom:0;}
.application_box .form_agree .checkbox_list > li {padding:0;}
.application_box .form_agree .checkbox_list > li label {font-size:13px;}
.application_box .form_agree .checkbox_list > li p,
.application_box .form_agree .checkbox_list > li ul,
.application_box .form_agree .checkbox_list > li ul li {display:inline-block; vertical-align:middle;}
.application_box .form_agree .checkbox_list > li ul li label {color:#666;}
.application_box .form_agree .checkbox_list > li ul {position:relative; margin-left:14px;}
.application_box .form_agree .checkbox_list > li ul:before {display:block; position:absolute; top:7px; left:-4px; width:8px; height:1px; background-color:#bbb; content:'';}
.application_box .form_agree .checkbox_list > li li {margin-left:15px;}
.application_box .form_agree .checkbox_list > li > .agree_pit ul.li_style_none:before{display:none;}
.application_box.application .form_agree ul.checkbox_list.type_5 li:first-child + li{margin-left:0;}
.application_box .form_agree .checkbox_list.type_5 > li{padding:7px 0;}
.application_box.application .person_num button {margin:0 0 0 5px;}
.application_box.login > .box_inner .citation {margin-top:39px;}
.application_box.login > .box_inner .citation li a {width:138px;}
.form_agree.type_line {border-bottom:1px solid #e1e1e1; margin-top:20px;}
.application_box .form_agree .checkbox_list > li p.validate.error {display:block;}

/* 임직원용 카드 추가 */
.application_box.officer{padding: 0;border:none;}
.cardapplications .content_header {width:1032px; margin:0 auto 40px;}
.card_application .content_header {width:1032px; margin:0 auto 40px;}
.cardapplications.type1{ margin-top:40px;}
.customer .cardapplications.type1 {margin-top:41px;}
.cardapplications .visual_middle_txt {width:1032px; margin:38px auto; font-size:21px; text-align:center;}
.cardapplications .visual_middle_txt:before,
.cardapplications .visual_middle_txt:after {display:block; width:482px; height:1px; margin:7px 0 0; background:#e1e1e1; content:'';}
.cardapplications .visual_middle_txt:before {float:left;}
.cardapplications .visual_middle_txt:after {float:right;}
.cardapplications .visual_bottom_txt {margin:40px 0 0; color:#666; font-size:13px; line-height:22px; text-align:center;}
.cardapplications .visual_td > div {position:relative;}
.cardapplications .visual_td > div:after {display:inline-block; float:right; position:absolute; right:0; bottom:-17px; width:60px; height:1px; background:#fff; content:'';}
.cardapplications .citation_tab{ margin:40px auto 0; width:715px;}
.cardapplications .foot_txt{ margin-top:36px; font-size:13px; color:#666; line-height:22px; text-align:center;}
.cardapplications .list_info_1 > li {min-height:40px;}
.cardapplications .list_info_1 > li.last_lst{border-bottom: 1px solid #e1e1e1;}
.card_selected_content {margin:15px 0 35px;}
.card_selected_content:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.card_selected_content.type_1 {width:552px; margin-top:0; margin-left:auto; margin-right:auto;}
.card_selected_content > * {float:left;}
.card_selected_content .card_img {width:240px;}
.card_selected_content .card_info {margin-left:24px; width:306px;}
.card_selected_content .card_info.type_1 .tit_exp {font-size:15px; color:#000;}
.card_selected_content .card_info.type_1 .tit_wrap {position:relative; margin:4px 0 13px; font-size:0;}
.card_selected_content .card_info.type_1 .card_title {display:inline-block; font-size:17px; line-height:24px; color:#000; vertical-align:middle;}
.card_selected_content .card_info.type_1 .box_tooltip {display:inline-block; margin-left:6px; vertical-align:middle;}
.card_selected_content .card_info.type_1 .box_tooltip .layer_tooltip {min-width:300px;}
.card_selected_content .card_info.type_1 .box_tooltip .hcbtn4 span {height:22px; line-height:22px;}
.card_selected_content .card_info .card_title {margin-top:2px; font-weight:normal; font-size:15px;}
.card_selected_content .card_info .card_title + .list_dot_1.type_1,
.card_selected_content .card_info .card_title + .list_dot_3 {margin-top:19px;}
.card_selected_content .card_info .card_title + .list_dot_3.type1 {margin-top:14px;}
.card_selected_content .card_info .card_title .hcbtn4 {margin-left:5px;}
.card_selected_content .card_info .card_option {margin:23px 0 0;}
.card_selected_content .card_info .card_option:after {display:block; clear:both; content:'';}
.card_selected_content .card_info .card_option li:before {display:block; width:64px; height:64px; margin:0 auto 16px; background:url(/image/icon/icon_card_option.png) no-repeat; content:'';}
.card_selected_content .card_info .card_option li {color:#666; font-size:15px; line-height:22px; text-align:center;}
.card_selected_content .card_info .info2.txt-type2 {margin-top:15px;}
.card_selected_content .card_info .info2.txt-type2 li{position:relative; padding-left:10px; line-height:22px; color:#666; font-size:13px;}
.card_selected_content .card_info .info2.txt-type2 li:before {position:absolute; top:0; left:0; content:'-';}
.card_selected_content .card_info p.info2 {display:none;}
.card_selected_content.type2{margin:19px 0 35px;}
.card_login .login_area {width:100%; margin:40px auto 0;}
.card_login .login_area .citation_tab {padding-top:80px;}
.card_login .login_area .citation_tab.type_1 .tabbtn {width:170px;}
.card_login .login_area .citation_tab.type_1 li:first-child .tabbtn {left:50%; margin-left:-340px;}
.card_login .login_area .citation_tab.type_1 li:first-child+li .tabbtn {left:50%; margin-left:-170px;}
.card_login .login_area .citation_tab.type_1 li:first-child+li+li .tabbtn {left:50%; margin-left:0;}
.card_login .login_area .citation_tab.type_1 li:first-child+li+li+li .tabbtn {left:50%; margin-left:170px;}
.card_login .login_area {width:100%; margin:40px auto 0;}
.card_login .login_area .citation_tab.type_3 .tabbtn {width:180px;}
.card_login .login_area .citation_tab.type_3 li:first-child .tabbtn {left:50%; margin-left:-270px;}
.card_login .login_area .citation_tab.type_3 li:first-child+li .tabbtn {left:50%; margin-left:-90px;}
.card_login .login_area .citation_tab.type_3 li:first-child+li+li .tabbtn {left:50%; margin-left:90px;}
.card_login .login_area .citation_tab.type_2 .tabbtn {width:270px;}
.card_login .login_area .citation_tab.type_2 li:first-child+li .tabbtn {left:50%; margin-left:0;}
.card_login .login_area .citation_tab.type_2 li.on .tabbtn span {background:#1e75d6; border:1px solid #1e75d6;}
.card_login .login_area .citation_tab.type_2 li .tabbtn strong {font-weight:normal; color:#000;}
.card_login .login_area .citation_tab.type_2 li.on .tabbtn strong {font-family:'YouandiModernTB'; color:#fff;}
.card_login .login_area .citation_tab.type_5 .tabbtn {width:270px;}
.card_login .login_area .citation_tab.type_5 li:first-child .tabbtn {left:50%; margin-left:-270px;}
.card_login .login_area .citation_tab.type_5 li:first-child+li .tabbtn {left:50%; margin-left:0px;}
.card_login .login_area .citation_tab.type_1_1 .tabbtn {width:180px;}
.card_login .login_area .citation_tab.type_1_1 li:first-child .tabbtn {left:50%; margin-left:-270px;}
.card_login .login_area .citation_tab.type_1_1 li:first-child+li .tabbtn {left:50%; margin-left:-90px;}
.card_login .login_area .citation_tab.type_1_1 li:first-child+li+li .tabbtn {left:50%; margin-left:90px;}
.card_login .login_area.type1 {width:552px;}
.card_login .login_area .login_inner  {margin-top:40px;}
.card_login .login_area .btn_area {margin-top:0;}
.card_login .login .login_form .login_form_area {width:442px; margin:0 auto; padding:0;}
.card_login .login .login_form .login_form_area.type1 {width:552px;}
.card_login .login .add_login_sty .login_form_area {width:542px;}
.citation_tab.type_1 .list_info_1.citation_box {width:680px; margin:0 auto; padding:10px 0 0 0;}
.citation_tab.type_1 .box_app {text-align:center;}
.citation_tab.type_1 .box_app.type1{ padding-bottom:3px;}
.card_login .login .input_button_area > button {float:right; margin-left:9px;}
.card_login .login .input_button_area:after {display:block; clear:both; content:""}
.citation_tab.type_1 .img_qr {width:160px; margin:0 auto;}
.login .citation_tab.type_1 .title_txt {font-size:15px; color:#000;}
.login .citation_tab.type_1 .title_txt + p {padding:17px 0 40px; font-size:15px; line-height:22px; color:#666;}
.login .citation_tab.type_1 .title_txt + p.type1 {padding:15px 0 35px; font-size:15px; line-height:22px; color:#666;}
.login .citation_tab.type_1 .qrcode {margin-bottom:24px;}
.login .citation_tab.type_5 .title_txt {font-size:15px; color:#000;}
.login .citation_tab.type_5 .title_txt + p {padding:17px 0 40px; font-size:15px; line-height:22px; color:#666;}
.login .citation_tab.type_5 .title_txt + p.type1 {padding:15px 0 35px; font-size:15px; line-height:22px; color:#666;}
.login .citation_tab.type_5 .qrcode {margin-bottom:24px;}
.citation_tab.type_5 .box_app {text-align: center}
.citation_tab.type_2 .box_app {text-align:center;}
.citation_tab.type_2 .box_app.type1{ padding-bottom:3px;}
.login .citation_tab.type_2 .title_txt {font-size:15px; color:#000;}
.login .citation_tab.type_2 .title_txt + p {padding:17px 0 40px; font-size:15px; line-height:22px; color:#666;}
.login .citation_tab.type_2 .title_txt + p.type1 {padding:15px 0 35px; font-size:15px; line-height:22px; color:#666;}
.card_login .login .citation_tab.type_3 .box_app {text-align:center;}
.card_login .login .citation_tab.type_3 .title_txt {font-size:15px; color:#000;}
.card_login .login .citation_tab.type_3 .title_txt + p {padding:17px 0 40px; font-size:15px; line-height:22px; color:#666;}
.card_login .login .id_password_input {float:left;}
.card_login .login .id_password_input p:first-child {margin-bottom:10px;}
.card_login .login .id_password_input input[type=text],
.card_login .login .id_password_input input[type=password] {height:21px;padding:14px 0 11px 10px;}
.card_login .login .id_password_input .hcbtn.mouse {float:right; width:46px; height:46px; margin-left:6px;}
.hcbtn.mouse.type1 {margin-left:17px; }
.card_login .login .helf_btn_area {margin-top:20px; text-align:center}
.card_login .login .helf_btn_area.type1 {margin:18px 0 31px 0; text-align:center}
.card_login .login .helf_btn_area .btn_area {width:310px;}
.card_login .login .helf_btn_area .btn_area.type1 {width:417px;}
.card_login .login .helf_btn_area .btn_area.type2 {width:415px;}
.card_login .login .helf_btn_area .guide {margin-top:-4px;}
.card_login .login .helf_btn_area_1 .btn_area {width:303px; padding-left:3px;}
.card_login .login .helf_btn_area_1 .guide {margin-top:-4px; margin-left:109px;}
.card_login .qrcode_input button {margin-left:5px;}

/* Guide */
.guide {position:relative; display:inline-block; margin:0 0 0 7px; vertical-align:top;}
.guide.type_1 {display:block; margin-left:0;}
.guide.type_2 {margin:0 0 0 13px;}
.input_group .guide {margin-left:6px;}
.birthday.input_group span.txt {margin:1px -1px 0px 0px;}
.input_group .mouse + .guide {margin-left:6px;}
.guide a.btn_guide {cursor: pointer;}
.guide .btn_guide span {display:inline-block; padding:4px 0 5px 23px; color:#666; font-size:12px; font-family:'YouandiModernTR'; background:url(/image/icon/icon_guide.png) no-repeat 0 50%;vertical-align:top; line-height:1;}
.guide .btn_guide span:hover {background:url(/image/icon/icon_guide_over.png) no-repeat 0 50%;}
.guide .btn_guide.type2{margin:10px 0 -10px;}
.guide .guide_inner {display:none; position:absolute; left:-12px; bottom:28px; min-width:375px; padding:20px; background:#fff; border:1px solid #e1e1e1; font-size:12px; color:#666; line-height:1.3; text-align:left;}
.guide .guide_inner:after {position:absolute; left:16px; bottom:-5px; content:""; display:block; width:8px; height:5px; background:url(/image/common/arrow_guide.png) no-repeat 50% 50%;}
.guide .guide_inner.reverse {top:28px; bottom:auto;}
.guide .guide_inner.reverse:after {position:absolute; left:16px; top:-5px; content:""; display:block; width:8px; height:5px; background:url(/image/common/arrow_guide_r.png) no-repeat 50% 50%;}
.guide .guide_inner button {position:absolute; right:5px; top:5px; width:15px; height:15px; border:0; background:url(/image/btn/btn_close_01.png) no-repeat 50% 50%;} /* 2021-07-19 GGU282 2021 웹접근성 - 수정 */
.guide .guide_inner a {position:absolute; right:10px; top:10px; width:9px; height:9px; border:0; background:url(/image/btn/btn_close_01.png) no-repeat 50% 50%; text-indent:-999em}
.guide .guide_inner a.hcbtn1 {position:static;background:none;text-indent:0;width:auto;height:auto;}/*2017-02-16*/
.guide.open .guide_inner {display:block; z-index:19;}
.guide .btn_guide_main span {display:inline-block; background:url(/image/main/icon_main_guide.png) no-repeat 0 0;vertical-align:top; width:18px; height:18px; padding:0}
.guide .btn_guide_main span:hover{background:url(/image/main/icon_main_guide.png) no-repeat 0 -28px;}
#wrap .guide.open .guide_inner img {width:auto; height:auto;}
.guide.open .guide_inner > * {line-height:20px;}
.guide.open .guide_inner .btn_wrap {display:block;}
.guide.open .guide_inner .hcbtn8{ display:inline;position:static;background:none;text-indent:0;width:auto;height:auto;} /* 2021-08-24 GGU282 - 수정 */
.guide.open .guide_inner a.btn_block {display:inline-block; position:relative; top:auto; right:auto; width:auto; height:auto; text-indent:0; background:none;}
.guide_inner li li  {padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 10px;}
.guide_inner.password_setting {min-width:445px;}
.guide_inner.cvv_number > * {float:left;}
.guide_inner.cvv_number p {width:210px; margin:-5px 0 0 16px;padding-top: 20px;}
.guide .guide_inner .img {width:112px; margin:0;}
.box_guide > * {display:inline-block;}
.box_guide > .guide {margin-left:8px;}
.list_style01 .guide{ margin:-3px 0 -3px 8px;}
.guide.type2 .guide_inner{ min-width:445px;}
.guide.type2 .list_style01{ font-size:12px;}
.guide.type2 .list_style01 li{ background-position:0 11px;}
.guide.type2 .hcbtn8{ position:absolute; bottom:14px; right:20px;}
.guide.type2 .hcbtn8 span{ padding:0; background:none; font-size:12px;}
.guide.right {margin:0;}
.guide.right .btn_guide span {font-size:15px; padding:3px 30px 3px 0; background-position:100% 50%;}
.guide.right.open .guide_inner {bottom:38px;}

/* 툴팁박스 우측기준 노출 */
.guide .guide_inner.right {left:inherit; right:0;}
.guide .guide_inner.right:after {left:inherit; right:16px;}

/* My Account > 이용대금명세서 : 툴팁 유형추가*/
.guide.type_3 {margin:0 0 0 4px;}
.guide.type_3 .btn_guide span {width:18px; height:18px; padding:4px 0 0 0; background:url(/image/icon/icon_guide2_over.png) no-repeat 0 50%;}
.guide.type_3.open .guide_inner {z-index:12; min-width:191px;}

/* 2020-04-28 GGU282 - 정부 긴급재난지원금 신청 - 추가 */
.guide.type_4{margin:0 -3px;}
.guide.type_4 .btn_guide span{width:18px; height:18px; padding:0; text-indent:-99999px;}
/* //2020-04-28 */

/* tit */
.span_line {display:block; width:100%; height:1px; background-color:#e1e1e1;}
.span_line_1 {display:block; width:100%; height:1px; background-color:#f0f0f0;}
.h2_tit_1 {margin-bottom:15px; font-size:15px; line-height:24px; color:#000;}
.accordion_unit .h2_tit_1 {/*margin-bottom:0;*/ font-family:'YouandiModernTR';}
.area_content_card .accordion_unit .h2_tit_1 {font-family:'YouandiModernTR';}
.area_content .content_h3 {text-align:center; color:#666; font-size:15px; margin-top:-21px; margin-bottom:39px;}
.accordion_unit.on .h2_tit_1 {margin-bottom:18px;}
.h2_tit_1.type1{ font-family:'YouandiModernHEB';}
.h2_tit_1.type2{ font-size:16px; font-family:'YouandiModernHEB'; line-height:24px;}
.h2_tit_1.type_2 {margin-bottom:10px;}
.h2_tit_2 {margin-bottom:24px; font-size:13px; font-family:'YouandiModernHEB'; color:#000;}
.h2_tit_3 {margin-bottom:18px; font-size:21px; line-height:21px; color:#000;}
.h2_tit_4 {margin-bottom:10px; font-size:21px; line-height:21px; color:#000;}
.h2_tit_5 {margin-bottom:14px; font-size:21px; line-height:21px; color:#000;}
.h3_tit_1 {margin-bottom:15px; font-size:13px; font-family:'YouandiModernHEB'; color:#000;}
.h3_tit_2 {margin-bottom:10px; font-size:15px;}
.h3_tit_2.type_1 {margin-top:32px; margin-bottom:13px;}
.h3_tit_2.type_4 {margin-top:40px; margin-bottom:13px;}
.h3_tit_2 .tail {font-size:13px;color:#666;padding-left:8px;}
.h3_tit_3 {margin-bottom:15px; font-size:21px; color:#000;}
.h3_tit_4 {margin-bottom:15px; font-size:15px; color:#000;}
.h4_tit_1 {margin-bottom:14px; font-size:15px; color:#000;}
.h4_tit_2 {margin-bottom:14px; font-size:17px; color:#000;}
.h4_tit_3 {margin:20px 0; font-size:15px; color:#000;}

/* Depth style  */
.process {background:#f6f6f6; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; text-align:center;}
.process ol {width:1031px; margin:0 auto; background:#f6f6f6; border-left:1px solid #e1e1e1;}
.process ol:after {content:""; display:block; clear:both;}
.process li {float:left; height:63px; padding-left:20px; border-right:1px solid #e1e1e1; font-size:15px; line-height:63px; text-align:left; color:#000;}
.process li.current {position:relative; background:#1e75d6; color:#fff;}
.process li.current .hidden {position:absolute; bottom:-1px; left:50%; overflow:visible; display:block; visibility:visible; width:22px; height:12px; margin-left:-11px; background:url(/image/bg/bg_process.png) no-repeat 50% 50%; text-indent:-999em; z-index:inherit;}
.process li:only-child {width:100%;}
.msie8 .process li.only_child {width:100%;} /* 2019-05-07 */
.process.type1 li {width:237px;}
.process.type1 li:first-child {width:236px;}
.process.type2 li {width:323px;}
.process.type2 li:first-child {width:322px;}
.process.type3 li {width:495px;}
.process.type3 li:first-child {width:494px;}
.process.type4 li {width:185px;}
.process.type4 li:first-child {width:185px;}/* 200428 GGU442 수정 186 ->185 */

/* List */
.list_style {font-size:13px; color:#666; text-align:left} /* none */
p.list_style {line-height:24px} /* none */
.list_style li {line-height:24px}
.list_style.type1 {color:#000;}
.list_style.type_1 {margin-top:15px;}
.list_style.type_1.type1 {margin-top:13px;}
.list_style.type_2 {margin-top:5px;}
.list_style.type_3 {margin-top:5px;}
.list_style.type_4 {margin-top:11px;}
.list_style.type_5 {margin-top:10px;}
.list_style.type_6 {background:url(/image/mybenefit/icon_benefit2.png)no-repeat 0px 0px; padding:8px 0 10px 59px; margin-top:10px;}
.list_style.type_7 {margin-top:19px; display:inline-block; text-align:center;}
.list_style.type_7 span.img1 {background:url(/image/mybenefit/bg_boucher_03.png)no-repeat 0px 0px; padding:23px 23px 20px 25px; margin-right:20px; color:#fff;}
.list_style.type_7 span.img1_p {text-align:center; position:absolute; top:62px; left:12px;}
.list_style.type_7_2 {margin-top:21px; margin-left:-3px; display:inline-block; text-align:center;}
.list_style.type_7_2 span.img1 {background:url(/image/mybenefit/bg_boucher_03.png)no-repeat 0px 0px; padding:23px 23px 20px 25px; margin-right:20px; color:#fff;}
.list_style.type_7_2 span.img1_p {text-align:center; position:absolute; top:64px; left:9px;}
.list_style.type_8{margin-top:10px; font-size:15px; text-align:center;}
.list_style.large {font-size:15px;}
.list_style.large2 {font-size:15px; line-height:1}
.list_style dt.type2{color:#000;}
.list_style dd + dt.type2{ margin-top:9px;}
.list_style .no_bul_type01 {padding-left:20px;}
.list_style .no_bul_type02 {padding-left:33px;}

.txt_info {color:#666; font-size:13px; line-height:22px;}
.form3 .list_style01 {margin-left:25px;}
.form3 .list_style01 li {line-height:22px;}
.form3 .list_style01 li p {color:#000;}
.form3 .list_style01 li ul li {padding-left:8px; background:url(/image/common/bul_list_07.png) no-repeat 0 10px;}
.list_style01,.list_style06 {color:#666; font-size:13px; text-align:left;} /* 대시(-) */
.list_style01.large {font-size:15px;}
.list_style01.type_1 {margin-top:15px;}
.list_style01.type_1 li.type1 {padding-top:1px;}
.list_style01.type_2 {margin-top:11px;}
.list_style01.type_3 {margin-top:20px;}
.list_style01.type_4 {margin-top:80px;}
.list_style01.type_4.list {margin-top:72px;}
.list_style01.type_4 dt {margin-bottom:14px; color:#000; font-size:15px;}
.list_style01.type_5 {margin-top:5px;}
.list_style01.type_6 {margin-top:40px;}
.list_style01.type_6.list {margin-top:32px;}
.list_style01.type_7 {margin:14px 0 0 545px;}
.list_style01.type_8 > li{padding-left:8px; background:url(/image/common/bul_list_07.png) no-repeat 0 10px}
p.list_style01.type_8{padding-left:8px; background:url(/image/common/bul_list_07.png) no-repeat 0 10px}
.list_style01.type_9 {margin-top:29px;}
.list_style01.type_10 {margin-top:65px;}
.list_style01.type_10 dt {font-size:15px; color:#000;}
.list_style01.type_11 {margin-top:40px;}
.list_style01.type_11 dt {font-size:15px; color:#000;}
.list_style01.type_12 {margin-top:18px;}
.list_style01.type_13 {margin-top:16px;}
.list_style01.type_13 li {line-height:23px;}
.list_style01.type_14 {margin-top:29px;}
.list_style01.type_14 dt {margin-bottom:14px; font-size:15px; color:#000;}
.list_style01.type_15 {margin-top:8px}
/* 2020-04-08 GGU282 - [카드안내신청] 신청 완료 페이지_부가서비스 개선 요청 - 추가 */
p.list_style01.type_16,
.list_style01.type_16 > li {font-size:15px; line-height:18px; color:#333;}
/* //2020-04-08 */
.list_style01 dt {margin:20px 0 10px 0;}
.list_style01 dt .superclub {display:inline-block; width:85px; height:18px; margin-top:-3px; margin-left:4px; background:url('/image/point/icon_superclub.png') no-repeat 0 0; overflow:hidden; text-indent:-9999px; vertical-align:middle;}
.list_style01 dt .new {display: inline-block;width: 45px;height: 18px;margin-top: -3px;margin-left: 4px;background-color: #1e75d6;overflow: hidden;vertical-align: middle;color: #fff;font-family: 'YouandiModernTB';text-align: center;text-transform: uppercase;font-size: 11px;line-height: 19px;}
.area_layer .box_layer .list_style01 dt {margin:20px 0 5px 0;}
.list_style01.type_2 dt {background: url(/image/common/bul_list_01.png) no-repeat 0 7px; padding-left: 10px; margin:0 0 5px 0;}
.list_style01.type_2 > dd{padding-left:12px; background:url(/image/common/bul_list_07.png) no-repeat 5px 9px; line-height:24px;}
.list_style01 dt:first-child {margin-top:0;}
.list_style01 dt strong,.cus_title{ display:inline-block; font-size:15px; font-weight:normal; color:#000;}
.list_style01 dt.type2{color:#000;}
.list_style01 > li,
.list_style01 > dd,
.list_style01 > li span {padding-left:9px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; line-height:22px;}
.list_style01 > li.star, .list_style01 > dd.star {padding:0;background:none;}
.list_style01 > li.star:before, .list_style01 > dd.star:before {content:"*";display:inline-block;margin-right:2px;}
.list_style01.type1 > li {line-height:24px !important;}
.list_style01 > li.none {padding:0px;}
.list_style01 > li.line_none {position:relative; margin-bottom:10px;padding:10px 0px 0;background:none;}
.list_style01 > li.line_none:before {display:inline-block; position:absolute; bottom:-4px; left:0; width:100%; height:1px; background-color:#f0f0f0; content:'';}
.list_style01 > li.noBull {padding:0px;background:none;}
.list_style01 > li.noBull ul.list_style01 li:before {display:none;}
.list_style01 > li.noBull ul.list_style01 li {background:url(/image/common/bul_list_01.png) no-repeat 0 9px;}
.list_style01 > li .hcbtn1 span{ padding:0; background:none;}
.list_style01 > li .hcbtn1.type1{ margin-left:6px;}
.list_style01 > li:first-child,
.list_style01 > dd:first-child {margin:0;}
.list_style01 > li.line_none:first-child {margin-bottom:10px;}
.list_style01 > li.refer {padding-left:7px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; line-height:24px;}
p.list_style01 {padding-left:9px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; line-height:24px;}
p.add_sty {background:url(/image/icon/ico_star_bullet.gif) no-repeat -1px 7px; vertical-align:middle;}
span.list_style01 {padding-left:9px; background:url(/image/common/bul_list_01.png) no-repeat 0 5px; line-height:24px;}
.list_style01 .link_layer {display:inline;}
.list_style01 > li:after {content:""; display:block; clear:both;}
.list_style01 > li strong {color:#000; font-weight:normal;}
.list_style01.type_1 > li strong {color:#666;}
.list_style01 .link {color:#666;}
.list_style01 .link2 {padding:0 0 1px 0; color:#1e75d6; border-bottom:1px solid #1e75d6;}
.list_style01 .list_style05 > li{ background:none;}
.list_style01 .list_style05 > li span{ padding-left:0; background:none;}
.list_style01.large > li,
.list_style01 > dd,
.list_style01 > li span {padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 11px; line-height:24px;}
.list_style01 > li span.noBull,
.list_style01 > li .noBull span {padding-left:0; background:none; line-height:inherit;} /* 2021-08-24 GGU282 - 추가 */
.list_style01 > li span.point_color_1 {padding:0; background:none;}
.list_style01 > li.large {font-size:15px;} /* 2021-04-16 GGU282 - 추가 */
.list_style01 .hcbtn1 {margin-left:6px;}
.list_style01 .hcbtn1.type_1{margin-left:18px;}
.list_style01 .hcbtn1.type_2{margin-left:0px;}
.list_style01.type_box {clear:both; margin:0 0 -1px 0; padding:15px 64px 11px 0; border-top:1px solid #f0f0f0; border-bottom:1px solid #e1e1e1; background:#fafafa; font-size:13px; text-align:right;}
.list_style01.type_box.type_1 {text-align:left;}
.list_style01.type_box li {background:none;}
.list_style01.type_box li span {background-position:0 5px;}
.list_style01.type_center {text-align:center;}
.list_style01.type_center li {padding-left:0; background:none;}
.list_style01.type_center li:before {display:inline-block; content:""; width:9px; height:17px; vertical-align:-4px; background:url('/image/common/bul_list_01.png') no-repeat 0 50%;}
.list_style02 {color:#666; font-size:13px; text-align:left;} /* 별표 (*) */
.list_style02.type_1 {margin-top:10px;}
.list_style02.type_2 {margin-top:15px;}
.list_style02.type_3 {display:inline-block; margin-left:10px; line-height:20px; vertical-align:middle; background-position:0 5px}
.list_style02.type_4 {margin-top:5px;}
.list_style02.type_5{ margin-top:35px}
.list_style02.type_6 {margin-top:8px; padding:0; background:none; color:#fff;}
.list_style02.type_7 {margin-top:7px; padding:0; background:none; color:#fff;}
.list_style02.type_8 {margin-top:12px;}
.list_style02.type_9 {margin-top:8px;}
.list_style02 > li {padding-left:11px; margin:2px 0 0; background:url(/image/common/bul_list_02.png) no-repeat 0 7px; line-height:22px}
.list_style02 > li:first-child {margin:0;}
.list_style02 > li.point_color_2 {background:url(/image/common/bul_list_04.png) no-repeat 0 7px;}
p.list_style02  {padding-left:10px; background:url(/image/common/bul_list_02.png) no-repeat 0 7px; line-height:24px}
p.list_style02.type2{ font-size:15px; background:url(/image/common/bul_list_02.png) no-repeat 0 9px;}
p.list_style02.point_color_2 {background:url(/image/common/bul_list_04.png) no-repeat 0 9px; color:#ff0000;}
#container .input_group > p.list_style02.point_color_2 {margin-left:6px;}
p.list_style06  {padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 7px; line-height:24px; margin-top:20px}
p.list_style02.type1 {padding-left:10px; background:url(/image/common/bul_list_02.png) no-repeat 0 7px; line-height:18px}
p.list_style02.type2 { margin-left:12px; font-size:13px;}
.radiobox + .list_style02  {margin-top:10px;}
.card_pasword .list_style02  {margin-top:10px;}
span.list_style02  {padding-left:10px; background:url(/image/common/bul_list_02.png) no-repeat 0 4px;}
.list_style03 {color:#666; font-size:13px; text-align:left;} /* 빨간 별표 (*) */
.list_style03 > li {padding-left:10px; margin:2px 0 0; background:url(/image/common/bul_list_04.png) no-repeat 0 50%; line-height:24px}
.list_style03 > li:first-child {margin:0;}
p.list_style03 {padding-left:10px; background:url(/image/common/bul_list_04.png) no-repeat 0 3px;}
.list_style03 dt {font-size:15px; color:#000;}
.list_style03 dd {margin-top:11px; padding-left:14px; background:url(/image/common/bul_list_04.png) no-repeat 0 3px;}
.list_style03 dt+dd {margin-top:19px;}
.list_style04 {color:#666; font-size:15px; text-align:left;} /* 대시(-) */
.list_style04.type_1 {margin:15px 0 0 0;}
.list_style04 dt {margin:40px 0 0 0; color:#000; font-size:15px; line-height:24px;}
.list_style04 dt:first-child {margin:0;}
.list_style04 dd,
.list_style04 > li {padding-left:7px; background:url(/image/common/bul_list_01.png) no-repeat 0 11px; line-height:24px;}
.list_style06 > li {padding-left:7px; background:url(/image/common/bul_list_07.png) no-repeat 0 11px; line-height:24px;}
p.list_style04 {padding-left:7px; background:url(/image/common/bul_list_01.png) no-repeat 0 11px; color:#666; font-size:15px; line-height:24px; text-align:left;}
.list_style04 strong.title {font-weight:normal; color:#000;}
.list_style04.type2 {margin-top:14px;}
.list_style04 > li.nobul {padding-left: 0; background: none;} /* 2021-07-26 GGU477 추가 */
.list_style05 > li{ padding:0 0 2px 20px; font-size:15px; line-height:22px; color:#666;}
.list_style05 .num{ display:inline-block; width:17px; height:17px; margin-left:-17px;}
.list_style05 .num01 {background:url(/image/customer/img_number_01.png) no-repeat 0px 3px !important; }
.list_style05 .num02 {background:url(/image/customer/img_number_02.png) no-repeat 0px 3px !important;}
.list_style05 .num03 {background:url(/image/customer/img_number_03.png) no-repeat 0px 3px !important;}
.list_style05 .num04 {background:url(/image/customer/img_number_04.png) no-repeat 0px 3px !important;}
.list_style05 .num05 {background:url(/image/customer/img_number_05.png) no-repeat 0px 3px !important;}
.list_style05 .num06 {background:url(/image/customer/img_number_06.png) no-repeat 0px 3px !important;}
.list_style05 .num07 {background:url(/image/customer/img_number_07.png) no-repeat 0px 3px !important;}
.list_style05 .num08 {background:url(/image/customer/img_number_08.png) no-repeat 0px 3px !important;}
.list_style05 .num09 {background:url(/image/customer/img_number_09.png) no-repeat 0px 3px !important;}
.list_style05 .num10 {background:url(/image/customer/img_number_10.png) no-repeat 0px 3px !important;}
.list_style05 li .tit {color:#000; font-family:inherit; font-weight:normal;}
.list_style05 .bul {display:inline-block;overflow:hidden; width: 2px;height: 2px; margin-right:4px;background: #666;vertical-align: middle !important;}
.list_style05 a{ color:inherit;}
.list_style05 strong.title{ font-weight:normal; color:#000;}
.list_style05.type1{ margin-top:9px;}
.list_style05.type1 > li{ padding:0 0 2px 20px;}
.list_style05.type1 .num{ min-width:20px; margin-left:-20px;}
.list_style05.type2 > li{ margin-top:7px; font-size:12px;}
.list_style05.type2 > li:first-child{ margin-top:2px;}
.list_style05.type3 > li{ font-size:13px;}
.list_style05.type4 > li{ padding:0 0 2px 0; font-size:13px;}
.list_style05.type5{ border-bottom:1px solid #e1e1e1;}
.list_style05.type5 > li{ padding:15px 0 14px 82px; border-top:1px solid #f0f0f0;}
.list_style05.type5 > li:first-child{padding:0 0 14px 82px; border:0 none;}
.list_style05 .sub_info_text1{ margin-bottom:0 !important;}
.list_dot_1 {margin:2px 0;}/* Dot(·) */
.list_dot_2 {margin:2px 0; font-size:13px; color:#666;}
.list_dot_2.large {font-size:15px;}
.list_dot_2 strong.highlight{font-weight:normal; color:#000;}
.list_dot_1.width_1 {width:680px; margin-left:auto; margin-right:auto; text-align:left;}
.accordion_unit .box_fold .list_dot_1.type_1 {margin-top:2px; margin-bottom:0;}
.list_dot_1.type_1 {margin-top:15px;}
.list_dot_1.type_1 + .box_tooltip {margin-top:15px;}
.list_dot_1.type_1 + .form_btn .btn_area.type2 {margin-top:20px;}
.list_dot_1.type_2 {margin-top:5px; margin-bottom:5px;}
.list_dot_1.type_3 {margin-top:15px; padding-top:10px; border-top:1px solid #e1e1e1; font-size:13px;}
.list_dot_1.type_4 {margin-top:0; margin-bottom:0;}
.list_dot_1.type_4 li .hcbtn1 {margin-left:7px}
.list_dot_1  .btn_typ01 {margin-left:5px;}
.list_dot_1  .btn_typ01.type1 { display:inline}
.list_dot_1 > li,
.list_dot_2 > li,
p.list_dot_1 {position:relative; padding-left:10px; line-height:24px; color:#666;}
.list_dot_3 > li{position:relative; padding-left:17px; line-height:24px; color:#666; font-size:13px}
.list_dot_1.type_1 > li {font-size:13px;}
.list_dot_1.type_2 > li {font-size:13px;}
.list_dot_1.type_6 > li {font-size:15px; line-height:22px; margin-bottom:2px;}
.list_dot_1 > li .hcbtn1 {display:inline;}
.list_dot_1.type_7 {margin-top:9px;}
.list_dot_1 li.type_1 {font-size:13px;}
.list_dot_1 li.type_2 {padding-left:0;}
.list_dot_1 li.type_2:before {display:none;}
p.list_dot_1:before,
.list_dot_1 > li:before {position:absolute; top:0; left:0; content:'-';}
.list_dot_2 > li:before {position:absolute; top:0; left:0; content:'·';}
.list_dot_2 > li.star:before {position:absolute; top:2px; left:0; content:'*';}
.list_dot_3 > li:before {position:absolute; top:0; left:0; content:'※';}
.list_dot_2.type_1 > li {padding-left:15px;}
.list_dot_2.type_1 > li:before {top:2px; color:#f15651; content:'*';}
.list_dot_2.type_2 > li {color:#000;}
p.list_dot_1.type_1:before,
.list_dot_1 > li.type_1:before {top:2px; content:'*';}
.list_info_1.type_3 .list_dot_1 > li {margin:1px 0; line-height:22px; color:#000;}
.list_info_1 + .list_dot_1 {margin-top:19px;}
.list_info_1.type_4 .list_dot_1 {margin:0;}
.list_dot_1.type_5 > li {clear:both; line-height:23px;}
.list_dot_1.type_5 > li > span {float:left; margin-right:5px; padding-bottom:1px;}
.list_dot_3 {position:relative; line-height:24px; color:#666;}
.list_dot_5 > li{padding-left:10px; line-height:24px; color:#666;} /* 2021-01-06 GGU402 [카드안내신청] PlayStation® - 현대카드M 상세 수정 요청의 건(명칭변경) */
.box_form.type_1 > .form_select,
.box_form.type_1 > form >  .form_select,
.box_form.type_1 > p {padding-top:15px;}
.box_form.type_1 > .list_info_1 {margin-top:15px; border-top:1px dotted #e1e1e1;}
.txt-type3 .num + .tit {color:#000;}
.list_info_1.family1 {border-top:1px solid #f0f0f0; margin-top:0;}

/* 리스트 st decimal *//* 보이스피싱예방안내 2020-04-06 GGCN35 */
.list_st_decimal{padding-left:14px;}
.list_st_decimal li{list-style:decimal;color:#333;font-size:15px;line-height:24px;}

/* RelationBanner */
.relation_banner_bottom {width:1032px;margin:0 auto 120px;}

.relation_banner {width:100%; margin:80px auto 0 auto;}
.relation_banner.zero {margin:74px auto 0;}
.relation_banner.first {margin:100px auto 0;}
.relation_banner.second {margin:40px auto 0;}
.relation_banner:after {display:block; clear:both; content:""}
.relation_banner .banner_area {text-align:left; background:#fff;}
.relation_banner.type2 {margin-top:79px;}/*자동차구매 내 배너간격수정*/
.relation_banner .banner_area .inner {overflow:hidden; height:100%; padding:0 54px 0px 63px; border-style:solid; border-color:#e1e1e1; border-left-color:#f0f0f0; border-width:1px 0 1px 1px;}
.relation_banner .banner_area .inner.type01 {border-width:1px 1px 1px 1px;}
.relation_banner.type3 .banner_area .inner.type02 {padding:0 40px 0 64px;}
.relation_banner.type3 .banner_area .inner.type03 {padding:0 0px 0 64px;}
.relation_banner .banner_area h2 {display:inline-block;padding-top:43px;  margin:0 0 10px; line-height:23px; font-size:15px; color:#000;}
.relation_banner .banner_area h2 > strong {font-weight:normal; font-family:"YouandiModernHEB";}
.relation_banner .banner_area p {font-size:13px; color:#666; margin:0 0 12px; line-height:23px;}
.relation_banner .banner_area .inner p .hcbtn1 {margin-left:5px;}
.relation_banner .banner_area p.hcbtn6 {position:relative; top:-28px; left:0px; margin:0 0 18px; padding:0 8px; font-size:12px; line-height:18px}
.relation_banner .banner_area p.hcbtn6.on {color:#1e75d6;}
.relation_banner .banner_area .link {overflow:hidden; padding-bottom:45px;}
.relation_banner .banner_area .link.first {padding-bottom:9px;}
.relation_banner .banner_area .link.type_1 {margin-top: -7px;}
.relation_banner .banner_area .link.sub_type01 li {float:left; margin:0 20px 0 0;}
.relation_banner .banner_area .inner .link li{display:inline-block; padding-right:15px;}
.relation_banner.type6 .banner_area .inner .link li.p_none { padding-right:0; }
.relation_banner .banner_area li {margin:7px 0 0;}
.relation_banner .banner_area li:first-child {margin:0;}
.relation_banner .banner_area p a.hcbtn1{ margin-left:0 !important;}
.relation_banner .banner_area p.last{ margin-bottom:35px;}
.relation_banner.type1 p {margin:0; padding-bottom:10px;}
.relation_banner.type2 > div,
.relation_banner.type4 > div,
.relation_banner.type5 > div:first-child  {float:left; width:50%; margin:0;}
.relation_banner.type5 > div:first-child + div + div + div,
.relation_banner.type5 > div:first-child + div + div + div + div {float:left; width:50%;}
.relation_banner.type3 > div,
.relation_banner.type5 > div:first-child,
.relation_banner.type5 > div:first-child + div,
.relation_banner.type5 > div:first-child + div + div,
.relation_banner.type6 > div {float:left; width:33.3333%; }
.relation_banner.type7 > div {float:left; width:33.3333%; }
.relation_banner.type3 .banner_area .inner {padding-right:50px;}
.relation_banner.type3 .banner_area .inner.r01 {padding-right:40px;}
.relation_banner .banner_area:first-child .inner,
.relation_banner.type4 .banner_area:first-child + .banner_area + .banner_area .inner,
.relation_banner.type5 .banner_area:first-child + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type6 .banner_area:first-child + .banner_area + .banner_area + .banner_area .inner {border-left-color:#e1e1e1;}
.relation_banner.type4 .banner_area:first-child + .banner_area + .banner_area .inner,
.relation_banner.type4 .banner_area:first-child + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type6 .banner_area:first-child + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type6 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type6 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type5 .banner_area:first-child + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type5 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area .inner {border-top-color:#f0f0f0;}
.relation_banner.type1 .banner_area:first-child .inner,
.relation_banner.type2 .banner_area:first-child + .banner_area .inner,
.relation_banner.type3 .banner_area:first-child + .banner_area + .banner_area .inner,
.relation_banner.type4 .banner_area:first-child + .banner_area .inner,
.relation_banner.type4 .banner_area:first-child + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type5 .banner_area:first-child + .banner_area + .banner_area .inner,
.relation_banner.type5 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area .inner,
.relation_banner.type6 .banner_area:first-child + .banner_area + .banner_area .inner,
.relation_banner.type6 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area + .banner_area .inner {border-right-width:1px; border-right-color:#e1e1e1;}

.relation_banner.type7 .banner_area:first-child + .banner_area + .banner_area .inner,
.relation_banner.type7 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area + .banner_area .inner {border-right-width:1px; border-right-color:#e1e1e1;}
.relation_banner.type7 .banner_area:first-child + .banner_area + .banner_area + .banner_area .inner { border-right:none; border-left-width:1px; border-left-color:#e1e1e1; }
.relation_banner.type7 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area + .banner_area  + .banner_area  { border: 1px solid #e1e1e1; margin-top: 1px; width: 33.2%; }
.relation_banner.type7 .banner_area:first-child + .banner_area + .banner_area + .banner_area + .banner_area + .banner_area  + .banner_area  .inner { border:none; }

.relation_banner2 {width:100%; margin:0 auto;}
.relation_banner2:after {display:block; clear:both; content:"";}
.relation_banner2.first {margin:20px auto 40px auto;}
.relation_banner2.second {margin:40px auto 40px auto;}
.relation_banner2.third {margin:21px auto 0 auto;}
.relation_banner2 .inner {padding:14px 24px 13px 24px; background:#1e75d6;}
.relation_banner2 .inner:after {display:block; clear:both; content:"";}
.relation_banner2 .inner strong {float:left; color:#fff; font-size:13px; font-weight:normal;}
.relation_banner2 .inner .link {float:right; margin:-2px 0 0 0;}
.relation_banner2 .inner .link .hcbtn1 {color:#fff;}
.relation_banner2 .inner .link .hcbtn1:hover:before {background-color:#fff;}
.msie8 .CPAMP0101_01 .relation_banner {margin-bottom:120px;}
.relation_banner .banner_area h3,
.relation_banner.type2 .banner_area h3 {display:inline-block;padding-top:43px;  margin:0 0 10px; line-height:23px; font-size:15px; color:#000;}

/* Tab */
.tab_w1n > li { width:14.3%;}
.tab_w2n > li { width:49.9%;}
.tab_w3n > li { width:33.3%;}
.tab_w4n > li { width:24.9%;}
.tab_w5n > li { width:19.9%;}
.tab_w6n > li { width:16.6%;}
.tab_w7n > li { width:14.2%;}
.sub_tab_cate1 {width:100%; border-left:1px solid #e1e1e1;}
.sub_tab_cate1:after { display:block; content:''; clear:both;}
.sub_tab_cate1.type_1{margin-top:88px;}
.sub_tab_cate1.type_2{margin-top:80px;}
.sub_tab_cate1.type_3{margin-top:40px;}
.sub_tab_cate1 > li:only-child {width:100%;}
.sub_tab_cate1 > li { float:left; margin-bottom:-1px; text-align:center; font-size:15px;}
.sub_tab_cate1.narrow > li { letter-spacing:-1px;} /* 2020-01-06 */
.sub_tab_cate1 > li > a,
.sub_tab_type_1 > li > a > span,
.sub_tab_type_2 > li > a > span { display:block; height:46px; line-height:48px; border:1px solid #e1e1e1; border-left:0 none; background:#fff; color:#000; overflow:hidden;}
.sub_tab_cate1 > li > a,
.sub_tab_type_1 > li > a > span,
.sub_tab_type_2 > li > a > span {-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.sub_tab_cate1 > li > a:hover,
.sub_tab_type_1 > li > a:hover > span,
.sub_tab_type_2 > li > a:hover > span {background:#f0f0f0; color:#1e75d6}
.sub_tab_type_1 > li:first-child > a > span,
.sub_tab_type_2 > li:first-child > a > span { border:1px solid #e1e1e1;}
.sub_tab_cate1 > li.on > a,
.sub_tab_type_1 > li.on > a > span,
.sub_tab_type_2 > li.on > a > span { position:relative; padding-left:1px; margin-left:-1px; border:1px solid #1e75d6; color:#fff; background:#1e75d6;  font-weight:normal; font-family: 'YouandiModernTB';}
.sub_tab_type_1 > li.on:first-child > a > span,
.sub_tab_type_2 > li.on:first-child > a > span {margin-left:0;}
.sub_tab_cate1 > li.on > a,
.sub_tab_type_1 > li.on > a,
.sub_tab_type_2 > li.on > a { font-weight:normal; font-family: 'YouandiModernTB'; color:#fff; background:#1e75d6;}
.sub_tab_cate1 > li strong,
.sub_tab_type_1 > li strong,
.sub_tab_type_2 > li strong{ font-weight:normal;}
.sub_tab_cate2 {padding-top:11px;}
.sub_tab_cate2.type2{ margin-top:20px;}
.sub_tab_cate2.type3{ margin-top:0; margin-bottom:19px;}
.sub_tab_cate2:after { display:block; content:''; clear:both}
.sub_tab_cate2 > li { float:left; padding-top:8px; font-size:15px;}
.sub_tab_cate2 > li > a { display:block; position:relative; margin-left:24px; color:#000;}
.sub_tab_cate2 > li > a:hover {color:#1e75d6;}
.sub_tab_cate2 > li:first-child > a {margin-left:0;}
.sub_tab_cate2 > li > a:after {display:block; position:absolute; left:-13px; top:2px; width:1px; height:12px; margin:0; background:#e5e5e5; content:""}
.sub_tab_cate2 > li:first-child > a:after {display:none;}
.sub_tab_cate2 > li.on > a:before {display:block; position:absolute; bottom:-1px; width:100%; height:1px; content:""; background:#1e75d6;}
.sub_tab_cate2 > li:last-child > a { background:none;}
.sub_tab_cate2 > li.on > a { color:#1e75d6;}
.sub_tab_cate2 > li.on > a strong { font-weight:normal;}
.sub_tab_cate3 { padding-top:1px; width:100%; border-left:1px solid #e1e1e1;}
.sub_tab_cate3:after { display:block; content:''; clear:both;}
.sub_tab_cate3 > li { float:left; margin-top:-1px; text-align:center; font-size:13px;}
.sub_tab_cate3 > li strong{ font-weight:normal;}
.sub_tab_cate3 > li > a { display:block; height:30px; line-height:32px; border:1px solid #e1e1e1; border-left:0; background:#fff; color:#666; overflow:hidden;}
.sub_tab_cate3 > li > a:hover {background:#ebebeb;}
.sub_tab_cate3 > li.on > a { position:relative; padding-left:1px; margin-left:-1px; border:1px solid #1e75d6; color:#fff; background:#1e75d6; font-weight:normal; font-family: 'YouandiModernHEB';}
.sub_tab_cate3 > li.on > a { font-weight:normal; font-family: 'YouandiModernHEB';}
.sub_tab_cate4:after { display:block; content:''; clear:both}
.sub_tab_cate4 > li { float:left; font-size:13px;}
.sub_tab_cate4 > li > a { display:block; position:relative; margin-left:24px;  height:24px; line-height:24px; color:#000;}
.sub_tab_cate4 > li:first-child > a {margin-left:0;}
.sub_tab_cate4 > li:last-child > a { background:none;}
.sub_tab_cate4 > li.on > a {color:#1e75d6;}
.sub_tab_cate4 > li.on > a strong { font-weight:normal;}
.sub_tab_cate4 > li.on > a:before {display:block; position:absolute; bottom:5px; width:100%; height:1px; content:""; background:#2e75d6;}
.sub_tab_cate4 > li > a:after {display:block; position:absolute; left:-11px; top:5px; width:1px; height:12px; margin:0; background:#d1d1d1; content:""}
.sub_tab_type_1 {position:relative; margin-top:-1px; padding-top:88px;}
.sub_tab_type_1.top_line {padding-top:180px;}
.sub_tab_type_5 {padding-top:60px;}
.area_content.area_card_info .sub_tab_type_1.sub_tab_type_5 {position:relative; padding-top:120px;}
.area_content.area_card_info .sub_tab_type_1.sub_tab_type_5 .area_card_kind {padding-top:0px;}
.area_content.area_card_info .sub_tab_type_1.sub_tab_type_5 .box_content_2 {margin-top:0px;}
.sub_tab_type_1 > li > a,
.sub_tab_type_1 > li.on > a {display:block; position:absolute; top:0; left:0; width:100%; text-align:center;}
.area_layer .sub_tab_type_1 > li:first-child.on > a {z-index:1; margin-left:1px;}
.sub_tab_type_1 > li > div {display:none;}
.sub_tab_type_1 > li.on > div {display:block;}
.sub_tab_type_1.ul_2 > li > a {width:50%;}
.sub_tab_type_1.ul_2 > li.li_2 > a {left:50%;}
.sub_tab_type_2 {position:relative; padding-top:48px;}
.sub_tab_type_2 > li > a,
.sub_tab_type_2 > li.on > a {display:block; position:absolute; top:0; left:0; width:100%; text-align:center;}
.sub_tab_type_2 > li > div {display:none;}
.sub_tab_type_2 > li.on > .search_type {display:block; padding-left:80px;}
.sub_tab_type_2 > li > .search_type{display:none; padding-left:80px;}
.sub_tab_type_2 > li.on > div {display:block;}
.sub_tab_type_2.ul_2 > li > a {width:50%;}
.sub_tab_type_2.ul_2 > li.li_2 > a {left:50%;}
.sub_tab_type_2.ul_3 > li > a {width:33.33%;}
.sub_tab_type_2.ul_3 > li.li_2 > a {left:33.33%;}
.sub_tab_type_2.ul_3 > li.li_3 > a {left:66.66%;}
.sub_tab_type_2.ul_4 > li > a {width:25%;}
.sub_tab_type_2.ul_4 > li.li_2 > a {left:25%;}
.sub_tab_type_2.ul_4 > li.li_3 > a {left:50%;}
.sub_tab_type_2.ul_4 > li.li_4 > a {left:75%;}
.sub_tab_type_2.ul_5 > li > a {width:20%;}
.sub_tab_type_2.ul_5 > li.li_2 > a {left:20%;}
.sub_tab_type_2.ul_5 > li.li_3 > a {left:40%;}
.sub_tab_type_2.ul_5 > li.li_4 > a {left:60%;}
.sub_tab_type_2.ul_5 > li.li_5 > a {left:80%;}
.sub_tab_type_2.ul_7 > li > a {width:12%; left:7%;}
.sub_tab_type_2.ul_7 > li.li_2 > a {left:19%;}
.sub_tab_type_2.ul_7 > li.li_3 > a {left:31%;}
.sub_tab_type_2.ul_7 > li.li_4 > a {left:43%;}
.sub_tab_type_2.ul_7 > li.li_5 > a {left:55%;}
.sub_tab_type_2.ul_7 > li.li_6 > a {left:67%;}
.sub_tab_type_2.ul_7 > li.li_7 > a {left:79%;}
.sub_tab_type_2.tab_ul_sty {margin:40px 0 0 0; padding-top:48px;}
.sub_tab_cate5 {width:100%; padding-bottom:1px; border-left:1px solid #fff; background:#1e75d6;}
.sub_tab_cate5:after {display:block; content:''; clear:both;}
.sub_tab_cate5 > li { float:left; margin-bottom:-1px; text-align:center; font-size:15px;}
.sub_tab_cate5 > li > a {display:block; height:46px; line-height:48px; border:1px solid #fff; border-left:0 none; background:#1e75d6; color:#fff; overflow:hidden;}
.sub_tab_cate5 > li.on > a {position:relative; margin-left:-1px; padding-left:1px; border:1px solid #fff; color:#1e75d6; background:#fff; font-weight:normal; font-family: 'YouandiModernTB';}
.sub_tab_cate5 > li strong {font-weight:normal;}
.sub_tab_cate5 > li > a:hover {background:#1c6cc5;}
.sub_tab_cate5 > li.on > a:hover {background:#fff;}

/* Accordion list */
.sub_box_con{ margin-top:20px; border:1px solid #e1e1e1;}
.sub_box_con.first{ margin-top:44px;}
.sub_box_con .stt3 a{ display:block; position:relative; padding:25px 40px 24px; font-size:21px; line-height:1; color:#000;}
.sub_box_con .stt3 a:before { display:block; position:absolute; top:50%; right:40px; width:18px; height:10px; margin:-5px 0 0 0; background:url('/image/common/arrow_open_03_1.png') no-repeat 0 0; content:'';}
.sub_box_con .stt3 a:before {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.sub_box_con .stt3 small{ font-size:15px;}
.sub_box_con .stt3 .non_fold{ display:block; position:relative; padding:25px 40px 24px; font-size:21px; line-height:1; color:#000;}
.sub_tab_con{ padding:0 40px 40px;}
.sub_box_con.accordion_unit .sub_tab_con{ display:none;}
.sub_box_con.on .stt3 a:before { background-position:0 -12px;}
.sub_box_con strong,.sub_box_con th{ font-weight:normal;}
.sub_acc_list1{ border-bottom:1px solid #e1e1e1;}
.sub_acc_list1 li.list{ border-top:1px solid #e1e1e1;}
.sub_acc_list1 li.list a.acc_q{ display:block; position:relative; padding:20px 40px 16px 0; font-size:15px; line-height:24px; color:#000;  background:url(/image/common/arrow_open_02.png) no-repeat right center;}
.sub_acc_list1 li.list a.acc_q{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.sub_acc_list1 li.list.on a.acc_q{ font-family: 'YouandiModernHEB'; background:url(/image/common/arrow_close_02.png) no-repeat right center;}
.sub_acc_list1 li.list .acc_a{ display:none; padding:35px 40px 34px; border:1px solid #e1e1e1; border-bottom:0; font-size:15px; line-height:24px;}
.sub_acc_list1 li.list .acc_a strong,.sub_acc_list1 li.list .acc_a th{ font-weight:normal;}
.accordion_unit.on .box_fold {display:block;}
.accordion_unit.type_1 {margin-top:80px;}
.accordion_unit.type_2 {margin-top:40px;}
.accordion_unit.type_3 {margin-top:30px;}
.accordion_unit.type_4 {margin-top:26px;}
.accordion_unit.type_5 {margin-top:8px;}
.accordion_unit.type_6 {margin-top:38px;}
.accordion_unit.type_7 {margin-top:-40px;}
.accordion_unit > .tit_wrap {border-bottom:2px solid #555;}
.accordion_unit.on > .tit_wrap {border-bottom:none;}
.accordion_unit .h2_tit_1 a + .checkbox {margin-left:10px;}
.box_attention {padding-top:80px;}

/* layer */
.area_layer {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:30; width:480px; height:385px; margin:auto; padding-right:60px; font-size:15px; line-height:22px; color:#000; text-align:center;}
.area_layer.type_pop {display:block; position:relative; top:auto; bottom:auto; left:auto; right:auto; width:auto; height:auto; padding-right:0;}
.area_layer.type_pop2 {display:block; position:relative; top:-322px; bottom:auto; left:auto; right:20px; width:auto; height:auto; padding-right:0;}
.area_layer.type_view {display:block; width:auto; height:auto; padding-right:0;}
.area_layer .box_layer {position:relative; padding:37px 40px 40px; background-color:#fff;}
.area_layer .box_layer.vscroll {height:610px;}
.area_layer .box_info {padding:20px 24px; background-color:#fafafa;}
.area_layer .box_info.type2 {background-color:#fff;}
.area_layer .box_info.type_agree {margin-top:13px; margin-bottom:20px; padding:20px;} /* 2018-03-05 수정 */
.area_layer .box_info.type_agree.type1 {margin-top:15px; margin-bottom:20px; padding:21px 24px 24px 24px;}
.area_layer .box_info.type_agree .box_wrap {position:relative; text-align:left;}
.area_layer .box_info.type_agree .box_wrap.txt_cen {text-align:center} /* 2018-03-05 수정 */
.area_layer .box_info.type_agree .box_wrap .box_txt.txt_cen {text-align:center} /* 2018-03-05 수정 */
.area_layer .box_info.type_agree .box_wrap .box_txt.txt_cen {text-align:center} /* 2018-03-05 수정 */
.area_layer .box_info.type_agree.on .agree_content {margin-top:14px;}
.area_layer .box_info.type_agree .box_wrap .checkbox label {font-size:13px;}
.area_layer .box_info.type_agree .box_wrap .checkbox label.type1 {font-size:13px;font-weight:bold} /* 2018-03-05 수정 */
.area_layer .box_info.type_agree .box_wrap .btn_open {position:absolute; top:-5px; right:0;}
.area_layer .box_info.type_agree .box_wrap .btn_open.type1 {position:absolute; top:-2px; right:0;}
.area_layer .box_info.type_agree.type1 .box_wrap .btn_open {position:absolute; top:-1px; right:0;}
.area_layer .box_info.type_agree .box_wrap .btn_open a {position:relative; padding-right:23px; line-height:22px;}
.area_layer .box_info.type_agree .box_wrap .btn_open a span {height:22px; line-height:22px;}
.area_layer .box_info.type_agree .box_wrap .btn_open a:after {position:absolute; top:50%; right:7px; width:10px; height:6px; margin-top:-3px; background-position:-90px -90px; content:'';}
.area_layer .box_info.type_agree.on .box_wrap .btn_open a:after {background-position:-90px -100px;}
.area_layer .box_info.type_agree .box_wrap .txt_content {font-size:13px;color:#666} /* 2018-03-05 수정 */
.area_layer .box_info.type_agree .box_wrap .txt_content.type_1 {padding:12px 30px;background:#fafafa} /* 2018-03-05 수정 */
.area_layer .box_info.type_agree.type_box {border:1px solid #e1e1e1;background:none} /* 2018-03-05 수정 */
.area_layer .box_info.box_sty {background-color:white;}
.area_layer .box_info.type_1 {margin-top:13px; margin-bottom:20px;}
.area_layer .box_info.type_1 .link_view,
.area_layer .box_info.type_1 .link_layer {display:inline-block;}
.area_layer .box_info.type_1 .checkbox label {font-size:13px; color:#666;}
.area_layer .btn_tel.type_1 {margin-top:15px;}
.area_layer .agree_layer {text-align:left;}
.area_layer .agree_layer .txt-type3 .num {padding-right:5px;}
.box_info .inner p.type1 {font-size:13px; margin-top:2px; line-height:24px;}
.area_layer .btn_close a,
.btn_del span, .area_layer .btn_close1 a,
.box_slide .choice_slide:after {display:block; overflow:hidden; height:0; background-image:url(/image/btn/sp_btn_icon.png); background-repeat:no-repeat;}
.area_layer .btn_close a, .area_layer .btn_close1 a,
.box_slide .choice_slide:after {position:absolute; top:20px; right:0; width:40px; padding-top:40px; background-position:-240px 0;}
.area_layer .btn_close a, .area_layer .btn_close1 a,
.area_layer .btn_close2 a {-webkit-transition:all 0.7s ease; -moz-transition:all 0.7s ease; -o-transition:all 0.7s ease; transition:all 0.7s ease; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.area_layer .btn_close a:hover, .area_layer .btn_close1 a:hover,
.area_layer .btn_close2 a:hover {-webkit-transform:scale(.8); -moz-transform:scale(.8); -o-transform:scale(.8); transform:scale(.8);}
.area_layer .btn_close.fr {position:absolute; top:0px; right:-60px;}
.no_scl::-webkit-scrollbar,
.no_scl::-webkit-scrollbar-button,
.no_scl::-webkit-scrollbar-track,
.agree_content::-webkit-scrollbar,
.agree_content::-webkit-scrollbar-button,
.agree_content::-webkit-scrollbar-track,
.add_scl::-webkit-scrollbar,
.add_scl::-webkit-scrollbar-button,
.add_scl::-webkit-scrollbar-track {-webkit-appearance:none; display:none;}
.area_layer h3 {margin-bottom:16px; font-size:21px; line-height:26px;}
.area_layer h3.type_1 {margin-bottom:19px; padding-bottom:0; border-bottom:none; font-size:21px; color:#000; line-height:20px;}
.area_layer h3.type_1.type1 {margin-bottom:12px;}
.area_layer h3.type_1.type2 {line-height:30px;} /* 2020-04-28 GGU282 - 정부 긴급재난지원금 신청 - 추가 */
.area_layer h3.type_2 {margin-bottom:0; padding-bottom:12px;}
.area_layer h3.type_3 {margin-bottom:40; border-bottom:none;}
.area_layer h3.type_4 {margin-bottom:0;}
.area_layer h3.type_5 {margin-bottom:18px;  border-bottom:none;}
.area_layer h3.type_6 {margin-top:2px; border-bottom:0px; padding-bottom:15px;}
.area_layer h3.type_7 {padding-bottom:2px;  border-bottom:none; margin-bottom:0}
.area_layer h3.type_8 {padding-bottom:16px;  border-bottom:none; margin-bottom:0}
.area_layer h3.type_9 {padding-bottom:0;  border-bottom:none; margin-bottom:0}
.area_layer h3.type_10 {margin-bottom:19px; padding-bottom:0; border-bottom:none; font-size:18px; color:#000; line-height:20px;font-weight:bold} /* 2018-03-05 수정*/
.area_layer h3.type_11 {margin-bottom:19px; padding-bottom:16px; border-bottom:2px solid #555;} /* 2019-09-16 add */
.area_layer .tit_sub {color:#666}
.area_layer .tit_btn_area {float:right; margin-top:-46px;}
.area_layer .tit_btn_area:after {display:block; clear:both; content:""}
.area_layer .tit_btn_area li {float:left; margin-left:8px;}
.area_layer .tit_btn_area li:first-child {margin:0;}
.area_layer .p_1 {margin-top:10px;}
.area_layer .p_small {font-size:13px; color:#666;}
.area_layer .p_miduim {font-size:15px; color:#666;}
.area_layer .p_large {font-size:21px; line-height:30px; color:#000;}
.area_layer .p_large + .btn_area.type1{margin-top:34px}
.area_layer .event_cashabck {margin-top:12px; font-size:13px; color:#666;}
.area_layer .box_txt {margin:10px 0 15px; color:#666;}
.area_layer .box_txt.type1 {margin:15px 0;font-size:18px} /* 2018-03-05 수정 */
.area_layer .box_txt.type2 {margin:15px 0;font-size:13px} /* 2018-03-05 수정 */
.area_layer .box_txt.type3{position:relative;}
.area_layer .box_txt.type3 .con1-wrap{padding-left:10px;text-align:left;}
.area_layer .box_txt.type3 h3{color:#000;}
.area_layer .box_txt.type3 .ty_miduim{font-family:'YouandiModern';font-size:17px;color:#000;line-height:24px;letter-spacing:-1px;}
.area_layer .box_txt.type3 .ty_miduim.grey{color:#666;} /* 2020-10-16 GGCQ62 -[카드안내신청] 카드해지 신청 내 신세계포인트 안내 팝업 제작 */
.area_layer .box_txt + .btn_tel {margin-top:19px;}
.area_layer .box_input {margin:9px 15px 15px; font-size:0;}
.area_layer .box_input .list_form > li {position:relative; padding:5px 0 5px 98px; text-align:left;}
.area_layer .box_input .list_form .tit {position:absolute; top:0; left:0; font-size:15px; line-height:50px;}
.area_layer .box_input .list_form .form > div,
.area_layer .box_input .list_form .form > p {display:inline-block; margin-left:12px; vertical-align:middle;}
.area_layer .box_input .list_form .form > div:first-child {margin-left:0;}
.area_layer .box_agree {margin-bottom:18px; padding-top:15px; border-top:1px solid #f0f0f0;}
.area_layer .box_agree p {display:inline-block; font-size:13px; color:#666;}
.area_layer .box_agree label {font-size:13px; color:#666;}
.area_layer .input_tel_1 {width:88px;}
.area_layer .input_tel_2 input {width:156px;}
.area_layer .input_1 input {width:257px;}
.area_layer .btn_area {margin:20px 0 0 }
.area_layer .btn_area.type1 {margin:40px 0 0 }
.area_layer .btn_area.type2 {margin:15px 0 0 }
.area_layer .btn_area.type3 {margin:13px 0 0 }
.box_calling_txt {margin:10px 0; padding-top:100px; background:url(/image/bg/bg_calling_1.png) no-repeat center 4px; font-size:15px; color:#000;}
.box_calling_txt.type1 {padding-top:98px; margin:10px 0 15px;}
.box_calling_txt.type2 { margin-bottom:15px; padding-top:100px; background:url(/image/bg/bg_calling_1.png) no-repeat center 4px; font-size:15px; color:#000;}
.box_calling_txt.type3 { margin:36px 0 0; padding-top:94px; background:url(/image/bg/bg_calling_1.png) no-repeat center 0px; font-size:15px; color:#666;}
.box_calling_txt.type3 + .btn_area {margin-top:15px;}
.box_calling_txt.complete {background:url(/image/bg/bg_calling_2.png) no-repeat center 4px;}
.area_layer .logout_notice {padding-top:100px; font-size:13px; line-height:22px; color:#666; background:url(/image/icon/icon_exclamation.png) no-repeat 50% 2px; }
.area_layer .logout_notice .btn_area {display:block;margin:13px 0 0;}
.area_layer .logout_notice .btn_area li {float:none; display:inline-block; margin-left:10px;}
.area_layer .logout_notice .btn_area li:first-child {margin:0;}
.area_layer .noti_txt {font-size:19px; line-height:28px; color:#000;}
.area_layer .noti_txt > .timeout {color:#1e75d6;}
.area_layer .noti_txt + p {margin-top:10px;}
.area_layer .list_info_1 .tit {color:#000;}
.area_layer .list_dot_1 {margin:0;}
.area_layer .list_dot_1.type_1 {margin-top:15px;}
.area_layer .list_dot_1 li {font-size:13px;}
.area_layer .list_info_1.type1 {margin-top:14px;}
.area_layer.type_small {width:480px;}
.area_layer.type_small_2 {width:360px;}
.area_layer.type_small_2 .box_layer.type1 {padding:37px 30px 40px;} /* 2020-04-08 GGU282 - [카드안내신청] 신청 완료 페이지_부가서비스 개선 요청 - 추가 */
.area_layer.type_small .box_layer {padding:37px 40px 40px;}
.area_layer.type_small .box_title {}
.area_layer.type_small .box_title .title {margin:0 0 18px 0; color:#000; font-size:21px; text-align:center;}
.area_layer.type_small .box_table {border-bottom:1px solid #f0f0f0;}
.area_layer.type_small .box_table table th {padding:20px 0; border-top:1px solid #f0f0f0; color:#000; font-size:15px; font-weight:normal; text-align:left; vertical-align:top;}
.area_layer.type_small .box_table table td {padding:20px 0; border-top:1px solid #f0f0f0; color:#666; font-size:15px; text-align:left;}
.area_layer.type_small .input_date_1 {width:205px;}
.area_layer.type_small .box_btn,
.area_layer.type_midium .box_btn,
.area_layer.type_xxlarge .box_btn {margin:20px 0 0 0; text-align:center;}
.area_layer.type_midium .box_btn.hcbtn_large.type2.popup span:hover {color:#fff !important;}
.box_layer .nenefit_box_title  h3{border-bottom:none; padding-bottom:0px;}
.area_layer.type_midium {width:580px; height:630px;}
.area_layer.type_midium.type_1 {width:580px; height:415px;}
.area_layer.type_midium .box_layer {padding:37px 40px 40px }
.area_layer.type_midium .box_layer.type1 {padding:60px 40px 60px }
.area_layer.type_midium .box_layer.type2 {padding:39px 40px 33px;}
.area_layer.type_midium .box_title {overflow:hidden;}
.area_layer.type_midium .box_title .title {margin-bottom:10px; color:#000; font-size:17px; text-align:left;}
.area_layer.type_midium .box_title .title2 {margin:0 0 18px 0; color:#000; font-size:21px; text-align:center;}
.area_layer.type_midium .box_layer .box_content.vscroll {height:630px;}
.area_layer.type_large {width:620px; height:375px;}
.area_layer.type_large .box_layer {padding:28px 40px 40px;}
.area_layer .agree_content {overflow-y:scroll; position:relative; width:100%; height:255px; border:1px solid #e1e1e1; color:#666; text-align:left}
.area_layer .agree_content.type2 {height:489px; border:0;}
.area_layer .type_agree .agree_content {visibility:hidden;height:0; border:none; background-color:#fff;}
.area_layer .agree_content .inner {padding:16px 17px; white-space:inherit; font-size:14px;}
.area_layer .agree_content .inner.type1 {padding:20px 23px 22px 23px;}
.area_layer .agree_content .inner.btn-type4 {display:block; position:relative; margin-right:0; padding:0; font-size:15px; color:#666; line-height:1.6;}
.area_layer.form-agree .agree_content .inner.btn-type4{padding:5px 15px 5px 20px;}
.area_layer .agree_content strong {display:block; font-weight:normal; color:#000;}
.area_layer .agree_content .clause {display:block; padding:10px 0 5px 0px; font-weight:normal}
.area_layer .agree_content table {margin:5px 0; border-bottom:1px solid #f0f0f0;}
.area_layer .agree_content table th {padding:5px 0; border-top:1px solid #f0f0f0; text-align:left; font-weight:normal;}
.area_layer .agree_content table td {padding:5px 0; border-top:1px solid #f0f0f0;}
.area_layer .agree_content table .br{border-right:1px solid #f0f0f0}
.area_layer.type_xlarge {width:580px; height:auto;}
.area_layer.type_xlarge .box_layer {padding:28px 38px 40px 40px;}
.area_layer.type_xlarge2 {width:670px;}
.area_layer.type_xlarge3 {width:960px;}
.area_layer.type_xlarge2 .box_layer {padding:0}
.area_layer.type_xlarge3 .box_layer {padding:0}
.area_layer.type_xlarge3 .box_layer.type2 { padding:40px 40px 40px;}
.area_layer.type_xxlarge {width:1024px; height:auto;}
.area_layer.type_xxlarge.type_pop {width:auto;}
.area_layer.type_xxlarge .box_layer {padding:40px 40px 40px;}
.area_layer.type_xxlarge .box_title {overflow:hidden;}
.area_layer.type_xxlarge .box_title .title {margin-bottom:0; color:#000; font-size:21px; text-align:center;}
.area_layer.type_xxlarge .box_title .title2 {float:left; margin-bottom:13px; color:#000; font-size:17px; text-align:left;}
.area_layer.type_xxlarge .box_title .title2.type_1 {margin:0;}
.area_layer.type_xxlarge .box_table {border-bottom:1px solid #f0f0f0;}
.area_layer.type_xxlarge .box_table table th {padding:20px 0; border-top:1px solid #f0f0f0; color:#000; font-size:15px; font-weight:normal; text-align:left;}
.area_layer.type_xxlarge .box_table table td {padding:20px 0; border-top:1px solid #f0f0f0; color:#666; text-align:left;}
.area_layer.type_xxlarge .box_table .form_table.type7 tbody th {text-align: center;}
.area_layer.type_xxlarge .box_table.type1 {border-top:2px solid #555; border-bottom:1px solid #e1e1e1;}
.area_layer.type_xxlarge .box_table.type2 {margin:33px 0 30px;}
.area_layer.type_xxlarge .box_table.type3 {border-bottom:0 none !important;}
.area_layer.type_xxlarge .non_data2 {border-bottom:1px solid #e1e1e1; line-height:173px;}
.area_layer.type_xxlarge .box_btn {margin:20px 0 0 0; text-align:center;}
.area_layer.type_xxlarge .box_btn2 {float:right;}
.area_layer .box_list.type1 {border-top:2px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.area_layer .box_list.type1.line {border-top:2px solid #555;}
.area_layer .box_list.type1:after {display:block; clear:both; content:"";}
.area_layer .box_list.type1 ul {float:left; width:439px;}
.area_layer .box_list.type1 ul + ul {margin-left:65px;}

.CPFLL0301_01 .area_layer.detailview_loan {width:1024px; height:640px;}
.CPFLL0301_01 .area_layer.detailview_loan .tit_btn_area {margin-top:-39px;}
.CPFLL0301_01 .area_layer.detailview_loan .box_list.type1 li.last {border-bottom:none;}

.area_layer .box_list.type1 li {overflow:hidden; padding:16px 0; border-top:1px solid #f0f0f0; color:#666; text-align:left}
.area_layer .box_list.type1 li:first-child {border:0;}
.area_layer .box_list.type1 li span {float:right; color:#000;}
.area_layer .box_list.type1 li .important {font-weight:normal; font-family:"YouandiModernHEB";}
.area_layer .box_list.type1 li.last {border-bottom:1px solid #f0f0f0;}
.area_layer .inquery_box3 + .list_style02 {margin-top:15px;}
.area_layer .list_info_1 > li {padding-left:185px; text-align:left;}
.area_layer .list_info_1 > li > .tit {left:24px; width:100px; color:#666;}
.area_layer .list_info_1 > li > .tit.type1 {width:150px;}
.area_layer .list_info_1 .radio_type_noTitle {padding-left:0px; border-top:none;}
.area_layer .list_info_1 .radio_type_noTitle_1 {padding-left:0px; border-top:none;}
.area_layer .list_info_1 .radio_type_noTitle .input_type {margin:0px;}
.area_layer .list_info_1 .radio_type_noTitle .type_2 {padding:0 2px;}
.area_layer .list_info_1 .radio_type_noTitle  .form_select {margin:0px; padding-top:10px;}
.area_layer .list_info_1 .radio_type_noTitle .select_wrap {width:239px;}
.area_layer .list_info_1 .input_email {margin-top:6px; margin-left:178px; width:168px;}
.area_layer .list_dot_1 {text-align:left;}
.area_layer .box_content .info_list3 {width:100%;  border-bottom:1px solid #e1e1e1;}
.area_layer .box_content .info_list3 > li {padding:16px 0 9px 24px; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.area_layer .box_content .info_list3 > li:after {display:block; content:''; clear:both;}
.area_layer .box_content .info_list3 > li:first-child {padding-top:0; border-top:0 none;}
.area_layer .box_content .info_list3 .tit {float:left; width:160px; text-align:left;}
.area_layer .box_content .info_list3 .tit2 {float:left; width:120px; text-align:left;}
.area_layer .box_content .info_list3 .tit3 {float:left; width:100px; text-align:left; line-height:40px;}
.area_layer .box_content .info_list3 .tit4 {float:left; width:100px; text-align:left;}
.area_layer .box_content .info_list3 .tit5 {float:left; width:160px; color:#000; text-align:left;}
.area_layer .box_content .info_list3 .tit6 {float:left; width:160px; text-align:left; line-height:40px}
.area_layer .box_content .info_list3 .tit7 {float:left; width:160px; text-align:left;}
.area_layer .box_content .info_list3 .tit8 {float:left; width:136px; text-align:left;}
.area_layer .box_content .info_list3 .form {float:left; width:315px; color:#000; text-align:left;}
.area_layer .box_content .info_list3 .form .list_type {font-size:13px; color:#666;}
.area_layer .box_content .info_list3 .form2 {float:left; width:230px; color:#000; text-align:left;}
.area_layer .box_content .info_list3 .form3 {float:left; width:285px; color:#000; text-align:left;}
.area_layer .box_content .info_list3 .form4 {float:left; width:757px; color:#000; text-align:left;}
.area_layer .box_content .info_list3 .txt {line-height:40px}
.area_layer .box_content .info_list3 .txt2 {color:#666; font-size:13px;}
.area_layer .box_content .info_list3 .info_block {display:block; margin:0 0 5px 0;}
.area_layer .box_content .info_list3 .zip_cod {margin:0 5px 0 0;}
.area_layer .box_content .inquery_box {text-align:left;}
.area_layer .cmt1 {padding:25px 14px 5px;font-size:14px;}

/* 일부결제금액이월약정(리볼빙) 안내문 */
.info_box {text-align: left;}
.info_box > header {margin-bottom: 15px;}
.info_box > header h4 {font-size: 17px;}
.info_box .info_content h5 {padding: 15px 25px; border-top: 2px solid #666; border-bottom: 1px solid #f0f0f0; font-size: 15px; line-height: 24px; background-color: #fafafa;}
.info_box .info_content > div {padding: 25px 24px;}
.info_box .info_content > div .list_style01 {margin-top: 0;}
.info_box .info_content .top {border-bottom: 1px solid #e1e1e1;}
.info_box .info_content .top .list_style01 {}
.info_box .info_content .top .list_style01 li {font-size: 15px; color: #666;}
.info_box .info_content .top .list_style01 strong {}
.info_box .info_content .top .list_style01 .underline {color: #000 !important; border-color: #000 !important;}
.info_box .info_content .bottom p {font-size: 13px; line-height: 24px;}
.info_box .info_content .bottom .list_style01 {margin-top: 10px;}
.info_box .info_content .bottom .money {margin-top: 30px;}
.info_box .info_content .bottom .warring {margin-top: 15px; color: #666;}
.info_box .info_content .table_box {padding: 0; border-top: 2px solid #e1e1e1;}
.info_box .info_content .table_box table {border-bottom: 1px solid #e1e1e1;}
.info_box .info_content .table_box table th,
.info_box .info_content .table_box table td {padding: 15px 0 15px 24px; border-top: 1px solid #f0f0f0; text-align: left !important;}
.info_box .info_content .table_box table th {font-size: 15px; vertical-align: middle; color: #666;}
.info_box .info_content .table_box table td {font-size: 13px; border-right: 0 none; line-height: 24px;}
.info_box .info_content .table_box table td.text_right {text-align: right !important;}
.pop_box_cash {padding:40px 40px !important;}
.pop_box_cash h3 {margin-bottom:0px; border-bottom:none; font-size:21px; color:#000;}
.pop_box_cash .h_type {padding-bottom:20px;}
.pop_box_cash .info {font-size:15px; color:#666; line-height:22px;}
.pop_box_cash .btn_area {margin-top:20px;}
.pop_box_cash .btn_area.type_1 {margin-top:35px;}

/* M포인트 적립 및 관리 기준 */
.area_layer .box_content .info_outer_w3 {position:relative;padding-left:184px; margin-bottom:17px; border-bottom:1px solid #e1e1e1;}
.area_layer .box_content .info_outer_w3 .h_tit {position:absolute; left:24px; top:0;}
.area_layer .box_content .info_list4 > li {padding:16px 0 16px 0; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.area_layer .box_content .info_list4 > li:after {display:block; content:''; clear:both;}
.area_layer .box_content .info_list4 > li:first-child {padding-top:0; border-top:0 none;}
.area_layer .box_content .info_outer_w3 .info_list4 .tit8 {float:left; width:88px; text-align:left; font-size:13px;color: #000;}
.area_layer .box_content .info_outer_w3 .info_list4 .form5 {float:left; width:640px; color:#666; text-align:left;}

/* 굿네이버스팝업 */
.good_naver {margin-bottom:25px;}
.area_layer.giropage,
.area_layer.giropage_02 {width:630px;}
.area_layer.giropage h3,
.area_layer.giropage_02 h3 {text-align:left;}

.giro_area {position:relative; background-color:#f9f9fb;}/* 카드 전표 */
.giro_area.vscroll {height:630px;}
/*.giro_area:before,
.giro_area:after,
.giro_area .giro_inner:before,
.giro_area .giro_inner:after {display:block; position:absolute; width:1px; height:41px; background-color:#e1e1e1; content:'';}
.giro_area:before {top:0; left:0;}
.giro_area .giro_inner:after {top:0;right:0;}
.giro_area .giro_inner:before {bottom:0; left:0;}*/
.giro_area:after {bottom:0;right:0;}
.giro_area .giro_inner {padding:41px 0; border:1px solid #e1e1e1; background-color:#f9f9fb;}
.giro_area .giro_content {padding:16px 71px 19px 70px; background:url(/image/bg/bg_giro_01_1.png) repeat-y 50% -6px; text-align:left;}
.giro_area .giro_content .h4_tit_1 {margin-bottom:9px; font-family:'YouandiModernHEB';}
.giro_content > strong {display:block; margin-bottom:12px; font-weight:normal; font-size:15px;}
.giro_content > strong .member_number {font-family:"YouandiModernHEB";}
.giro_content > .member_giro {width:100%; font-size:13px;}
.member_giro {border-top:2px solid #555;}
.member_giro thead {display:none;}

.member_giro tbody th {padding:9px 0 9px 24px;border:1px solid #f0f0f0; border-left:none; font-weight:normal; color:#000; text-align:left;}
.member_giro tbody td {padding:9px 0 9px 26px; border:1px solid #f0f0f0; border-right:none; color:#666; word-break:break-all;}
.member_giro tbody tr:first-child th,
.member_giro tbody tr:first-child td {border-top:none;}

.member_giro tfoot td {padding:0; border-bottom:1px solid #ededed; background:#fafafa; text-align:right;}
.member_giro tfoot .price_area {display:block;}
.member_giro tfoot .price_area.fr {display:block; float:right;}
.member_giro tfoot .price_area li {position:relative; padding:9px 24px 9px; border-top:1px solid #ededed; color:#666; text-align:left; background:#fafafa;}
.member_giro tfoot .price_area li:after{display:block; content:''; clear:both;}
.member_giro tfoot .price_area li:first-child {border-top:0;}
.member_giro tfoot .price_area li span {position:absolute; top:9px; right:24px; color:#000;}
.member_giro tfoot .price_area li span em {font-size:13px; font-family:"YouandiModernHEB"}
ul.giro_desc {display:inline-block; margin-top:20px; font-size:13px; color:#666; line-height:14px;}
ul.giro_desc:after {display:block; clear:both; content:"";}
ul.giro_desc li {display:inline;}
ul.giro_desc li:first-child {padding-right:10px; margin-right:10px; border-right:1px solid #7a7a7a;}
ul.giro_desc li a {color:#666;}
p.giro_desc {margin-top:4px; font-size:13px; line-height:14px; color:#666;}
p.giro_desc + .btn_area {margin:40px 0 -6px}
.area_layer.giropage p.giro_desc + .btn_area2,
.area_layer.giropage_02 p.giro_desc + .btn_area2,
.area_layer.verification_02 .btn_area2 {position: absolute; top:24px; right:39px; margin: 0;}
.area_layer.giropage .mCSB_container p.giro_desc + .btn_area2,
.area_layer.giropage_02 .mCSB_container p.giro_desc + .btn_area2,
.area_layer.verification_02 .mCSB_container .btn_area2 {position: absolute; top:0; right:0; margin: 0;}
#printLayer.area_layer.giropage .mCustomScrollbar,
#printLayer.area_layer.giropage_02 .mCustomScrollbar,
#printLayer.area_layer.verification_02 .mCustomScrollbar {overflow:overflow: visible !important;height: 897px;}

.layer_table .left_type {padding:16px 0 15px 25px !important; text-align:left !important}
.layer_table.type1 {font-size:15px;}
.layer_table.type1 thead th {padding:0 0 15px;  font-weight:normal; text-align:left; color:#000;}
.layer_table.type1 .pad_1 {padding-right:24px;}
.layer_table.type1 thead th:first-child {padding-left:24px;}
.layer_table.type1 tr > * {border-bottom:1px solid #f0f0f0;}
.layer_table.type1 td {padding:16px 0 15px; text-align:left; color:#666}
.layer_table.type1 td:first-child {padding-left:24px;}
.layer_table.type1.line {border-bottom:1px solid #e1e1e1;}
.layer_table.type1.line thead th {padding:16px 0 15px; border-top:2px solid #555;}
.layer_table.type1.line tr > * {border-left:1px solid #f0f0f0; border-bottom:0; border-top:1px solid #f0f0f0;}
.layer_table.type1.line tr > *:first-child {border-left:0;}
.layer_table.type1.line td.none_line, .layer_table.type1.line th.none_line{border-left:0;}
.layer_table.type1.line tbody td {font-size:13px;}
.layer_table+.list_style01 {margin-top:16px;}
.layer_table.type2.line {border-top:2px solid #555;}
.layer_table.type2.line2 {border-top:2px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.layer_table.type2 {border-bottom:1px solid #f0f0f0;}
.layer_table.type2 thead th {padding:16px 0; font-weight:normal; color:#666; text-align:left}
.layer_table.type2 tbody td {padding:16px 0; border-top:1px solid #f0f0f0; color:#000; text-align:left; vertical-align:top}
.layer_table.type2 thead th.type1,
.layer_table.type2 tfoot td.type1,
.layer_table.type2 tbody td.type1 {padding-right:24px; text-align:right}
.layer_table.type2 thead th:first-child,
.layer_table.type2 tbody td:first-child {padding-left:24px;}
.layer_table.type2 tfoot td {padding:16px 0; border-top:1px solid #e1e1e1; background:#fafafa;}
.layer_table.type2 tfoot td:first-child {padding-left:24px; text-align:left}
.layer_table.type2 tfoot strong {font-weight:normal; font-family:"YouandiModernHEB"}
.layer_table.type2 .small_txt {display:block; font-size:13px; color:#666;}
.box_table .layer_table.type3 thead th,
.box_table .layer_table.type3 tbody td {text-align: center;}
.layer_table.type4 {font-size:13px;}
.layer_table.type4.line {border-top:1px solid #e1e1e1;}
.layer_table.type4 tr > * {border-bottom:1px solid #e1e1e1;}
.layer_table.type4 td {padding:16px 0; text-align:left; color:#666}
.layer_table.type4 th {padding:16px 0;}
.layer_table.type4 td:first-child {padding-left:24px;}
.infor_box.type7 span + p + table {margin-top:22px;}

/* 카드매출 영수증 */
.member_giro tfoot .price_area .total {font-weight:300; font-size:13px; padding-left:75px; color:#000; vertical-align:middle; font-family:'YouandiModernTR';}
.member_giro tfoot .price_area .won {float:none; padding-left:3px; font-size:15px; color:#000; vertical-align:middle;}
.member_giro tfoot .price_area .total_prices {float:none; font-size:21px; padding-left:20px; font-family:'YouandiModernHEB'; color:#000; vertical-align:middle;}

/* 배송조회 */
.layer_table.type1 .light_blue {font-size:15px; color:#1e75d6; text-decoration:underline;}

/* tooltip */
.box_tooltip {position:relative;}
.box_card .box_tooltip .event_cashback {height:20px; width:auto !important; margin-left:10px;}
.layer_tooltip {display:none; position:absolute; top:0; left:0; z-index:10; min-width:100%; background-color:#fff; font-size:13px; line-height:24px; color:#666;}
.layer_tooltip.hover{display:block;}
.tooltip_fee .layer_tooltip {top:0px;}
.layer_tooltip > .tooltip {padding:7px 15px 13px; border:1px solid #e5e5e5; font-size:12px; line-height:23px; color:#666;}
.layer_tooltip > .tooltip .info2 {line-height:18px;}
.layer_tooltip > .tooltip .info2 .main-txt { margin-top:5px !important;}
/* 2019-01-11 코스트코 신규 상품 브릿지페이지 연회비 부분 */
.layer_tooltip > .tooltip .info2 + .list_style02{margin-top:5px}
.layer_tooltip > .tooltip .list_style02{}
.layer_tooltip > .tooltip .list_style02 li{line-height:18px;font-size:12px}
.layer_tooltip > .tooltip .list_dot_2{margin:0}
.layer_tooltip > .tooltip .list_dot_2 li{line-height:18px;font-size:12px}
.layer_tooltip > .tooltip .hcbtn1{line-height:18px;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);}
}


/* form error txt */
.error_txt {display:none; padding:10px 0 0 11px; line-height:1.2; color:#fc3636; font-size:13px; background:url(/image/common/bul_list_04.png) no-repeat 0 14px; clear:both; text-align:left}
.error_txt.show {display:inline-block;}
.error_txt.show_2 {display:inline-block;float:left;margin-top: 4px;line-height:13px;}
.error_txt_01 {display:none; float:right; padding:10px 0 0 11px; line-height:1.2; color:#fc3636; font-size:13px; background:url(/image/common/bul_list_04.png) no-repeat 0 14px; clear:both; text-align:left}
.error_txt_01.show {display:block;}
.description {display:none;}
.validate.error {font-size:13px; line-height:1.2; color:#fc3636; padding:10px 0 0 11px; background:url(/image/common/bul_list_04.png) no-repeat 0 14px; clear:both; text-align:left;}
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;}

/* perfect-scrollbar v0.6.5 */
.ps-container{-ms-touch-action:none; overflow:hidden}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}
.area_layer > .ps-scrollbar-y-rail {margin-right:60px;}
.ps-container.ps-in-scrolling{pointer-events:none}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:rgba(0,0,0,2)}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:0.9}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:rgba(0,0,0,2)}
.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute; bottom:3px;height:4px}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa; bottom:0;height:4px}
.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute; right:3px;width:4px;}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa; right:0;width:4px}
.ps-container.ps-in-scrolling{pointer-events:none}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}
.ps-container>.ps-scrollbar-x-rail,.ps-container>.ps-scrollbar-y-rail{}
.ps-container>.ps-scrollbar-x-rail{background-color:#eee}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}
.ps-container>.ps-scrollbar-y-rail{background-color:#eee}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}

/* 오류&로그아웃 화면  */
.notipage .content {width:100%;  margin:150px auto 120px; text-align:center}
.notipage .notipage_title_txt  {margin:77px 0 0; font-size:34px; color:#000; line-height:44px;}
.notipage .stm_logo  {margin:80px 0 24px;} /* 2020-05-04 GGU282 - 정부 긴급재난지원금 신청 - 추가 */
.notipage .stm_logo + .notipage_title_txt  {margin-top:24px;} /* 2020-05-04 GGU282 - 정부 긴급재난지원금 신청 - 추가 */
.notipage .notipage_desc_txt  {margin:23px 0 0; font-size:15px; color:#666; line-height:24px; font-family: 'YouandiModernTR';}
.notipage .btn_area {margin:34px 0 0;}
.notipage.type1 .content {position:static; width:1080px; margin:0 auto 80px;}
.notipage .content.error_page {margin:180px auto 120px;}
.notipage .content.error_page.stm_page {margin:120px auto 120px;}/* 2020-05-04 GGCN45 - 정부 긴급재난지원금 사용내역 임시페이지 - 추가 */
/* 2020-06-01 GGCQ62 - 혜택빌런추가 */
.notipage .card_box{margin-top:10px;}
.notipage .card_box a{position:relative; display:inline-block; height:80px; margin-right:50px; padding:20px 0 0 114px;}
.notipage .card_box a:after{content:''; position:absolute; z-index:-1; top:0; left:0; display:block; width:156px; height:100px; background:url(/image/common/stm_pc_banner.png) 0 0 no-repeat;}
.notipage .card_box a img{position:absolute; left:0; top:0;}
.notipage .card_box strong{position:relative; z-index:1; font-size:21px; color:#333;}
.notipage .card_box p{position:relative; z-index:1; margin-top:12px; font-size:14px; color:#666;}
/* //2020-06-01 GGCQ62 - 혜택빌런추가 */

/* 2020-05-07 GGCQ62 - [기타] 긴급재난지원금 신청 신규 제작 myaccount.css 에서가져옴 */
.gray_box.type_2{margin-top:15px; padding:24px 0; background:#f6f6f6;}
.gray_box.type_2 dl{font-size:17px;line-height:22px;padding:4px 0;}
.gray_box.type_2 dl:after{content:'';display:block;clear:both;}
.gray_box.type_2 dt{float:left;box-sizing:border-box;width:50%;text-align:right;color:#000;}
.gray_box.type_2 dd{float:left;box-sizing:border-box;min-width:100px;padding-left:10px;text-align:right;color:#1e75d6;}
.gray_box.type_3{margin-top:5px; padding:24px; background:#f6f6f6;}
.gray_box.type_4{margin-top:5px; padding:24px 30px; background:#f6f6f6;}
.gray_box.type_5{padding:40px; background-color:#f5f5f5; border:none;} /* 2020-05-11 GGCQ62 - 뉴스/공지 */
/* //2020-05-07 GGCQ62 - [기타] 긴급재난지원금 신청 신규 제작 myaccount.css 에서가져옴 */

/* 달력 */
.use_calender {overflow:visible; visibility:visible; position:relative; font-size:0;}
.use_calender:after {display:block; clear:both; content:'';}
.use_calender .use_date {display:inline-block; margin:0 12px 0 0; vertical-align:middle;}
.input_group.use_calender .use_date {margin-right:0;}
.use_calender .use_date .radiobox li label {width:79px;}
.use_calender .use_date.type2 .radiobox li label {width:138px;}
.use_calender .direct_cld {display:inline-block; vertical-align:middle;}
.use_calender .direct_cld.type1 {display:inline-block; vertical-align:middle; margin-top:1px;}
.use_calender .direct_cld.type2 {margin:15px 0 0 0;}
.use_calender .hcbtn_midium,
.use_calender .hcbtn_large {margin:0 0 0 10px;}
.use_calender .essential {float:left; margin:13px 0 0 15px; color:#fc3636; font-size:12px;}
.use_calender .essential span {vertical-align:-3px}
.use_calender input[type=text] {height:30px; line-height:30px;}
.use_calender .hcbtn_midium.type1 {vertical-align:top;}
.direct_cld {position:relative; font-size:15px;}
.direct_cld label {position:relative; display:inline-block;}
.direct_cld.type1 label:first-child {position:relative; display:inline-block; margin-right:5px;}
.direct_cld label .btn_cld {position:absolute; right:8px; top:6px; width:20px; height:20px; background:url(/image/icon/icon_calender.png) no-repeat 0 0;}
.input_group .direct_cld label .btn_cld {top:9px;}
.use_calender.input_group .direct_cld label .btn_cld {top:5px;}
.cld_box {display:none; z-index:9; position:absolute; top:50px; width:219px; border:1px solid #e1e1e1; background-color:#fff;}
.cld_box.left {left:0;}
.cld_box.right {right:0;}
.cld_box .cld_inner {overflow:hidden; margin:0 0 6px;}
.cld_box .cld_header {position:relative; height:74px; background:#666;}
.cld_box .cld_header > button {display:inline-block; position:absolute; top:0; width:45px; height:74px; background:#666 url(/image/btn/sp_cld_arrow2.png) no-repeat;}
.cld_box .cld_header > button.off {cursor:default;}
.cld_box .cld_header > button.cld_prev {left:0; background-position:0 0;}
.cld_box .cld_header > button.cld_next {right:0; background-position:-45px 0;}
.cld_box .cld_header > button.cld_prev.off {background-position:0 -74px;}
.cld_box .cld_header > button.cld_next.off {background-position:-45px -74px;}
.cld_box .cld_header .cld_title { font-size:0; line-height:0; text-indent:-9999px;}
.cld_box .cld_header .cld_title > span{ display:block; color:#fff; font-size:13px; text-align:center; text-indent:0; line-height:1;}
.cld_box .cld_header .cld_title > span.cld_yy{ padding:14px 0 5px; font-size:15px;}
.cld_box .cld_header .cld_title > span.cld_mm{ font-size:30px;}
.cld_box .cld_content {width:92.8%; margin:6px auto 1px;}
.cld_box .cld_content thead th,
.cld_box .cld_content tbody td {border:0 none !important; color:#666; font-weight:normal; font-size:12px; text-align:center !important;}
.cld_box .cld_content thead tr th { display:table-cell !important; height:auto !important; background:none !important;}
.cld_box .cld_content tbody tr:first-child td {border-top:0 none !important;}
.cld_box .cld_content thead th {padding:9px 0 7px !important;}
.cld_box .cld_content thead th span {float:none !important;}
.cld_box .cld_content tbody td {padding:0 !important;}
.cld_box .cld_content tbody td > a {display:block; padding:7px 0 !important;}
.cld_box .cld_content tbody td > a:hover {text-decoration:underline;}
.cld_box .cld_content tbody td > a.on {color:#fff; font-family:'YouandiModernHEB'; background:#999;}
.cld_box .cld_content tbody td > .state_default { padding:7px 0 !important; color:#bebebe;}

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

/* 본인인증 영역 */
.citation_area {margin-top:15px; border-top:2px solid #555;}
.citation_area.type_1 {border-top:none;}
.citation_area.type_2 {margin-top:16px;}
.citation_box .modify .modify_box{display:block;}
.citation_box .on_num .modify_box{display:none;}
.citation_box .modify .modify_box_1{display:none;}
.citation_box .on_num .modify_box_1{display:block;}
.title_section + .citation_area {margin:0;}

/* list */
.box_list_info_1 {margin:33px auto 0;}
.box_list_info_1.type_1 {margin-top:0;}
.box_list_info_1.type2 {margin-top:30px !important;}
.content_header + .content .box_info_1:first-child,
.content_header + .content .box_list_info_1:first-child,
.contents_header + .content .box_list_info_1:first-child,
.contents_header + .box_pad_1 .box_list_info_1:first-child,
.contents_header + .box_pad_2 .box_list_info_1:first-child,
.contents_header + .box_pad_4 .box_list_info_1:first-child,
.contents_header + .box_content .box_list_info_1:first-child,
.contents_header + .box_content_2 .box_list_info_1:first-child,
.process + .contents_inner .card_select_section.first .box_list_info_1 {margin-top:40px;}
.area_content.type_bg + .area_content.type_1 {margin-top:80px;}
.box_content.type_pad_1 {margin-top:-48px;}
.box_list_info_1.type_2 {border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
.box_list_info_1.type_3 {width:856px; margin-top:0;}
.box_list_info_1.type_4 {margin:80px auto 0;}
.box_list_info_1.type_5,
.box_list_info_1 + .box_list_info_1.type_5 {margin:40px auto 0;}
.box_list_info_1.type_6 {width:680px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;}
.box_list_info_1 + .box_list_info_1 {margin-top:73px;}
.box_list_info_1 + .box_list_info_1.type_4 {margin-top:80px;}
.box_list_info_1 > h2 { font-size:21px; line-height:28px;}
.box_list_info_1 > h2.type_2 { font-size:21px; line-height:20px;}
.box_list_info_1 > h2.type_1 {margin-bottom:15px; font-size:41px; color:#010101; text-align:center;}
.box_list_info_1 > h2 + p.type_1 {padding:10px 0; font-size:15px; line-height:23px; color:#666; text-align:center;}
.box_list_info_1 .btn_txt {text-align:right; padding-top:18px;}
.box_list_info_1 .btn_left > * {margin-left:15px; vertical-align:middle;}
.box_list_info_1 .btn_right {float:right;}
.box_list_info_1 .txt_right { text-align:right;}
.box_wid_1 {width:856px; margin:0 auto;}
.box_wid_3 {width:680px; margin:0 auto;}
.box_wid_1 .list_info_3.type_3 {width:100%;}
.box_wid_1 .list_dot_1 {text-align:left;}
.span_pos_btn {float:right;}
.list_info_1 {margin-top:16px; border-top:2px solid #555; border-bottom:1px solid #e1e1e1; margin-bottom:-1px;}
.list_info_2 {margin:7px auto 33px; text-align:center; vertical-align:top;}
.list_info_1 .guide {vertical-align:middle;}
.list_info_1 .guide.type1 {margin-top:5px;}
.list_info_1.type_1 {margin-top:0; border-top:1px solid #f0f0f0; border-bottom:none; margin-bottom:0;}
.list_info_1.type_3 {margin:0; border-top:none; border-bottom:none; margin-bottom:0;}
.list_info_1.type_4 {margin:0; border-bottom:1px solid #e1e1e1; margin-bottom:0;}
.list_info_1.type_5 {border-bottom:1px solid #e1e1e1; margin-bottom:0;}
.list_info_1.type_7 {padding-top:15px; padding-bottom:15px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:0;}
.list_info_1.type_8 {margin-top:0; padding-top:5px; border-top:none; border-bottom:none; margin-bottom:0;}
.list_info_1.type_9 {margin-top:0; border-top:none; border-bottom:1px solid #e1e1e1; margin-bottom:0;}
.list_info_1.type_11 {border-bottom:1px solid #e1e1e1; margin-top:14px; margin-bottom:0;}
.list_info_1.type_12_2 {border-bottom:1px solid #e1e1e1; margin-top:12px; margin-bottom:0;}
.list_info_1.type_14 {margin-top:15px; border-bottom:none; margin-bottom:0;}
.list_info_1.type_15 {margin-top:17px; border-bottom:none; margin-bottom:0;}
.list_info_1.type_16 {margin-top:18px; border-bottom:none; margin-bottom:0;}
.list_info_1.type_17{padding:30px 60px 0 60px; border-bottom:none; margin-bottom:0;}
.list_info_1.type_17 > p {font-size:15px; line-height:22px; color:#666;}
.content_article .list_info_1.type_9 .tit {top:14px; color:#000;}
.list_info_1.type_10 {margin-top:0; border-top:none; border-bottom:none; margin-bottom:0;}
.list_info_1 > li {position:relative; min-height:40px; padding:14px 0 14px 264px; border-top:1px solid #f0f0f0; font-size:15px; color:#666;}
.list_info_1 > li.txt_noti {padding-left:64px;}
.list_info_1.type_2 > li {padding-left:176px; border-top:none;}
.list_info_1.type_3 > li {padding-left:200px; font-size:13px; line-height:22px; color:#000;}
.list_info_1.type_4 > li {min-height:23px; padding-top:15px; padding-bottom:15px; font-size:13px; color:#666;}
.list_info_1.type_6 > li {padding-left:352px;}
.list_info_1.type_7 > li {min-height:0; padding:5px 0 5px 176px; border-top:none;}
.list_info_1.type_8 > li {padding-left:176px; padding-top:5px; padding-bottom:5px; border-top:none;}
.list_info_1.type_8 > li:after {display:block; clear:both; content:'';}
.list_info_1.type_9 > li {padding-right:64px;}
.list_info_1 .type_10:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_info_1.type_12 > li {padding-left:440px;}
.list_info_1.type_13 > li {padding:15px 0 14px 264px !important;}
.list_info_1.type_13 > li p.list_style02 {margin-top:15px !important; background-position:left 4px; line-height:1.2;}
.list_info_1 > li.type_1 {min-height:23px; padding-top:15px; padding-bottom:15px; line-height:23px; color:#000;}
.list_info_1 > li.type_1 p.list_dot_1,
.list_info_1 > li.type_1 .list_dot_1 li  {color:#000;}
.list_info_1 > li.type_1_1 {min-height:50px;}
.list_info_1 > li.type_1_1 .mem_type {padding-top:12px;}
.list_info_1 > li.add_pop_sty {padding-left:0px; padding-bottom:0; border-top:none;}
.list_info_1 > li.add_pop_sty:first-child {margin-bottom:15px;}
.list_info_1 > li.add_pop_sty .tit {position:static; font-size:15px; color:#000;}
.list_info_1 > li.add_pop_sty .list_dot_1 li {font-size:13px; color:#666;}
.list_info_1 > li.add_pop_sty .list_dot_1 .list_dot_2 li {padding-left:4px;}
.list_info_1 > li.add_pop_sty .list_dot_1 .list_dot_2 li:before {top:-1px; left:-2px; color:#666; content:'·';}
.list_info_1 > li:first-child {border-top:none;}
.list_info_1 > li.type_2 {padding-top:0; padding-bottom:0;}
.list_info_1 > li > h3,
.list_info_1 > li > .tit {position:absolute; top:24px; left:64px; width:200px; font-size:15px; line-height:22px; color:#666;}
.list_info_1 > li > .tit.type3 {top:17px;}
.list_info_1 > li > .tit_sty01 {top:10px;}
.list_info_1 > li > .txt {font-size:13px; line-height:24px; color:#666;}
.list_info_1 > li > .txt2 {font-size:15px; line-height:24px; color:#000;}
.list_info_1 > li > .txt3 {padding-top:10px; font-size:15px; line-height:24px; color:#000;}
.list_info_1 > li.type_1 > h3,
.list_info_1 > li.type_1 > .tit {top:14px;}
.list_info_1 > li.type_2 > h3,
.list_info_1 > li.type_2 > .tit {top:16px;}
.list_info_1 > li .info {padding-top:18px; padding-left:0; font-size:15px; color:#666;}
.list_info_1 > li .info span {display:inline-block; padding-left:90px; color:#000;}
.list_info_1 > li .sty_info {display:none;}
.list_info_1.type_3 > li > h3,
.list_info_1.type_3 > li > .tit {top:16px; left:0; color:#666;}
.list_info_1.type_4 > li > h3,
.list_info_1.type_4 > li > .tit {top:14px; font-size:15px; color:#000;}
.list_info_1.type_4 > li > .tit.type_1 {top:50%; margin-top:-28px;}
.list_info_1.type_4 > li > .tit.type_1 span {margin:0;  line-height:0; text-indent:-10000px;}
.list_info_1.type_4 > li > .tit.type_2 {top:16px;} /* 2021-09-06 GGU282 - 추가 */
.list_info_1.type_5 > li > h3, .list_info_1.type_5 > li > .tit {left:64px;top:21px;}
.list_info_1.type_6 > li > .tit {width:288px;}
.list_info_1.type_7 > li > .tit {top:8px; width:100px;}
.list_info_1.type_7 > li > .tit.type1 {padding-left:39px; width:130px;}
.list_info_1.type_8.type1 > li > .tit {top:12px; left:0; width:170px; color:#000;}
.list_info_1.type_8.type1 > li > .tit.tit_br {top:4px;}
.list_info_1.type_8 > li > .tit {top:14px; left:0; width:170px; color:#000;}
.list_info_1.type_8 > li > .tit2 {position:absolute; top:0px; left:0; width:170px; color:#000;}
.list_info_1.type_9 > li > h3, .list_info_1.type_9 > li > .tit {left:64px;top:21px;}
.list_info_1.type_10 > li > .tit {color:#000;}
.list_info_1.type_14 > li > h3, .list_info_1.type_14 > li > .tit {left:64px;}
.list_info_1 > li.type_3 {padding-bottom:0;}
.list_info_1 > li.type_3 .list_style02 {padding-bottom:13px;}
.list_info_1 > li.type_4 {min-height:inherit;}
.list_info_1 > li.type_5 {padding-right:176px; padding-top:18px; padding-bottom:18px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background-color:#fafafa; font-size:13px; line-height:40px;}
.list_info_1 > li.type_5 .txt_point {position:absolute; top:18px; right:64px; font-size:21px; font-family:'YouandiModernHEB'; color:#000; text-align:right;}
.list_info_1 > li.type_5 > .tit {color:#000;}
.list_info_1 > li.type_6 {min-height:inherit; padding-top:20px; padding-bottom:17px;}
.list_info_1 > li.type_6 > .tit {top:20px; line-height:1}
/* 2018-03-16 수정 */
.list_info_1 > li.type_8 {padding-left:0;padding-left:9px;background:url(/image/common/bul_list_01.png) no-repeat 0 9px;line-height:22px;
	padding-top:0;padding-bottom:0;border:0}
.list_style_1 > li.type_8 {padding-left:0;padding-left:9px;background:url(/image/common/bul_list_01.png) no-repeat 0 9px;line-height:22px;
	padding-top:0;padding-bottom:0;border:0;text-align:left;color:#666;font-size:13px}
.btn_area .layer_close > span {width:180px}
.address_auto.person_agree {margin-top:50px}
.list_info_half > li {width:100%; display:table;}
.list_info_half > li > span {box-sizing:border-box; display:table-cell;}
.list_info_half > li > span:first-child {width:178px}
.list_info_half > li > span:last-child {color:#999;font-size:15px}
.list_info_half > li > span.checkbox {width:178px}
.list_info_half > li > span.content {color:#999;font-size:15px}

.kcbPrefill_list > .check_all {padding:20px 0px 24px 24px;border-bottom:1px solid #f0f0f0;display:inline-block;width:100%}
.kcbPrefill_list > span {padding:20px 0px 24px 24px;border-bottom:1px solid #f0f0f0;display:inline-block;width:100%}
.kcbPrefill_list > .subForm > li {padding:36px 0px 36px 24px;border-bottom:1px solid #f0f0f0}
.kcbPrefill_list > .subForm > li:last-child {border-bottom:0}
.kcbPrefill_list > .check_all label {color:#666}
.kcbPrefill_list .list_info_half {border-bottom:1px solid #e5e5e5;}
/* //2018-03-16 수정 */

.list_info_1 .phone .form_select {width:176px;}
.box_layer .list_info_1 .phone .form_select {width: 80px;}
.list_info_2 .tit {display:inline-block; margin-right:24px;font-size:15px; line-height:40px; color:#666; vertical-align:top;}
.list_info_2 .input_group {display:inline-block;}
.list_info_2 .input_group .list_style01 {margin-top:11px;}
.type_border {margin-top:15px; padding:20px 64px; border-top:2px solid #555; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; vertical-align:middle;}
.choice_group_1 {margin-top:15px; border-top:2px solid #000;}
.box_style_posit {position:relative;}
.box_style_posit .input_group {position:absolute; top:0px; right:0px;}
.title_section + .list_info_3 {margin:0;}
.list_info_3 {margin:18px 0 0; border-top:2px solid #555; border-bottom:1px solid #e1e1e1; font-size:0;}
.list_info_3:after {display:block; clear:both; content:'';}
.list_info_3 > li {float:left; position:relative; width:50%; border-top:1px solid #f0f0f0; font-size:15px; line-height:53px; color:#000;}
.list_info_3 > li.line {border-bottom:1px solid #f0f0f0;}
.list_info_3 > li:first-child,
.list_info_3 > li:first-child + li {border-top:none;}
.list_info_3.type_1 > li,
.list_info_3 > li.type_1 {width:100%;}
.list_info_3.type_1_1 > li {position:relative; padding-left:176px;}
.list_info_3.type_1_1 > li > span {position:absolute; top:0; left:0;}
.list_info_3 > li > span {display:inline-block; width:200px; padding-left:64px; color:#666;}
.list_info_3.type_1 > li > span {width:176px; padding-left:0;}
.list_info_3.type_2,
.list_info_3.type_3 {width:680px; margin:0 auto;}
.list_info_3.type_2 li {width:100%;}
.list_info_3.type_1 li:first-child + li,
.list_info_3.type_2 li:first-child + li,
.list_info_3.type_3 li:first-child + li {border-top:1px solid #f0f0f0;}
.list_info_3.type_3 li {float:none; width:auto; padding-left:400px; padding-right:64px; text-align:right;}
.list_info_3.type_3 li strong {font-family:'YouandiModernHEB';}
.list_info_3.type_3 li > span  {position:absolute; top:0; left:0; width:336px; text-align:left;}
.list_info_3.type_no_line {border-bottom:none;}
.visual_txt .noti + .list_info_3.type_3 {margin-top:28px;}
.contents_inner .end_tbl {margin-top:40px;}
.end_tbl .info_adres {padding-left:0px !important;}
.end_tbl .info_adres strong {font-size:15px; color:#000; font-family: YouandiModernTR !important; font-weight: normal;}
.list_info_3.type_3 .list_typ {padding-left:270px;}
.list_info_3.type_3 .list_typ > span {width:155px;}
.list_info_3.type_3 .list_typ > strong {display:block; text-align:left; font-weight:normal; font-family:YouandiModernTR;}
.list_info_3.type_3 .list_typ.type_receive {padding-right:0; text-align:left;}
.list_info_3.type_3 .list_typ.type_receive .radiobox {float:left; padding:15px 0;}
.list_info_3.type_3 .list_typ.type_receive .radiobox li {float:left; padding-left:0; padding-right:0; text-align:center; border-top:none;}
.list_info_3.type_3 .list_typ.type_receive .list_style01 {clear:both; margin-bottom:9px;}
.list_info_3.type_4 {width:680px; margin-left:auto; margin-right:auto;}
.list_info_3.type_4 > li {float:none; width:auto; padding-left:64px; font-size:0;}
.list_info_3.type_4 > li:first-child + li {border-top:1px solid #f0f0f0;}
.list_info_3.type_4 > li > * {display:inline-block;}
.list_info_3.type_4 > li .tit {width:288px; font-size:15px; color:#666;}
.list_info_3.type_4 > li .txt {width:264px; font-size:15px; color:#000; text-align:right;}
.list_info_3.type_5 {margin-left:auto; margin-right:auto;}
.list_info_3.type_5 li {float:left; width:484px; text-align:right}
.list_info_3.type_5 li > span {float:left; padding:0; text-align:left}
.list_info_3.type_5 li.even {margin-left:64px;}
.list_info_3.type_5 li.line {border-bottom:1px solid #f0f0f0;}
.list_info_3.type_6.noline {border-top:0;}
.list_info_3.type_6 li > .tit {float:left; display:inline-block; width:200px; padding-left:64px; color:#666; font-weight:normal}
.list_info_3.type_6 li > .form {padding-left:264px;}
.list_info_3.type_7 {border-bottom:none;}
.list_info_3.type_8 {margin-top:16px;}
.list_info_4 {margin-top:15px; padding:25px 64px; border-top:2px solid #555; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.list_info_4:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.list_info_4 > .list_info_1 {float:left; width:440px; margin-right:24px;}
.list_info_4 > .list_info_1 {margin-top:0; border-top:none;}
.list_info_4 > .list_info_1 > li {min-height:27px; padding-left:112px; line-height:27px;}
.list_info_4 > .list_info_1 > li > .tit {left:0; top:16px;}
.list_info_4 > .list_info_1 > li > .txt_point {float:right; width:246px; font-size:21px; color:#000; text-align:right;}
.list_info_4 > .list_info_1 > li > .txt_point > span {font-size:15px;}
.list_info_4 > .txt {padding-top:18px; font-size:15px; line-height:24px; color:#666; text-align:center;}
.list_info_4 > .txt.type_1 {padding-top:37px;}
.gift_Area{ overflow:hidden; width:100%; border-top:2px solid #555; margin-top:15px;}
.gift_Area .list_info_4{ margin-top:0; border-top:0 none;}
.list_info_5 {margin:15px 0 0; border-top:2px solid #555; border-bottom:1px solid #e1e1e1; font-size:0;}
.list_info_5 > li {position:relative; padding:15px 64px 14px 264px; border-top:1px solid #f0f0f0; font-size:15px; line-height:24px; color:#000; min-height:25px;}
.list_info_5 > li:first-child {border-top:none;}
.list_info_5 > li > .tit {position:absolute; top:0; left:64px; width:200px; padding:15px 0 14px; color:#666;}
.list_info_5 > li > .tit.type_1 {padding:25px 0 0;}
.list_info_5 > li > .tit.type_2 { color:#000;}
.list_info_5.type_1 {margin-top:0; border-top:none; border-bottom:none;}
.list_info_5 > li.type_1{ margin-bottom:16px; padding:30px 0 30px 260px; border-top:0; background:#fafafa;}
.list_info_5 > li.type_2{padding:30px 10px 30px 264px;}
.list_info_5 > li.type_3{ margin-bottom:16px; padding:20px 0 20px 260px; border-top:0; background:#fafafa;}
.list_info_5 > li.type_4 { padding:15px 0 14px 264px;}
.list_info_5 > li.type_5 { padding:15px 0 14px 64px;}
.list_info_5 > li.type_6 {padding:0;background:none;}
.list_info_5 > li.type_7 {padding-top:0; padding-bottom:0;}
.list_info_5.type_1 {margin-top:0; border-top:0; border-bottom:1px solid #e1e1e1;}
.list_info_5.type_2 {margin-top:0; border-top:0; border-bottom:1px solid #e1e1e1;}
.list_info_5.type_2 > li:first-child {border-top:1px solid #f0f0f0;}
.list_info_5.type_3 > li{ border:0;}
.list_info_5.type_3 > li.type1{ margin-bottom:-6px; padding:15px 10px 0 264px;}
.list_info_5.type_4 {margin:5px 0 0 0; border:0 none;}
.list_info_5.type_4 > li {border:0; padding:5px 64px 4px 175px;}
.list_info_5.type_4 > li > .tit {position:absolute; top:12px; left:0; width:175px; padding:0; color:#000;}
.list_info_5.type_5 {margin:18px 0 0;}
.list_info_6 {margin-top:68px; margin-bottom:32px;}
.list_info_6:first-child {margin-top:33px;}
.list_info_6 h2 {margin-bottom:8px; font-size:21px; line-height:30px; color:#000;}
.list_info_6 h2.type1 {margin-bottom:14px;}
.list_info_6 h2.type2 {margin-bottom:9px;}
.list_info_6 h3 {margin-bottom:8px; font-size:21px; line-height:30px; color:#000;}
.list_info_6 h3.type1 {margin-bottom:14px;}
.list_info_6 h3.type2 {margin-bottom:9px;}
.list_info_6 .btn_area {margin:10px 10px 0 10px;}
.list_info_6 .btn_area01 {margin:10px 10px 0px 0px;}
.list_info_6 + .list_dot_1.type_3 {margin-top:0;}
.list_info_1 .date_mm_yy {display:inline-block; float:left; margin:0 10px 0 0;}
.list_info_1 .date_mm_yy:after {display:block; clear:both; content:'';}
.list_info_1 .date_mm_yy .mouse.type1 {margin-left:12px;}
.list_info_1 .date_mm_yy span {margin:0 6px;}
.list_info_1 .date_mm_yy span.txt {margin:0 3px;}
.list_info_1 .card_pass {float:left;}
.list_info_1 .card_pass + .guide {margin-top:11px;}
.list_info_1 .checkbox + .list_style01 {margin-top:11px;}
.list_info_1 .list_style01 {display:inline-block; margin-left:11px;}
.txt_guide1 {margin-top:14px; color:#666; font-size:13px;}
.txt_guide1.type_1 {text-align:right; margin-top:0px;}
.txt_guide1.type_2 {text-align:right;}
.txt_guide2 {margin-top:14px; color:#000; font-size:15px;}
.list_info_7 {margin-top:15px;border-top:2px solid #555;border-bottom:1px solid #e1e1e1;}
.list_info_7 > li > .tit {position:absolute; top:0; left:64px; width:200px; padding:15px 0 14px; color:#666;}
.list_info_7 li .use_point {overflow:hidden;margin:16px 0 0;}
.list_info_7 li .use_point .use_point_in {float:left;width:440px;}
.list_info_7 li .use_point .use_point_in .tit {float:left;padding-left:65px;height:40px;line-height:40px;}
.list_info_7 li .use_point .use_point_in input {float:right;width:149px;text-align:right;padding-right:15px;}
.list_info_7 li .guide {margin:9px 0 0 264px;}
.list_info_7 li .error_txt {margin:0 0 0 264px;}
.wrap_list_info_8.type_1 {border-top:2px solid #555;}
.wrap_list_info_8:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.wrap_list_info_8 .list_info_8 {float:left; width:484px; margin-left:64px;}
.wrap_list_info_8 .list_info_8:first-child {margin-left:0;}
.wrap_list_info_8.type_1 .list_info_8 {margin-top:0; border-top:none;}
.list_info_8 {border-top:2px solid #555;}
.list_info_8 > li {position:relative; padding:15px 0 14px; border-top:1px solid #f0f0f0; font-size:15px; line-height:24px; color:#000; text-align:right;}
.list_info_8 > li.type_line {border-bottom:1px solid #f0f0f0;}
.list_info_8 > li .tit {float:left; text-align:left; color:#666;}
.list_info_8 > li:first-child {border-top:none;}
.addon_comm:after {display:block; clear:both; visibility:hidden; height:0; content:'';}
.addon_comm > * {float:left;}
.addon_comm dt {clear:both; width:112px; margin:6px 0; padding:13px 0 12px; color:#000;}
.addon_comm.type_1 {padding:10px 0; line-height:23px;}
.addon_comm.type_1 dt {width:176px; margin:0; padding:5px 0;}
.addon_comm dt:first-child,
.addon_comm dt:first-child + dd {margin-top:0;}
.addon_comm dd .input_text input[type=text] {width:78px; margin-right:13px;}
.addon_comm dd {width:650px; margin:6px 0;}
.addon_comm.type_1 dd {width:590px; margin:0; padding:5px 0; font-size:15px; color:#000;}
.input_section {margin:0 auto;}
.input_section.first {margin:40px auto 0 auto;}
.input_section.second {margin:80px auto 0 auto;}
.input_section.second.list {margin:71px auto 0 auto;}
.input_section.type2 {margin:0 auto;}
.input_section.type2 .info_list {border-top:0 none;}
.input_section .radiobox + .list_style01,
.input_section .radiobox + .list_style02 {margin-top:7px;}
.input_section .radiobox + .list_style02.type_3 {vertical-align:top}
.input_section .input_price + .list_style01,
.input_section .input_price + .list_style02 {margin-top:10px;}
.input_section span.list_style02 {margin-left:10px;}
.input_section > h2.type1 {margin-bottom:3px;}
.info_list {width:100%; border-top:2px solid #555; border-bottom:1px solid #e1e1e1;}
.info_list > li {padding:17px 64px; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.info_list > li.type_1 {padding-top:45px; padding-bottom:44px; background-color:#fafafa;}
.info_list > li:after {display:block; content:''; clear:both;}
.info_list > li:first-child {border-top:0 none;}
.info_list > li .half_box{ display:inline-block; width:50%; margin:0 -4px;}
.info_list .tit {float:left; width:200px; line-height:20px; font-weight:normal}
.info_list .tit2 {float:left; width:200px; line-height:40px;}
.info_list .tit3 {float:left; width:200px; line-height:32px;}
.info_list .form {float:left; width:704px;}
.info_list .form:after {display:block; content:''; clear:both;}
.info_list .form.txt {color:#000; line-height:20px;}
.info_list .form.txt2 {color:#666; line-height:20px;}
.info_list .form.txt .hcbtn_midium {margin-top:-5px;}
.info_list .form .link_right {float:right;}
.info_list .form .input_price {display:inline-block;}
.info_list .form .hcbtn4 {margin:0 0 0 15px; vertical-align:middle;}
.info_list .form_txt {color:#000; display:inline-block; line-height:40px}
.info_list .form_txt .important {font-family:"YouandiModernHEB"; font-weight:normal}
.info_list .form_txt2 {color:#000; display:inline-block; line-height:20px}
.info_list .form_txt3 {color:#000; display:inline-block; line-height:32px}
.info_list .form .hcbtn_midium {margin:3px 0 0 6px;}
.info_list .form .form_txt3 + .hcbtn_midium {margin-top:0px;}
.info_list .form .input_group .hcbtn_midium {margin-left:3px;}
.info_list .date_mm_yy {float:left; width:230px;}
.info_list .date_mm_yy2 {float:left; width:260px;}
.info_list .cvv_number {float:left;}
.info_list .cvv_number .guide {margin-top:11px;}
.info_list .cvv_number .guide .guide_inner > * {float:left;}
.info_list .cvv_number .guide p {width:210px; margin:-5px 0 0 16px;}
.info_list .card_password {display:inline-block;}
.info_list .card_password .guide {margin-top:11px;}
.info_list .card_password .password_input {display:inline-block; width:150px;}
.info_list .card_password .password_input:after {display:block; content:''; clear:both;}
.info_list .card_password .password_input input {width:38px; margin:0 0 0 12px; padding-left:0; text-align:center;}
.info_list .card_password .password_input input:first-child {margin-left:0;}
.info_list .card_password .password_input span {display:inline-block; padding:0 12px 0 0; text-indent:10px;}
.info_list .card_password .password_input span.first {padding:0 5px;}
.info_list .phone {margin:10px 0 0 0;}
.info_list .phone:first-child {margin:0;}
.info_list .phone .form_select {margin:0 10px 0 0;}
.info_list .email {margin:0;}
.info_list .email .form_select {margin:0 5px 0 0;}
.balance .checkbox {line-height:40px}
.balance .balance_input {display:inline-block; margin:0 0 0 108px; color:#666;}
.all_balance .txt {margin-right:30px;}
.info_list .beside_txt {display:inline-block; margin:0 0 0 10px; color:#666; font-size:13px;}
.info_list .beside_txt.type2 {color:#000;}
.info_list .input_group + .list_style {margin-top:11px;}
.info_list .secession li {margin-top:12px;}
.info_list .secession li:first-child {margin-top:0px;}
.info_list .secession .textarea {margin-top:20px;}
.info_list .secession .textarea textarea {width:668px; height:134px; padding:12px 16px; border:1px solid #e1e1e1;}
.info_list .login_box {width:330px; margin-top:16px;}
.info_list .login_box:after {display:block; content:''; clear:both;}
.info_list .login_box .input_box {float:left; width:240px;}
.info_list .login_box .input_box li:first-child {margin-bottom:10px;}
.info_list .login_box .btn {display:inline-block; float:right; width:90px;}
.info_list .login_box .guide {clear:both; margin:16px 0;}
.info_list .login_box .link_set {clear:both; width:100%;}
.info_list .login_box .link_set li {float:left; margin-right:20px;}
.info_list .select_form {margin-top:17px;}
.info_list .checkbox  {vertical-align:bottom}
.info_list.type2 > li {padding:16px 25px; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.info_list.type2 > li:after {display:block; content:''; clear:both;}
.info_list.type2 > li:first-child {border-top:0 none;}
.info_list.type2 .tit {float:left; width:160px; line-height:40px;}
.info_list.type2 .tit2 {float:left; width:160px; line-height:1;}
.info_list.type2 .tit3 {display:block; width:100%; font-weight:normal; color:#000; text-align:left; line-height:24px}
.info_list.type2 .tit4 {float:left; width:160px; line-height:22px; color:#000; text-align:left}
.info_list.type2 .form {float:left; width:auto;}
.info_list.type2 .form2 {color:#000;}
.info_list.type2 .form3 {color:#666; font-size:13px; line-height:24px; text-align:left}
.info_list.type2 .form4 {padding-left:160px; font-size:13px;}
.info_list.type3 > li {overflow:hidden;padding:16px 0 16px 64px;}
.info_list.type3 > li > .tit {float:left; width:200px; color:#000;}
.info_list.type3 > li > .tit2 {float:left; width:112px; color:#000; line-height:20px; font-weight:normal}
.info_list.type3 > li > .tit3 {float:left; width:152px; color:#666; line-height:20px; font-size:13px; font-weight:normal}
.info_list.type3 > li > .form {float:none; width:inherit; padding-left :200px; color:#666;}
.info_list.type3 > li > .form2 {float:none; width:inherit; padding-left:176px; color:#666; font-size:13px; line-height:20px}
.info_list.type3 > li > .form3 {float:none; width:inherit; padding-left:264px; color:#666; font-size:13px; line-height:20px}
.info_list.type3 > li > .form4 {float:none; width:inherit; padding-left:112px; color:#666; font-size:13px; line-height:20px}
.info_list.type3 > li > .form5 {float:none; width:inherit; padding-left:152px; color:#666; font-size:13px; line-height:20px}
.info_list.type3 > li > .form6 {float:none; width:inherit; padding-left:112px; color:#666; font-size:13px; line-height:23px}
.info_list.type3 > li > .form.type1 {height:125px; position:relative; padding-right:50px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 {background:url(/image/common/bg_line.png) no-repeat 0px 0px; float:left; margin-top:16px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li {position:relative; display:inline-block; margin-top:29px; float:left;}
.info_list.type3 > li > .form.type1 .list_style01.type1 .line1 {width:166px; height:20px; background:#e1e1e1; border-right:1px solid #fff;}
.info_list.type3 > li > .form.type1 .list_style01.type1 .line2 {width:166px; height:20px; background:#ccc; border-right:1px solid #fff;}
.info_list.type3 > li > .form.type1 .list_style01.type1 .line3 {width:166px; height:20px; background:#999; border-right:1px solid #fff;}
.info_list.type3 > li > .form.type1 .list_style01.type1 .line4 {width:166px; height:20px; background:#666;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li span {background:none;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li span.type1 {position:absolute; bottom:25px; padding:0px 5px; background:#fff;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line1 span.type1,
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line2 span.type1,
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line3 span.type1 {left:50%; margin-left:-43.5px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line4 span.type1 {left:35px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li span.type2 {position:absolute; top:25px; width:150px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line1 span.type2 {left:131px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line2 span.type2 {left:135px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line3 span.type2 {left:115px;}
.info_list.type3 > li > .form.type1 .list_style01.type1 li.line4 span.type2 {left:89px;}
.info_list.type3 .tit_style01{color:#000; margin:19px 0 14px 0}
.info_list.type4.line {border-bottom:1px solid #e1e1e1;}
.info_list.type4 > li {padding:16px 0 16px 64px;}
.info_list.type4 .tit {float:left; width:200px; color:#000;}
.info_list.type4 .form {float:left; width:inherit; color:#666;}
.info_list.type4 .form2 {font-size:13px;}
.info_list.type4 p.form {line-height:22px}
.info_list.type4 .btn_area {margin-top:10px;}
.info_list.type4 .btn_area li:first-child {margin-left:0;}
.info_list.type5.line {border-bottom:1px solid #e1e1e1;}
.info_list.type5.topline {border-top:0;  border-bottom:0;}
.info_list.type5 > li {padding:16px 0 16px 64px; color:#000;}
.info_list.type5 > li.type1 {padding:11px 0 11px 64px;}
.info_list.type5 > li.type2 {padding:20px 0 20px 64px;}
.info_list.type5 > li.type3 {padding:16px 0 14px 64px;}
.info_list.type5.box_type > li {overflow:hidden; padding:16px 0 0 64px; background:#fafafa; border-top:2px solid #e1e1e1;}
.info_list.type5.box_type > li:first-child {border:0;}
.info_list.type5 .tit {float:left; width:200px; color:#666;}
.info_list.type5 .tit2 {float:left; width:200px; color:#666;}
.info_list.type5 .tit3 {float:left; width:112px; color:#000;}
.info_list.type5 .tit4 {float:left; width:112px; color:#666;}
.info_list.type5 .tit5 {float:left; width:200px; color:#666; line-height:24px;}
.info_list.type5 .doubleline {line-height:22px;}
.info_list.type5 .important {font-size:13px; color:#fc3636;}
.info_list.type5 li > p.type1 {line-height:20px}
.info_list.type5 li > p.type2 {line-height:32px}
.info_list.type5 li > p.type3 {line-height:40px}
.info_list.type5 li > p.type4 {line-height:34px}
.info_list.type5 .form {float:none; width:inherit; padding-top:2px; line-height:20px}
.info_list.type5 .form2 {float:none; margin-left:112px;}
.info_list.type5 .form3 {float:none; margin-left:200px;}
.info_list.type5 .form3 > * {display:inline-block; margin-right:10px; vertical-align:middle}
.info_list.type5 .form3 > .list_style02.type_1,
.info_list.type5 .form3 > .list_style02.type_4 {display:block;}
.info_list.type6.line {border-bottom:1px solid #e1e1e1;}
.info_list.type6 > li {padding:16px 0 16px 64px; color:#000;}
.info_list.type6 > li > .tit {float:left; font-weight:normal}
.info_list.type6 > li > ul {padding-left:200px; margin:-16px 0;}
.info_list.type6 > li > ul > li {padding:16px 0; border-top:1px solid #f0f0f0; color:#666; font-size:13px; line-height:20px}
.info_list.type6 > li > ul > li:first-child {border-top:0;}
.info_list.type6 > li > ul > li:after {display:block; clear:both; content:""}
.info_list.type6 > li > ul > li .tit {float:left; width:175px; font-weight:normal}
.info_list.type6 > li > ul > li .form {float:left; width:auto;}
.info_list.type7 > li {padding:7px 64px; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.info_list.type8 > li {padding:19px 0 19px 64px; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.info_list.type8 .form {width:768px;}
.info_list.type9:after {display:block; clear:both; content:"";}
.info_list.type9 li {float:left; width:50%; padding:17px 0 15px;}
.info_list.type9 li:after {display:none;}
.info_list.type9 .tit {float:left; width:200px; padding-left:64px; line-height:20px}
.info_list.type9 .form {float:none; width:auto; padding-left:200px; line-height:20px}
.info_list.type9 li.even .tit {padding-left:0;}
.info_list.type10 .tit {font-weight:normal; color:#000; line-height:24px}
.info_list.type10 > li {padding:15px 64px 13px;}
.info_list.type11 .tit {display:block; float:none; width:auto;  font-weight:normal; color:#000; line-height:24px;}
.info_list.type11 .form {float:none; width:auto; line-height:24px; color:#666; font-size:13px;}
.info_list.type11 > li {padding:15px 0 13px 64px;}
.info_list.type11 .division .tit {float:left; width:200px;}
.info_list.type11 .division .form {padding-left:200px;}
.info_list.type11.number_type .form {padding-left:14px;}
.sub_info_list {width:768px; color:#666;}
.sub_info_list > li {margin:16px 0 0 0; padding:16px 64px 0 0; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.sub_info_list > li:after {display:block; content:''; clear:both;}
.sub_info_list > li:first-child {border-top:0 none;}
.sub_info_list .tit {float:left; width:174px; line-height:100%;}
.sub_info_list .tit2 {float:left; width:174px; line-height:40px;}
.sub_info_list .form {float:left; width:530px;}
.sub_info_list .first {padding:0; margin:0;}
.sub_info_list .select_tit {color:#000;}
.sub_info_list.type2 {width:100%; margin:20px 0 0 0; padding:20px 64px 0 0; border-top:1px solid #f0f0f0;}
.sub_info_list.type2:first-child {margin:0; padding:0; border-top:0 none;}
.sub_info_list.type2:after {display:block; content:''; clear:both;}
.sub_info_list.type2 .bind_list strong {display:block; color:#000; font-size:15px; font-weight:normal;}
.sub_info_list.type2 .bind_list label {padding-left:40px;}
.sub_info_list.type2 .bind_list p {margin:10px 0 0 0; color:#666; font-size:13px;}
.sub_info_list.type2 .bind_list.radioType2 {width:100%; padding-bottom:20px; border-bottom:1px solid #f0f0f0;}
.sub_info_list.type2 .bind_list.radioType2 li {padding:20px 0 0; margin:20px 0 0;  border-top:1px solid #f0f0f0;}
.sub_info_list.type2 .bind_list.radioType2 li:first-child {padding:0; margin:0; border:0;}
.sub_info_list.type2 .btn_article {margin:16px 0 0 40px; font-size:0; text-align:left}
.sub_info_list.type2 .btn_article li {display:inline-block; margin:0 0 0 12px;}
.sub_info_list.type2 .btn_article li:first-child {margin:0;}
.sub_info_list.type2 .btn_article li .hcbtn_midium {margin:0}
.sub_info_list.type3 > li {margin-top:16px; padding-top:16px;}
.sub_info_list.type3 > li:first-child {margin:0; padding:0;}
.sub_info_list.type3 .tit {float:left; width:152px; line-height:20px; font-weight:normal; font-size:13px; color:#000;}
.sub_info_list.type3 .tit1 {float:left; width:152px; line-height:20px; font-weight:normal; font-size:13px; color:#666;}
.sub_info_list.type3 .tit2 {float:left; width:176px; line-height:20px; color:#666;}
.sub_info_list.type3 .tit3 {float:left; width:176px; line-height:40px; color:#666;}
.sub_info_list.type3 .tit4 {float:left; width:240px; line-height:20px; color:#666; font-size:13px;}
.sub_info_list.type3 .form {float:none; width:auto; padding-left:152px; font-size:13px; line-height:20px}
.sub_info_list.type3 .form2 {float:none; width:auto; padding-left:176px; margin:0; font-size:15px; line-height:20px; color:#000;}
.sub_info_list.type3 .form3 {float:none; width:auto; margin:0; font-size:13px; line-height:20px; color:#666;}
.sub_info_list.type3 .form4 {float:none; width:auto; padding-left:240px; margin:0; font-size:13px; line-height:20px; }
.sub_info_list.type3 .txt_block {display:inline-block; width:200px;}
.sub_info_list.type3 .txt_block1 {display:inline-block; width:196px;}
.area_layer .sub_info_list.type3 {width:759px;}
.sub_info_list.type4 {width:inherit;}
.sub_info_list.type4:after {display:block; clear:both; content:""}
.sub_info_list.type4 > li {float:left; width:50%; margin-top:18px; padding:16px 0 0 0;}
.sub_info_list.type4 > li:first-child {margin:0; padding:0;}
.sub_info_list.type4 > li:first-child+li {margin:0; padding:0; border:0;}
.sub_info_list.type4 > .type1 {width:100%;}
.sub_info_list.type4 > .type1+.type1 {padding-top:16px; margin-top:18px; border-top:1px solid #f0f0f0;}
.sub_info_list.type4 .tit {float:left; width:auto; margin:7px 0 0; font-size:15px; color:#666; font-weight:normal}
.sub_info_list.type4 .tit2 {float:left; width:auto; line-height:40px; font-weight:normal;}
.sub_info_list.type4 .tit .important {color:#1e75d6;}
.sub_info_list.type4 .form {float:none; width:auto; padding-left:176px;}
.sub_info_list.type4 .choice_list li {margin-top:10px; color:#000;}
.sub_info_list.type4 .choice_list li:first-child {margin:0;}
.sub_info_list.type4 .choice_list li .txt {margin-left:10px;}
.sub_info_list.type4 .choice_list .tit {margin:0;}
.sub_info_list.type4 .radiogruop_type2 {margin:20px 0 0; border-top:0;}
.sub_info_list.type5 > li {margin:16px 0; padding:16px 64px 16px 0; border-bottom:1px solid #f0f0f0;}
.sub_info_list.type5 > li:first-child {margin:16px 0 0; padding:16px 0 0; border-top: 1px solid #f0f0f0; border-bottom:none;}
.sub_info_list.type5 .tit {float:left; width:152px; line-height:20px; font-weight:normal; font-size:13px; color:#000; text-align:center;}
.sub_info_list.type5 .form {float:none; width:auto; padding-left:176px; font-size:13px; line-height:20px}
.sub_info_list.type5 .txt_block {display:inline-block; width:200px;}
.sub_info_list.type5 .txt_block1 {display:inline-block; width:196px;}

.info_list .guide_txt1 {margin:15px 0 0 0; padding-left:11px; background:url(/image/common/bul_list_02.png) no-repeat 0 3px; color:#666; font-size:13px;line-height:1.2em;}
.info_list .guide_txt2 {display:inline-block; margin:15px 0 0 10px; padding-left:11px; background:url(/image/common/bul_list_02.png) no-repeat 0 3px; color:#666; font-size:13px; vertical-align:top;}
.info_list .guide_txt3 {display:inline-block; margin:0 0 0 10px; padding-left:11px; background:url(/image/common/bar_type_03.png) no-repeat 0 50%; color:#000; font-size:15px;}

/* 펼침목록 */
.spread_section {margin:38px auto 0 auto;}
.spread_section:after {display:block; content:''; clear:both;}
.spread_section.first {margin:0 auto;}
.spread_section.second {margin:38px auto 0 auto;}
.spread_section.third {margin:75px auto 0 auto;}
.spread_section.four {margin:110px auto 0 auto;}
.spread_section.type_1 {margin:78px auto 0 auto;}
.spread_section.type_2 {margin:79px auto 0 auto;}
.spread_section.type_3 {margin:74px auto 0 auto;}
.spread_section.type_4 {margin-top:77px;}
.spread_section.type_5 {margin-top:76px;}
.spread_section.type_6 {margin-top:81px;}
.spread_section.type_7 {margin-top:4px;}
.spread_section.t_type {margin:40px auto 0 auto;}
.spread_section.second.type_1 {margin-top:40px;}
.spread_section.second.type_2 {margin-top:73px;}
.spread_section.thild {margin:20px auto 0 auto;}
.spread_section.five {margin:18px auto 0 auto;}
.spread_section.type_guide {margin:16px auto 0 auto;}
.spread_section.type_guide.second {margin:40px auto 0 auto;}
.spread_section.type_guide.type2 {margin:80px auto 0 auto;}
.spread_section.view {margin-bottom:40px;}
.spread_section.type1{margin-bottom:80px;}
.spread_section.type2{margin-top:38px;}
.spread_section.type3{margin-top:37px;}
.spread_section.view.type1 {margin-bottom:41px;}
.spread_section.type_guide.view {padding:0;}
.spread_section.view.view_type2 {margin-bottom:0; padding:0;}
.spread_section > .title_article {position:relative; border-bottom:2px solid #555;}
.spread_section.gome_sty > .spread_fold > .list_info_1 {border-top:none;}
.spread_section > .title_article:after {display:block; content:''; clear:both;}
.spread_section > .title_article .title {position:relative; margin:-2px 0 10px 0; color:#000; font-size:21px;}
.spread_section > .title_article .title a {display:block; padding:0 0 8px 0;}
.spread_section > .title_article .title a:hover {color:#1e75d6;}
.spread_section > .title_article .title a:hover:before{background-position:-20px 0;}
.spread_section > .title_article .title a.type1 {display:block; padding:0 0 0 0;}
.spread_section > .title_article .title a:before {display:block; position:absolute; top:50%; right:25px; width:18px; height:10px; margin:-10px 0 0 0; background:url('/image/common/arrow_open_03_1.png') no-repeat 0 0; content:'';}
.spread_section > .title_article .title a.on:before {background-position:0 -12px;}
.spread_section > .title_article .title a.on:hover:before {background-position:-20px -12px;}
.spread_section > .title_article .title a span {color:#666; font-size:13px;}
.spread_section > .title_article .title a span.type1 {padding-left:4px;}
.spread_section > .title_article .title a span.txt_bot {color:#666; font-size:13px; vertical-align: bottom; margin:0 0 0 3px;}
.spread_section > .title_article .beside_txt {display:inline-block; margin:6px 0 0 7px; color:#666; font-size:13px;}
.spread_section > .title_article .beside_amount {position:absolute; top:2px; right:64px; color:#000; font-size:15px; font-family:'YouandiModernHEB';}
.spread_section > .title_article .beside_amount span {font-size:21px;}
.spread_section > .title_article .checkbox_group {position:absolute; top:5px; right:64px;}
.spread_section > .title_article .radio_group {position:absolute; bottom:12px; right:64px;}
.spread_section > .title_article .card_group {position:absolute; top:1px; left:418px;}
.spread_section > .title_article .card_group:after {display:block; clear:both; content:""}
.spread_section > .title_article .card_group li {float:left;}
.spread_section > .title_article .card_group li:first-child:after {display:block; float:right; width:1px;  height:18px; margin:0 9px;  background:#e1e1e1; content:""}
.spread_section > .title_article2 {border-bottom:0 none;}
.spread_section > .title_article2:after {display:block; content:''; clear:both;}
.spread_section > .title_article2 .title {float:left; margin:0; color:#000; font-size:15px; line-height:24px;}
.spread_section.view > .title_article2 .title {margin:0 0 14px 0;}
.spread_section > .title_article2 .title a {display:inline-block; padding:0 30px 0 0; background:url('/image/common/arrow_open_05.png') no-repeat 100% 50%;} /* 이용안내 아이콘 */
.spread_section > .title_article2 .title a.on {background:url('/image/common/arrow_close_05.png') no-repeat 100% 50%;} /* 이용안내 아이콘 */
.spread_section > .title_article2 .title.type2 a {background:url('/image/common/arrow_open_02.png') no-repeat 100% 50%;}
.spread_section > .title_article2 .title.type2 a.on {background:url('/image/common/arrow_close_02.png') no-repeat 100% 50%;}
.spread_section > .title_article2 .title a span {color:#666; font-size:13px;}
.spread_section > .title_article3 {border-bottom:0 none;}
.spread_section > .title_article3:after {display:block; content:''; clear:both;}
.spread_section > .title_article3 .title {float:left; width:100%; margin:0; border-bottom:1px solid #e1e1e1; color:#000; font-size:15px; line-height:24px;}
.spread_section.view > .title_article3 .title {border-bottom:0 none;}
.spread_section > .title_article3 .title a {display:block; margin:20px 64px; background:url('/image/common/arrow_open_02.png') no-repeat 100% 50%;}
.spread_section > .title_article3 .title a.on {background:url('/image/common/arrow_close_02.png') no-repeat 100% 50%;}
.spread_section > .title_article3 .title a span {color:#666; font-size:13px;}
.spread_section > .title_article3 .title a img {overflow:hidden; width:76px; height:48px; margin:0 20px 0 0;}
.spread_section > .title_article4 {position:relative; border-bottom:2px solid #555; font-size:0;}
.spread_section > .title_article4:after {display:block; content:''; clear:both;}
.spread_section > .title_article4 .title {display:inline-block; position:relative; margin:0 0 18px 0; color:#000; font-size:21px;}
.spread_section > .title_article4 .title:hover {color:#1e75d6; cursor:pointer;}
.spread_section > .title_article4 .beside_txt {display:inline-block; margin:6px 0 0 7px; color:#666; font-size:13px;}
.spread_section > .title_article4 .beside_txt.type1 {margin-left:10px;}
.spread_section > .title_article4 .radiobox {margin:-12px 0 0 15px;}
.spread_section > .title_article4 .radiobox label {width:78px;}
.spread_section > .title_article4 .beside_amount {position:absolute; top:2px; right:64px; color:#000; font-size:15px; }
.spread_section > .title_article4 .beside_amount span {font-size:21px; font-family:'YouandiModernHEB';}
.spread_section > .title_article4 .guide {margin-top:3px;}
/*.spread_section > .title_article4 .btn_open {display:block; float:right; width:30px; height:30px; margin:0 17px 0 0;}*/
.spread_section > .title_article4 .btn_open {display:block;width: 100%;height: 40px;position: absolute;top: 0;}/* 2020-11-26 GGU442 11차_에러리포트 MyAccont 포인트/마일리지/할인/캐시백 */
.spread_section > .title_article4 .btn_open:before {display:block; position:absolute; top:8px; right:23px; width:18px; height:10px; background:url('/image/common/arrow_open_03_1.png') no-repeat 0 0; content:'';}
.spread_section > .title_article4 .btn_open:hover:before {background-position:-20px 0;}
.spread_section > .title_article4 .btn_open.on:before {background-position:0 -12px;}
.spread_section > .title_article4 .btn_open.on:hover:before {background-position:-20px -12px;}
.spread_section > .title_article5 {border-bottom:0 none;}
.spread_section > .title_article5:after {display:block; content:''; clear:both;}
.spread_section > .title_article5 .title {float:left; width:100%; margin:0; border-bottom:2px solid #555; color:#000; font-size:15px; line-height:24px;}
.spread_section > .title_article5 .title.type1 {line-height:15px;}
.spread_section > .title_article5 .title a {display:block; padding:0 0 15px 0; background:url('/image/common/arrow_open_02.png') no-repeat 100% 2px;}
.spread_section > .title_article5 .title a.type1{padding:5px 0 19px 0;}
.spread_section > .title_article5 .title a.type2{padding:0 0 14px 0;}
.spread_section > .title_article5 .title a.on {background:url('/image/common/arrow_close_02.png') no-repeat 100% 2px;}
.spread_section > .title_article5 .title a span {color:#666; font-size:13px;}
.spread_section > .title_article6 {position:relative; border-bottom:2px solid #555;}
.spread_section > .title_article6:after {display:block; clear:both; content:""}
.spread_section > .title_article6 .title {float:left; margin:0 0 18px; font-size:21px;}
.spread_section > .title_article6 .beside_txt {display:inline-block; margin:8px 0 0 7px; color:#666; font-size:13px;}
.spread_section > .title_article6 .beside_txt.type1 {margin:8px 0 0 10px;}
.spread_section > .title_article6 .beside_txt2 {float:right; margin:1px 64px 0 0;}
.spread_section > .title_article6 .beside_txt2 em {font-size:21px; font-family:"YouandiModernHEB"; }
.spread_section > .title_article6 .radio_group {float:left; margin:-4px 0 0 16px;}
.spread_section > .title_article6 .hcbtn1.research {float:right; margin:8px 0 0;}
.spread_section > .title_article6 .btn_open {position:absolute; right:24px; top:4px; width:18px; height:11px;  background:url(/image/common/arrow_open_03_1.png) no-repeat 0 0; text-indent:-999em}
.spread_section > .title_article6 .btn_open:hover {background-position:-20px 0;}
.spread_section > .title_article6 .btn_open.on {background-position:0 -11px}
/* 2020-12-04 GGCQ62 - [금융안내] 즉시결제 내 대출철회신청 안내 문구 추가 요청의 건(모바일) */
.spread_section > .title_article6 .tip_box{float:right; width:662px;}
.spread_section > .title_article6 .tip_box p{font-size:13px; color:#000;}
.spread_section > .title_article6 .tip_box .btn_link{position:absolute; top:0; right:0; line-height:24px;}
/* //2020-12-04 GGCQ62 - [금융안내] 즉시결제 내 대출철회신청 안내 문구 추가 요청의 건(모바일) */
.title_article2 + .content_article.spread_fold {margin-top:14px;}
.spread_section .content_article {padding:0;}
.spread_section .spread_fold {display:none;}
.spread_section .spread_fold.on{display:block;}
.spread_section .spread_fold.bgtype1 {padding:7px 0 48px; background:#fafafa;}
.spread_section .spread_fold > .info_list:first-child {border-top:0;}
.spread_section .content_article .list_title.first {margin:20px 0 15px 0; font-size:15px;}
.spread_section .content_article .list_title.second {margin:40px 0 18px 0; font-size:15px;}
.spread_section .content_article .list_title.second.list {margin:33px 0 18px 0; font-size:15px;}
.spread_section .content_article .list_txt {color:#666; font-size:15px; line-height:22px;}
.list_group .btn_list {margin:15px 0 0 0;}
.list_group .btn_list:after {display:block; content:''; clear:both;}
.list_group .btn_list .hcbtn1 {margin:0 20px 0 0;}
.list_group .list_table {border-bottom:1px solid #e1e1e1;}
.list_group .list_table2 {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.list_group .list_table3 {border:0 none;}
.title_article + .content_article .list_group2:first-child {margin:-1px;}
.list_group2 {margin:-1px 0 0 0; padding:0; border-top:1px solid #f0f0f0; border-bottom:1px solid #e1e1e1;}
.list_group2.type1 {border-bottom:1px solid #f0f0f0;}
.list_group2.type2 {border-top:2px solid #e1e1e1; margin-top:19px}
.list_group2:first-child {margin:0;}
.list_group2:after {display:block; content:''; clear:both;}
.list_group2 .group_title {float:left; width:200px; padding:16px 0 16px 64px; color:#000; font-size:15px; line-height:21px;}
.list_group2 .group_title.type1 {padding:0 0 0 64px; color:#666;}
.list_group2 .group_title.type2 {width:112px;}
.list_group2 .group_title.type3 {width:182px; padding:15px 0 0 82px;}
.list_group2 .group_title.type3 .num{ display:inline-block; width:18px; margin-left:-18px;}
.list_group2 .group_title.type4 {width:266px; padding:20px 0 20px 64px; color:#000;}
.list_group2 .group_title.type5 {width:90px; padding:20px 0 20px 64px; color:#000;}
.list_group2 .group_title.type6 { margin:0 -18px 0 18px; color:#666;}
.list_group2 .group_title.type6 .num{ display:inline-block; margin-left:-18px; width:18px;}
.list_group2 .group_title.type7 {width:266px; padding:20px 0 20px 64px;}
.list_group2 .group_title.type7 .num{ display:inline-block; width:18px; margin-left:-18px;}
.list_group2 .group_box {position:relative; float:left; width:704px; padding:15px 64px 15px 0; border-top:0 none;}
.list_group2 .group_box.type2 {width:768px; padding:0;}
.list_group2 .group_box.type2 .line_article {border-bottom:0 none;}
.list_group2 .group_box.type3 {width:856px; padding:0;}
.list_group2 .group_box.type3 .line_article {border-bottom:0 none;}
.list_group2 .group_box.type4 {width:702px; padding:20px 0;}
.list_group2 .group_box.type5 {width:878px; padding:0;}
.list_group2 .group_box .list_style01 {}
.list_group2 .group_box .list_style01.type_box {color:#666; font-size:13px;}
.list_group2 .group_box .list_style01.type_small {font-size:13px;}
.list_group2 .group_box dl.list_style01 dt:first-child {padding:5px 0 0 0;}
.list_group2 .group_box p.list_style01 {padding:0 0 0 12px; border:0 none;}
.list_group2 .group_box .form_table thead th {border-top:0 none;}
.list_group2 .group_box .list_common {color:#666; font-size:15px; line-height:24px;}
.list_group2 .group_box .group_txt {padding:16px 0; color:#666; font-size:15px; line-height:21px;}
.list_group2 .group_box .group_txt2 {position:absolute; top:19px; right:64px; font-weight:normal; color:#666; font-size:15px;}
.list_group2.line {margin-top:20px; border-top:2px solid #e1e1e1;}
.list_group2.line2 {border-top:2px solid #555;}
.list_group2 .statement_section {width:100%;}
.list_group2 .statement_list {border-top:0 none;}
.list_group2 .statement_list ul {float:none;}
.list_group2 .statement_list ul:first-child {margin:0;}
.list_group2 .statement_list ul li {float:none;}
.list_group2 .statement_list .bind_item {width:240px;}
.list_group2 .statement_list .bind_item.type_1 {width:auto; padding-right:64px;}
.list_group3 {padding:48px 64px; border:1px solid #e1e1e1;}
.list_group3 .group_title {display:block; margin:38px 0 15px 0; font-size:15px;}
.list_group3 .group_title:first-child {margin-top:0;}
.list_group3 .list_table {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.cage_area .list_group3 .list_style01.type_1 {width:auto;}
.cage_area .inquery_section.type2 .inquery_section_area.first.box_txt01_back {clear:both;}
.inquery_title.fr {margin-top:-40px;}
.list_group4 {padding:48px 64px;}
.list_group5 {margin:40px 0 0 0; border-top:2px solid #555; border-bottom:1px solid #e1e1e1;}
.list_group6 {padding:48px 64px 41px 64px; border-bottom:1px solid #e1e1e1;}
.list_group7 {padding:40px 64px 0 64px;}
.list_group7 .group_title_section {position:relative;}
.list_group7 .group_title {display:block; margin:38px 0 15px 0; font-size:15px;}
.list_group7 .group_title:first-child {margin-top:0;}
.list_group7 .group_title .hcbtn1 {float:right;}
.list_group7 .group_title + .hcbtn_midium {position:absolute; right:0; top:-6px; }
.list_group7 .list_table {border-top:2px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.list_group8 {padding:48px 0;}
.list_group9 {margin:0; padding:0; border-top:1px solid #f0f0f0;}
.list_group9:after {display:block; content:''; clear:both;}
.list_group9.first {margin:0; border-top:2px solid #e1e1e1;}
.list_group9.last {margin:0; border-bottom:1px solid #e1e1e1;}
.list_group9 .group_title {float:left; width:90px; padding:17px 0 20px 64px; color:#000; font-size:15px; line-height:21px;}
.list_group9 .group_box {float:left; width:878px; padding:0;}
.list_group9 .group_box .group_txt {padding:16px 0; color:#666; font-size:15px; line-height:21px;}
.list_group9 .group_box .group_txt2 {padding:16px 0; color:#666; font-size:13px; line-height:21px;}
.list_group9 .group_box .list_style01 {padding:20px 0 13px 0;}
.list_group9.list_group9_2 .group_title {width:112px;}
.list_group9.list_group9_2 .group_box {width:856px;}
.list_group10 {margin:20px 0 0;}
.list_group10.first {margin:40px 0 0;}
.list_group10.first + .list_group12 {padding-top: 33px;}
.list_group10.first + .list_group12,
.list_group10.first + .list_group12 .agreement .box_fold.type_4 {border-width:1px;}
.list_group10.first.list {margin:27px 0 0;}
.list_group10 .group_title {margin-bottom:13px; }
.list_group10 .group_title.type2 {margin-bottom:19px; }
.list_group10 .group_title .title {display:block; font-size:15px;}
.list_group10 .group_title .beside_txt {margin-top:6px; font-size:13px; color:#666; line-height:24px}
.list_group10 .group_sub_title {top:20px;}
.list_group10 .form_table.type11.line2 thead tr:first-child th {border-color:#e1e1e1;}
.list_group10 .accordion_unit.on .h2_tit_1 {margin-bottom:15px;}
.list_group10 .accordion_unit  .box_fold h3 {margin-top:0;}
.list_group10 .form_table.type11 thead tr:first-child > * {border-top:1px solid #555 !important;}
.list_group11 .group_title {font-size:15px;}
.list_group11 {margin:40px 0 0;}
.list_group11:first-child {margin:20px 0 0;}
.list_group12 {padding:16px 0 15px 0; border-bottom:2px solid #e1e1e1;}
.list_group12 .accordion_unit .h2_tit_1 {margin-bottom: 4px;}
.list_group12 .accordion_unit.on .h2_tit_1 {margin-bottom: 19px;}
.sub_list_group {margin:0; padding:0; border-top:1px solid #f0f0f0;}
.sub_list_group:first-child {margin:0;}
.sub_list_group:after {display:block; content:''; clear:both;}
.sub_list_group .title_article {float:left; width:175px; padding:16px 0 16px 0; text-align:left;}
.sub_list_group .title_article .sub_title {color:#000; font-size:15px; line-height:21px;}
.sub_list_group .title_article span {display:block; margin:5px 0 0 0; color:#666; font-size:13px; line-height:21px;}
.sub_list_group .sub_group_box {float:left; width:669px; padding:15px 0; border-top:0 none;}
.sub_list_group .sub_group_box .banner:after {display:block; content:''; clear:both;}
.sub_list_group .sub_group_box .banner li {display:inline-block; margin:0 0 0 45px; vertical-align:middle;}
.sub_list_group .sub_group_box .banner li:first-child {margin-left:0;}
.sub_list_group .sub_group_box .group_txt {padding:0;}
.sub_list_group1 > li {padding-top:16px; margin-top:16px; border-top:1px solid #f0f0f0;}
.sub_list_group1 > li:first-child {padding:0; margin:0; border-top:0;}
.sub_list_group1 > li:after {display:block; clear:both; content:""}
.sub_list_group1 .title_article {float:left; width:200px;}
.sub_list_group1 .sub_group_box {padding-left:200px;}
.spread_section .line_article .card_select {padding:12px 0; border-bottom:1px solid #f0f0f0;}
.spread_section .line_article .card_select .form_select {width:290px; margin:0 5px 0 0;}
.spread_section .line_article .card_select .form_select .select_wrap,
.spread_section .line_article .card_select .form_select .btn_select,
.spread_section .line_article .card_select .form_select .select_wrap .ul_select {top:30px;}
.spread_section .line_article .card_select .form_select .select_wrap .ul_select li a {height:30px; font-size:13px; line-height:30px;}
.spread_section .line_article .card_select .form_select .select_wrap .btn_select:after {height:30px;}
.spread_section .line_article .stress {font-family:'YouandiModernHEB';}
.spread_section .history_section {margin:0;}
.spread_section .history_section .history_list {border-top:0 none;}
.spread_section .sub_info_text1 {margin-bottom:-6px; color:#666; font-size:13px; line-height:25px;}
.spread_section .guide_article {padding:48px 64px; border:1px solid #e1e1e1;}
.spread_section .guide_article .guide_title {display:block; margin:33px 0 15px 0; color:#000; font-size:15px;}
.spread_section .guide_article .guide_title:first-child {margin-top:0;}
.spread_section .guide_article .guide_txt {color:#666; font-size:13px;}

/* 이용내역등의 리스트 */
.history_section {position:relative; margin:0 auto;}
.history_section .scroll_box{height:455px; border-bottom: 1px solid #e1e1e1;}
.history_section.first {margin:40px auto 0 auto;}
.history_section.first.list {margin:34px auto 0 auto;}
.history_section.first.list2 {margin:53px auto 0 auto;}
.history_section.first.list3 {margin:48px auto 0 auto;}
.history_section.second {margin:80px auto 0 auto;}
.history_section .content_article {border-top:2px solid #555; border-bottom:1px solid #e1e1e1;}
.history_section .content_article.type1 {border-top:2px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.history_section .content_article:after {display:block; content:''; clear:both;}
.history_section .content_article .content_title {float:left; width:200px; margin:26px 0 0 64px; color:#666; font-size:15px; line-height:22px;}
.history_section .content_article .history_list {float:left; width:768px; border-top:1px solid #f0f0f0; border-bottom:0 none;}
.history_section .content_article .history_list .list_view {padding:20px 64px 20px 0;}
.history_section .content_article2 {border-top:2px solid #555;}
.history_list {border-top:2px solid #555; border-bottom:0 solid #e1e1e1;}
.history_list.type_1 {border-bottom:none;}
.history_list:after {display:block; content:''; clear:both;}
.history_list > li,
.history_list .mCSB_container > li {position:relative; border-bottom:1px solid #f0f0f0;}
.history_list > li:last-child {border-bottom:1px solid #e1e1e1;}
.history_list > li:after,
.history_list .mCSB_container > li:after {display:block; content:''; clear:both;}
.history_list > li .radioType2,
.history_list .mCSB_container > li .radioType2 {position:absolute;left:24px;top:33px;z-index:18;}
.history_list > li .radioType2.type1{ top:25px;}
.history_list > li:hover{background-color:#fafafa;}
.history_list .item_card {overflow:hidden; display:inline-block; width:88px; height:55px; margin:0 20px 0 0; vertical-align:middle;}
.history_list .item_card img {width:100%;}
.history_list .item_card2 {overflow:hidden; display:inline-block; width:76px; height:48px; margin:0 20px 0 0; vertical-align:middle;}
.history_list .item_card2 img {width:100%;}
.history_list .item_progress {float:right; width:90px;text-align:center; vertical-align:middle;}
.history_list .item_progress .hcbtn6 {margin-top:13px;}
.history_list .item_progress.type2 {text-align:right;}
.history_list .item_progress.type2 .hcbtn6 {margin-top:9px;}
.history_list .form {display:inline-block;}
.history_list .cancel {color:#999; text-decoration:line-through;}
.history_list.type1 > li.type1 {padding:17px 64px; border-top:1px solid #f0f0f0; color:#666; font-size:15px;}
.history_list.type1 > li.type1 .tit2 {float:left; width:200px; line-height:40px;}
.history_list.type1 > li.type1 .form {float:left; width:704px;}
.history_list.type1 > li.type1 .form .form_select {margin-right:10px;}
.history_list.type2 {border-top:0 none;}
.statement_list > ul > li,
.history_list.type2 > li {-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.statement_list > ul > li:hover,
.history_list.type2 > li:hover {background-color:#fafafa;}
.statement_list.type1 > ul > li:hover{background:none;}
.history_section .history_list.type3,
.history_list.type3 {border-top:2px solid #e1e1e1;}
.deduction_section .scroll_box2{height:300px;}
.area_layer.type_xxlarge .deduction_title  h3 {border-bottom:none;}
.area_layer.type_xxlarge .deduction_date {font-size:15px; color:#000; text-align:left; line-height:24px;}
.area_layer.type_xxlarge .deduction_section .box_table {border-top:2px solid #555;}
.statement_list .point_new_list {display:table; width:100%; border-bottom:0 !important;}
.statement_list .point_new_list li {position:relative; display:table-cell; width:33.3%; padding:0 32px 0 32px; border-bottom:1px solid #e1e1e1}
.statement_list .point_new_list li:after {display:block; content:""; position:absolute; left:-32px; bottom:-1px; width:64px; height:1px; background:#fff;}
.statement_list .point_new_list li:first-child {padding-left:0; border-bottom:1px solid #e1e1e1;}
.statement_list .point_new_list li:first-child:after  {display:none;}
.statement_list .point_new_list li:last-child {padding-right:0;}
.statement_list .point_new_list.four {}
.statement_list .point_new_list.four li{float:left !important; display:block; width:484px; padding:0;}
.statement_list .point_new_list.four li.right {float:right !important}
.statement_list .point_new_list.four li:after {display:none;}
.statement_list .point_new_list.four li{border-top:0;}

.list_view {position:relative; padding:20px 64px; font-size:0;}
.list_view.pr {position:relative; padding:20px 50px 20px 64px; font-size:0;}
.list_view.cancel .bind_item .item_place strong {color:#999; text-decoration:line-through;}
.list_view.cancel .item_amount p {color:#999; text-decoration:line-through;}
.list_view.cancel .item_amount em {color:#999;}
.list_view.type2 {padding:20px 24px; text-align:left}
.list_view.type3 {padding:20px 64px 20px 24px; text-align:left}
.list_view.type4 {padding:14px 64px 16px 24px; text-align:left}
.list_view.type4 .bind_item {margin:13px 0 0;}
.list_view.type5{padding:20px 44px 20px 64px;}
.list_view.type6{padding:18px 64px 17px 64px;}
.list_view.type6 .bind_item {margin-top:4px;}
.list_view.type7 {padding:30px 24px;} /* 2021-03-26 GGU477 추가 */
.list_view:after {display:block; content:''; clear:both;}
.list_view .bind_item {display:inline-block; vertical-align:middle;}
.list_view .bind_item:after {display:block; content:''; clear:both;}
.list_view .bind_item .item_date {display:inline-block; width:110px; color:#000; font-size:15px; vertical-align:middle;}
.list_view .bind_item .item_date.time {font-size:13px; color:#666; line-height:1}
.list_view .bind_item .item_date.time span {display:block; margin-bottom:9px; font-size:15px; color:#000;}
.list_view .bind_item .item_date.date {font-size:13px; color:#666;}
.list_view .bind_item .item_date.date span {display:block; margin-top:5px; font-size:15px; color:#000;}
.list_view .bind_item .item_date.type2 {width:174px; margin:0 0 0 -64px;}
.list_view .bind_item .item_date.type2 .radioType2 {margin:0 0 0 25px;}
.list_view .bind_item .item_date.type2 .radioType2 label {padding-left:40px;}
.list_view .bind_item .item_date.type2 .checkbox {margin:0 0 0 24px;}
.list_view .bind_item .item_date.type2 .checkbox label {padding-left:40px;}
.list_view .bind_item .item_date.type2.time .checkbox label {font-size:13px; color:#666;}
.list_view .bind_item .item_date.type3 {width:200px; line-height:36px;}
.list_view .bind_item .item_date.type4 {width:264px; margin:0 0 0 -64px;}
.list_view .bind_item .item_date.type4 .radioType2 label {padding-left:40px;}
.list_view .bind_item .item_date.type5 {margin:0 0 0 -64px; width:200px; padding:0 0 0 25px;}
.list_view .bind_item .item_date.type6 {width:64px; margin:0 0 0 -64px; text-align:center}
.list_view .bind_item .item_date.type7 {width:152px; margin:0;}
.list_view .bind_item .item_date.type7 .radioType2 {margin:0; line-height:inherit;}
.list_view .bind_item .item_date.type7 .radioType2.type2 label {padding-left:40px;}
.list_view .bind_item .item_date.type7 .checkbox label {padding-left:40px;}
.list_view .bind_item .item_date.type8 {width:160px;}
.list_view .bind_item .item_date.type9 {width:200px;}
.list_view .bind_item .item_date.type10 {width: 140px;} /* 2021-03-26 GGU477 추가 */
.list_view .bind_item .item_date.type10 .checkbox label {padding-left: 40px;} /* 2021-03-26 GGU477 추가 */
.list_view .bind_item .item_check {display:inline-block; margin:0 15px 0 -39px; vertical-align:middle;}
.list_view .bind_item .item_check .checkbox {margin:0;}
.list_view .bind_item .item_check.type1 {width:264px; margin: 0 0 0 -64px;}
.list_view .bind_item .item_check.type1 .checkbox {margin:0 0 0 25px; line-height:1;}
.list_view .bind_item .item_check.type1 .checkbox label {padding-left:40px;}
.list_view .bind_item .item_check.type1 .item_check_sub {display:block; margin-top:9px; padding-left:40px; font-size:13px; color:#666; }
.list_view .bind_item .item_radio {display:inline-block; margin:0 14px 0 0; vertical-align:middle;}
.list_view .bind_item .item_radio > span {margin:0;}
.list_view .bind_item .item_radio.type2{ margin:0;}
.list_view .bind_item .item_radio.type2 .radioType2{ margin:0 0 0 -1px;}
.list_view .bind_item .item_time {display:block; margin:7px 0 0 0; color:#666; font-size:13px;}
.list_view .bind_item .item_place {display:inline-block; width:550px; vertical-align:middle;}
.list_view .bind_item .item_place.type2 {width:402px;}
.list_view .bind_item .item_place.type3 {width:460px;}
.list_view .bind_item .item_place.type4 {width:590px;}
.list_view .bind_item .item_place.type4 ul{margin-top:9px;}
.list_view .bind_item .item_place.type5 {width:710px;}
.list_view .bind_item .item_place.type6 {width:750px;}
.list_view .bind_item .item_place.type7 strong {padding-top:10px;}
.list_view .bind_item .item_place.type8 {width:510px;}
.list_view .bind_item .item_place.type9 {width:500px;}
.list_view .bind_item .item_place.type10 {width:310px;}
.list_view .bind_item .item_place strong {display:inline-block; color:#000; font-size:15px; font-weight:normal; line-height:1}
.list_view .bind_item .item_place strong a{color:#1e75d6}
.list_view .bind_item .item_place strong a:before{content:"|";margin:0 10px 0 4px;color:#000}
.list_view .bind_item .item_place strong a.link{color:#000;}
.list_view .bind_item .item_place strong a.link:before{display:none;}
.list_view .bind_item .item_place .item_tit {overflow: hidden; margin:0;}
.list_view .bind_item .item_place .item_tit li {float:left; padding-left:7px; margin-left:7px; border-left:1px solid #000; color:#000; font-size:15px; line-height:1; background:none;}
.list_view .bind_item .item_place .item_tit li:first-child {padding:0; margin:0; border:0;}
.list_view .bind_item .item_place .tiem_tit + ul {margin:7px 0 0 0;}
.list_view .bind_item .item_place strong + ul {margin-top:9px;}
.list_view .bind_item .item_place ul + strong {margin-top:9px;}
.list_view .bind_item .item_place ul + ul{margin-top:11px;}
.list_view .bind_item .item_place ul:after {display:block; content:''; clear:both;}
.list_view .bind_item .item_place ul li {float:left; padding:0 6px; line-height:13px; background:url('/image/common/bar_type_05.png') no-repeat 0 4px; color:#666; font-size:13px; line-height:21px;}
.list_view .bind_item .item_place ul li.first {padding:0 6px 0 0; background:none; clear:both;}
.list_view .bind_item .item_place ul li:first-child {padding:0 6px 0 0; background:none;}
.list_view .bind_item .item_place ul.type1{ margin:3px 0 -5px;}
.list_view .bind_item .item_place ul.type1 li{ font-size:12px; background:url('/image/common/bar_type_01.png') no-repeat 0 6px;}
.list_view .bind_item .item_place ul.type1 li:first-child {background:none;}
.list_view .bind_item .item_place ul.type2{ margin-top:9px;}
.list_view .bind_item .item_place ul.type2 li{background:url('/image/common/bar_type_05.png') no-repeat 0 40%;}
.list_view .bind_item .item_place ul.type2 li:first-child {background:none;}
.list_view .bind_item .item_place ul.type3 {margin-top:5px;}
.list_view .bind_item .item_place ul.type3 li {line-height:22px; background-position:0 4px;}
.list_view .bind_item .item_place ul.type4 li {line-height:22px;}
.list_view .bind_item .item_place p {margin:7px 0 0 0; color:#666; font-size:13px;}
.list_view .bind_item .item_place .hcbtn6 {margin:0 0 0 10px;}
.list_view .bind_item .item_status {display:inline-block; width:90px; text-align:center; vertical-align:middle;}
.list_view .item_amount {display:inline-block; width:190px; margin:0 50px 0 0; font-size:15px; text-align:right; vertical-align:middle;}
.list_view .item_amount.type2 {margin-right:0; width:206px;}
.list_view .item_amount.type3 {width:154px; margin-right:0;}
.list_view .item_amount.type3 p.type1{ margin-bottom:10px;}
.list_view .item_amount.type4 {margin-right:0;}
.list_view .item_amount.type4 p {margin:0 -30px 0 0;}
.list_view .item_amount.type5 {float:right; width:150px; margin:6px 0 0;}
.list_view .item_amount.type6 {width:284px; margin-right:0;}
.list_view .item_amount.type7 {width:484px; margin-right:0;}
.list_view .item_amount.type8 {margin-right:0; width:205px;}
.list_view .item_amount.type9 {width: 144px; margin-right: 110px;} /* 2021-03-26 GGU477 추가 */
.list_view .item_amount.right_type {float:right; width:auto; margin:0;}
.list_view .item_amount.right_type2 {float:right; width:auto; margin:0;}
.list_view .item_amount.right_type3 {float:right; width:auto; margin:10px 40px 0 0;}
.list_view .item_amount.right_type4 {float:right; width:auto; margin:20px 0 0 0;}
.list_view .item_amount.right_type5 {float:right; width:auto; margin:7px 0 0;}
.list_view .item_amount em {color:#000; font-size:21px;}
/* 2020-05-07 GGCQ62 - [기타] 긴급재난지원금 신청 신규 제작 현재상태 스타일추가 */
.list_view .item_amount .txt_state{display:inline-block; width:60px; height:18px; margin-right:10px; line-height:18px; color:#666; font-size:11px; font-family:'YouandiModernHEB'; border:1px solid #d1d1d1; text-align:center; vertical-align:top;}
.list_view .item_amount .txt_state.cr01{color:#1e75d6; border:1px solid #1e75d6;}
/* 2020-05-07 GGCQ62 - [기타] 긴급재난지원금 신청 신규 제작 현재상태 스타일추가 */
.list_view .item_amount .check_view {margin:6px 0 0 0;}
.list_view .item_amount .check_view input[type="text"] {margin:0 10px 0 0; padding:7px 0 6px 10px;}
.list_view .item_amount .check_view input[type="text"].right_type {height:30px; line-height:30px; margin:0 10px 0 0; padding:0px 8px 0px 0px;}
.list_view .item_amount .hcbtn6 {margin-top:5px;}
.list_view .item_number {display:inline-block; width:334px; margin:0; font-size:15px; text-align:right; vertical-align:middle;}
.list_view .item_number.type1 {float:right; width:auto; margin:10px 0 0;}
.list_view .item_txt {display:inline-block; width:406px; margin:0; font-size:15px; text-align:right; vertical-align:middle;}
.list_view .item_button {display:inline-block; width:194px; margin:0; text-align:right; vertical-align:middle;}
.detail_view {display:none; position:relative; background:url('/image/common/dot_horizontal_01.png') repeat-x 0 0; line-height:44px;}
.detail_view .item_detail {margin:0 0 0 174px;}
.detail_view .item_detail:after {display:block; content:''; clear:both;}
.detail_view .item_detail li {float:left; padding:0 6px; background:url('/image/common/bar_type_05.png') no-repeat 0 48%; color:#666; font-size:13px;}
.detail_view .item_detail li:first-child {padding:0 6px 0 0; background:none;}
.detail_view > .hcbtn1 {position:absolute; top:16px; right:64px; line-height:1}
.detail_view .btn_group {position:absolute; top:16px; right:64px; line-height:1}
.detail_view .btn_group:after {display:block; clear:both; content:""}
.detail_view .btn_group li {float:left; margin-left:20px;}
.detail_view .btn_group li:first-child {margin:0;}
.history_section .date_select {padding:20px 64px;}
.history_section .date_select .title_article {display:inline-block; width:200px; vertical-align:middle;}
.history_section .date_select .title_article .title {color:#666; font-size:15px;}
.history_section .date_select .radiobox {vertical-align:middle;}
.history_section .btn_usage {position:absolute; top:50%; right:64px; margin:-10px 0 0 0; width:20px; height:20px; background:url('/image/common/arrow_01.png') no-repeat 0 0;}
.history_section .btn_usage:hover{background-position:0 -21px;}
.history_section .btn_usage.on {background:url('/image/common/arrow_01.png') no-repeat -20px 0;}
.history_section .btn_usage.on:hover{background-position:-20px -21px;}
.history_section .select_content {position:absolute; top:-3px; right:0;}

.history_total {border-bottom:1px solid #e1e1e1; background:#fafafa;}
.history_total:after {display:block; content:''; clear:both;}
.history_total.type2 {margin:0 0 10px 0; border:1px solid #e1e1e1; background:none;}
.history_total .total_view {padding:27px 64px 26px; text-align:left;}
.history_total .total_view.pr {padding:16px 59px 15px 64px; text-align:left;}
.history_total .total_view.type2 {padding:0 64px; line-height:73px; text-align:left;}
.history_total .total_view.type3 {padding:20px 35px 20px 25px; text-align:left;}
.history_total .total_view.type4 {padding:12px 35px 11px 25px; text-align:left;}
.history_total .total_view.type5 {padding:16px 24px 13px; text-align:left;}
.history_total .total_view.type6 {padding:16px 34px 16px 24px; text-align:left;}
.history_total .total_view:after {display:block; content:''; clear:both;}
.history_total .total_view .bind_item {display:inline-block; width:655px; font-size:0; vertical-align:middle;}
.history_total .total_view .bind_item.type1 {margin-left:-40px;}
.history_total .total_view .bind_item.type1 label {padding-left:40px;}
.history_total .total_view .bind_item.type2 {width:635px;}
.history_total .total_view .bind_item.type3 {width:690px;}
.history_total .total_view .bind_item.type4 {float:left; width:auto;}
.history_total .total_view .bind_item:after {display:block; content:''; clear:both;}
.history_total .total_view .bind_item .item_check {display:inline-block; margin:0 15px 0 -39px; vertical-align:middle;}
.history_total .total_view .bind_item .item_total {display:inline-block; vertical-align:middle;}
.history_total .total_view .bind_item strong {display:block; color:#000; font-size:15px; font-weight:normal;}
.history_total .total_view .bind_item ul {margin:8px 0 0 0;}
.history_total .total_view .bind_item ul:after {display:block; content:''; clear:both;}
.history_total .total_view .bind_item ul li {float:left; padding:0 0 0 12px; background:url('/image/common/bar_type_05.png') no-repeat 6px 49%; color:#666; font-size:13px;}
.history_total .total_view .bind_item ul li:first-child {padding:0; background:none;}
.history_total .total_view .item_amount {display:inline-block; width:244px; color:#000; font-size:15px; text-align:right; vertical-align:middle;}
.history_total .total_view.pr .item_amount {display:inline-block; width:248px; color:#000; font-size:15px; text-align:right; vertical-align:middle;}
.history_total .total_view .item_amount.type1 {float:right;}
.history_total .total_view .item_amount .total span {font-size:21px; font-family:'YouandiModernHEB';}
.history_total2 {border-bottom:1px solid #e1e1e1; }
.history_total2.type2 {background:none;}
.history_total2 .total_view {background:#fafafa; padding:0 64px; border-top:1px solid #e1e1e1; line-height:73px;}
.history_total2 .total_view:hover{background:#f0f0f0;}
.history_total2 .total_view:first-child {border-top:0 none;}
.history_total2 .total_view .bind_item {display:inline-block; width:695px; font-size:0; vertical-align:middle;}
.history_total2 .total_view .bind_item:after {display:block; content:''; clear:both;}
.history_total2 .total_view .bind_item strong {display:inline-block; width:200px; color:#000; font-size:15px; font-weight:normal; line-height:19px; vertical-align:middle;}
.history_total2 .total_view .bind_item ul {display:inline-block; margin:0; vertical-align:middle; width:450px; margin:27px 0 25px;}
.history_total2 .total_view .bind_item ul:after {display:block; content:''; clear:both;}
.history_total2 .total_view .bind_item ul li {float:left; padding:0 0 0 10px; margin-left:8px; background:url('/image/common/bar_type_05.png') no-repeat 0 40%; color:#666; font-size:13px; display:inline; line-height:22px;}
.history_total2 .total_view .bind_item ul li:first-child {padding:0; background-image:none;}
.history_total2 .total_view .item_amount {display:inline-block; width:204px; color:#000; font-size:15px; text-align:right; vertical-align:middle;}
.history_total2 .total_view .item_amount {font-size:15px;}
.history_total2 .total_view .item_amount span {font-size:21px;}
.history_total2 .total_view .item_amount .total span {font-family:'YouandiModernHEB';}
.history_total2 .total_view .bind_item ul li:first-child {margin-left:0px;}
.history_total3 {border-bottom:1px solid #e1e1e1; background:#fafafa;}
.history_total3.type2 {background:none;}
.history_total3 .total_view {position:relative; padding:0 64px; border-top:1px solid #e1e1e1; line-height:73px;}
.history_total3 .total_view:first-child {border-top:0 none;}
.history_total3 .total_view .bind_item {display:inline-block; width:695px; font-size:0; vertical-align:middle;}
.history_total3 .total_view .bind_item:after {display:block; content:''; clear:both;}
.history_total3 .total_view .bind_item strong {display:block; color:#000; font-size:15px; font-weight:normal; line-height:19px; vertical-align:middle;}
.history_total3 .total_view .bind_item ul {display:block; margin:0; vertical-align:middle;}
.history_total3 .total_view .bind_item ul:after {display:block; content:''; clear:both;}
.history_total3 .total_view .bind_item ul li {float:left; padding:0 0 0 12px; background:url('/image/common/bar_type_05.png') no-repeat 6px 49%; color:#666; font-size:13px; line-height:24px;}
.history_total3 .total_view .bind_item ul li:first-child {padding:0; background:none;}
.history_total3 .total_view .item_amount {display:inline-block; width:204px; color:#000; font-size:15px; text-align:right; vertical-align:middle;}
.history_total3 .total_view .item_amount {font-size:15px;}
.history_total3 .total_view .item_amount span {font-size:21px;}
.history_total3 .total_view .item_amount.right_type {float:right;}
.history_total3 .btn_open {position:absolute; right:24px; top:29px; width:20px; height:20px;  background:url(/image/common/arrow_open_02.png) no-repeat 0 0; text-indent:-999em}
.history_total3 .btn_open.on {background:url(/image/common/arrow_close_02.png) no-repeat 0 0;}
.history_total3 .btn_group {position:absolute; right:0; top:6px;}
.history_select {padding:20px 64px;}
.history_select:after {display:block; clear:both; content:""}
.history_select .radioType2 {float:right;}
.history_select .radioType2 li {margin:8px 0 0;}
.history_select .radioType2 li:first-child {margin:0}
.history_select .radioType2 li:after {display:block; clear:both; content:""}
.history_select .radioType2 li > * {float:left;}
.history_select .radioType2 label {margin-top:5px;}
.history_select .account_price {width:200px; margin-left:38px; font-size:15px; text-align:right}
.history_select .account_price em {font-size:21px;}
.history_select .account_price input[type="text"] {margin:0 10px 0 0; padding:7px 0 6px 10px;}
.history_select .account_price input[type="text"].right_type {margin:0 10px 0 0; padding:7px 10px 6px 0px;}

/* List Type3 */
.line_section {width:100%; margin:0 auto;}
.line_section.zero {margin:32px auto 0 auto;}
.line_section.zero.type_1 {margin-top:38px;}
.line_section.zero.type_2 {margin-top:20px;}
.line_section.zero.type_3 {margin-top:17px;}
.line_section.zero.type_4 {margin-top:22px;}
.line_section.first {margin:40px auto 0 auto;}
.line_section.first.list {margin:30px auto 0 auto;}
.line_section.second {margin:80px auto 0 auto;}
.line_section.second.type1 {margin:72px auto 0 auto;}
.line_section.second.list {margin:71px auto 0 auto;}
.line_section.type1 {margin:33px auto 0 auto;}
.line_section.type2 {margin:31px auto 0 auto;}
.line_section:after {display:block; content:''; clear:both;}
.line_section .title_article {padding:0 0 15px 0;}
.line_section .title_article .title {font-size:15px;}
.line_section .title_article2 {position:relative; padding:0 0 15px 0;}
.line_section .title_article2 + .list_style01.large{ margin-top:-5px;}
.line_section .title_article2:after {display:block; content:''; clear:both;}
.line_section .title_article2 .title {float:left; font-size:21px;}
.line_section .title_article2 .hcbtn1 {float:right; margin:6px 0 0 0;}
.line_section .title_article2 .hcbtn.print {position:absolute; right:0; top:-7px;}
.line_section .title_article2 .hcbtn_midium {position:absolute; right:0; top:-4px;}
.line_section .title_article2 .standard_guide {color:#666; font-size:13px;}
.line_section .title_article2 .beside_txt {display:inline-block; margin:8px 0 0 5px; color:#666; font-size:13px;}
.line_section .title_article2 .beside_txt.type1 {display:inline-block; margin:8px 0 0 10px; color:#666; font-size:13px;}
.line_section .title_article2.type1 {padding-bottom:18px;}
.line_section .content_article {position:relative; border-top:2px solid #555; border-bottom:1px solid #e1e1e1;}
.line_section .content_article.type2{ margin-top:20px;}
.bind_line:after {display:block; content:''; clear:both;}
.bind_line .line_list {width:484px; float:right;}
.bind_line .line_list > li {padding:17px 64px 17px 0; border-top:1px solid #f0f0f0; color:#666;}
.bind_line .line_list:first-child {float:left;}
.bind_line .line_list:first-child > li {padding:17px 0 17px 64px; border-top:1px solid #f0f0f0; color:#666;}

.line_list {width:100%}
.line_list > li {padding:17px 64px; border-top:1px solid #f0f0f0; color:#666;}
.line_list > li:after {display:block; content:''; clear:both;}
.line_list > li:first-child {border-top:0 none;}
.line_list > li .item_first {display:inline-block; width:200px; color:#666; font-size:15px; font-weight:normal; vertical-align:top;}
.line_list > li.type_1 .item_first {line-height:24px;}
.line_list > li .item_left {display:inline-block; width:370px; color:#000; font-size:15px;}
.line_list > li .item_left {display:inline-block; width:370px; color:#000; font-size:15px;}
.line_list > li .item_right {float:right; color:#000; font-size:15px; text-align:right;}
.line_list > li .item_right.type2 {color:#666;}
.line_list > li .item_right .type1{font-weight: normal; font-family:"YouandiModernHEB";}
.line_list > li .item_right .input_price input {padding:11px 0 10px 10px; font-size:15px; text-align:right; }
.line_list > li .item_right .input_price input.type2 {padding:9px 14px 14px 10px; font-size:15px; text-align:right;  font-family:"YouandiModernHEB"; color:#000; margin-right:4px;}
.line_list > li .item_right .input_price input.type2::-webkit-input-placeholder {color:#000;}
.line_list.type1 > li{padding:19px 62px 19px 64px;}
.line_list.type1 > li.type1{padding:16px 64px;}
.line_list.type1 > li.type1 .item_first {margin-top:3px;}
.line_list.type1 > li .item_right .guide_txt3 {margin:15px 0px 0px;}
.line_list > li .item_right .guide_txt3 {display:block; margin:10px 25px 0 0; color:#666; font-size:13px;}
.line_list .checkbox {float:left; margin:0 0 0 -34px;}
.line_list .checkbox label {padding-left:40px; color:#666;}
.line_list .point {font-weight:normal; font-family:"YouandiModernHEB"}
.line_list.type2 > li {padding:17px 0;}
.line_list.type3 > li {padding:19px 64px 19px 0;}
.line_list.type4 > li {padding:10px 0; font-size:13px;}
.line_list.type4 > li .item_right {font-size:13px;}
.line_list.type4 > li:first-child {padding-top:0;}
.line_list.type5 > li {padding:19px 64px;}
.line_list.type6 > li .item_first {width:162px;}
.line_list.type6 > li .item_left {width:300px;}
.line_list.type6 > li .item_right {width:175px; text-align:center}
.line_list.type6 > li .item_right:before {display:block; float:left; width:1px; height:12px; margin-top:2px; background:#e1e1e1; content:""}
.line_list li.line_header{ color:#000;}
.line_list li.line_header .item_right{ color:#000;}
.line_list li.line_footer{padding:28px 64px; border-top:1px solid #e1e1e1; background:#fafafa; color:#000;}
.line_list li.line_footer.type2{padding:22px 64px 16px;}
.line_list li.line_footer .point{ display:inline-block; margin-top:-4px; font-size:21px;}
.line_section .line_group {border-top:1px solid #f0f0f0; border-bottom:0 none;}
.line_section .line_group:after {content:""; display:block; clear:both;}
.line_section .line_group:first-child {border-top:0 none; border-bottom:0 none;}
.line_section .line_group .list_common {padding:0; color:#666; font-size:15px; line-height:22px;}
.line_section .line_group .list_common2 {padding:0; color:#666; font-size:13px; line-height:22px;}
.line_section .line_group .list li {font-size:15px;}
.line_section .line_group .list li:first-child {margin:0;}
.line_section .line_group .list_common .card_list  > li{ display:inline-block; width:88px; margin-right:20px; padding:5px 0; font-size:13px; color:#666; line-height:18px; vertical-align:top;}
.line_section .line_group .list_common.wt80 .card_list > li{display:inline-block; width:80px; margin-right:20px; padding:5px 0; font-size:13px; color:#666; line-height:18px; vertical-align:top;}/*2021-07-28 GGU402 wt80 추가*/
.line_section .line_group .list_common.wt120 .card_list > li{width:120px}/* 2021-11-08 GGU402 [컬쳐라이프스타일] IRON & WOOD 내 카드플레이트 추가 제작 요청의건 (AMEX) */
.line_section .line_group .list_common .card_list  > li img{ display:block; width:100%;}
.line_section .line_group .list_common .card_list  > li span{ display:block; margin-top:14px;}
.life_line_section .group_box{font-size:13px; color:#666666; line-height:24px;}
.line_section .line_group p.list{padding-left:10px; text-indent:-10px;}
.line_section .line_group p.dot{padding-left:15px; text-indent:-10px;}
.line_section .line_group .group_box_1:first-child {border-top:0 none; border-bottom:0 none;}
.line_section .line_group .group_box_1 .list_common {padding:0; color:#666; font-size:15px; line-height:22px;}
.line_section .line_group .group_box_1 .list_common2 {padding:0; color:#666; font-size:13px; line-height:22px;}
.line_section .line_group .group_box_1 .list li {font-size:13px;}
.line_section .line_group .group_box_1 .list li:first-child {margin:0;}
.line_section .line_group .group_box_1 .list_common .card_list  > li{ display:inline-block; width:88px; margin-right:20px; font-size:13px; color:#666; line-height:18px; vertical-align:top;}
.line_section .line_group .group_box_1 .list_common .card_list  > li img{ display:block; margin-bottom:14px; width:100%;}
.line_group .group_box_1 .list li {padding-left:35px; background:url(/image/common/bul_list_01.png) no-repeat 25px 9px; color:#666; font-size:13px; line-height:22px;}
.line_group .group_box_1 .list .list_dot_2 li {padding-left:7px; background:none}
.title_article + .content_article .line_group {margin:-1px 0 0 0; padding:0; border-top:1px solid #f0f0f0; border-bottom:1px solid #e1e1e1;}
.line_group {margin:0; padding:0; border-bottom:1px solid #e1e1e1;}
.line_group:after {display:block; content:''; clear:both;}
.line_group .group_title {float:left; width:200px; padding:16px 0 0 64px; color:#000; font-size:15px; line-height:21px;}
.line_group .group_title.line_sty {width:176px;}
.line_group .group_box {float:left; width:704px; padding:15px 64px 15px 0; border-top:0 none;}
.line_group .group_box_1 {float:left; width:790px; padding:0px; border-top:0 none; border-left:1px solid #f0f0f0;}
.line_group .group_box_2{float:left; width:768px; padding:16px 0; border-top:0 none;}
.line_group .group_box.type1 {width:505px;}
.line_group .group_box.type2 {padding:15px 0px 15px 0px; width:765px;}
.line_group .group_box.line_sty01 {width:700px; padding:15px 64px 15px 25px; border-left:1px solid #f0f0f0;}
.line_group .list_common {padding:20px 64px; color:#666; font-size:15px; line-height:22px;}
.line_group .list_common2 {color:#666; font-size:13px; line-height:22px;}
.line_group .list dt {margin:0 0 15px 0; color:#666; font-size:15px;}
.line_group .list.type1 dt {margin:0 0 4px 0; color:#666; font-size:15px;}
.line_group .list dd,
.line_group .list > li {padding-left:7px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#666; font-size:13px; line-height:22px;}
.line_group .list li:first-child {margin:15px 0 0 0;}
.line_group .list2 {margin:0;}
.line_group .list2 li {padding:0 0 2px 17px; color:#666; font-size:15px; line-height:22px;}
.line_group .list2 .num {display:inline-block; width:17px; margin-left:-17px;}
.line_group .list2 a {color:inherit;}
.line_group .list3 dt {margin:15px 0 10px 0; color:#666; font-size:13px;}
.line_group .list3 dt:first-child {margin-top:0;}
.line_group .list3 dd,
.line_group .list3 li {padding-left:7px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#666; font-size:13px; line-height:22px;}
.line_group .list3 li:first-child {margin-top:0;}
.line_group .list_number li {padding:0; background:none; color:#666; font-size:13px; line-height:22px;}
.line_group .list_number li:first-child {margin-top:0;}
.line_total {border-bottom:1px solid #e1e1e1; background:#fafafa; line-height:75px; text-align:right;}
.line_total:after {display:block; content:''; clear:both;}
.line_total .bind_item {float:left; margin:0 0 0 64px;}
.line_total .bind_item strong {float:left; width:112px; color:#000; font-weight:normal; text-align:left;}
.line_total .bind_item strong span {font-size:21px; font-family:'YouandiModernHEB';}
.line_total .bind_item ul {float:left; margin:0;}
.line_total .bind_item ul:after {display:block; content:''; clear:both;}
.line_total .bind_item ul li {float:left; padding:0 0 0 12px; background:url('/image/common/bar_payment.png') no-repeat 6px 50%; color:#666; font-size:13px;}
.line_total .bind_item ul li:first-child {padding:0; background:none;}
.line_total .item_amount {float:right; margin:0 64px 0 0;}
.line_total .item_amount p {color:#000; font-size:15px;}
.line_total .item_amount span {color:#000; font-size:21px; font-family:'YouandiModernHEB';}

/* 완료 */
.complete_contents {width:1032px; margin:70px auto 0 auto;}
.complete_contents.type_1 {margin-top:29px;}
.complete_contents > .title {color:#000; font-size:34px; line-height:44px; text-align:center;}
.complete_contents > .title.type1 {font-size:34px; line-height:44px;}
.complete_contents > .title.type1 + .text_box {margin: 60px 0; text-align: center;}
.complete_contents > .title.type1 + .text_box strong {font-size: 26px;}
.complete_contents > .title.type1 + .text_box p {margin-top: 20px;}
.complete_contents > .title.type2{padding-top:20px; font-size:17px; line-height:26px; text-align:center;}
.complete_contents > .title.type3 {font-size:41px; line-height:56px;} /* 2021-08-10 GGU477 추가 */
.complete_contents > .title + .btn_article {margin:31px  auto 0;}
.complete_contents > .title + .btn_article.type1 {margin:33px  auto 0;}
.complete_contents > .complete_guide + .btn_article {margin:35px  auto 0;}
.complete_guide {margin:17px auto 0 auto; text-align:center;}
.complete_guide.type1 {width:680px;margin:30px auto 0 auto;}
.complete_guide.type1 .info_list {}
.complete_guide.type1 .info_list li {padding:16px 0 16px 64px;}
.complete_guide.type1 .info_list .tit{text-align:left;}
.complete_guide.type1 .info_list .form{width:416px;}
.complete_guide p {color:#666; font-size:15px; line-height:23px;}
.complete_guide p em {color:#1e75d6;}
.complete_contents .line_article {width:680px; margin:36px auto 0 auto;}
.complete_contents .line_section .content_article .line_list > li {padding:17px 0 17px 64px; line-height:20px}
.complete_contents .line_section .content_article .line_list.type1 > li {padding:17px 64px 17px 64px;}/*2020-10-27 GGCN45 : 선배포가능*/
.complete_contents .line_section .content_article .line_list > li.type_1 {padding-top:13px; padding-bottom:13px;}
.complete_contents .line_section {width:680px; margin:31px auto 0 auto;}
.complete_contents .line_section.large {width:100%; margin:30px auto 0 auto;}
.complete_contents .line_section.large2 {width:100%; margin:80px auto 0 auto;}
.complete_contents .line_section .detail_result {margin:7px 0 0 0;}
.complete_contents .line_section .detail_result:after {display:block; content:''; clear:both;}
.complete_contents .line_section .detail_result li {float:left; padding:0 6px; background:url('/image/common/bar_payment.png') no-repeat 0 50%; color:#666; font-size:13px;}
.complete_contents .line_section .detail_result li:first-child {padding:0 6px 0 0; background:none;}
.complete_contents .list_style01 {width:1032px; margin:15px auto 0 auto;}
.complete_contents .box_fold .list_style01 {width:auto;}
.complete_contents .card_img {padding:4px 0 27px;}
.complete_contents .card_value {margin-bottom:13px; font-size:21px; color:#000;}
.complete_contents .card_value .bar {display:inline-block; margin:-1px 12px 0; width:1px; height:18px; background:#f0f0f0; vertical-align:middle;}
.complete_contents .complete_guide + .line_section {margin:35px auto 0;}
.complete_contents.type2 {margin:48px auto 0 auto;}
.complete_contents.type2 > .title {color:#000; font-size:21px; line-height:100%; text-align:center;}
.complete_contents.type2 .complete_guide {margin:17px auto 0 auto; text-align:center;}
.complete_contents.type2 .complete_guide p {color:#666; font-size:15px; line-height:23px;}
.ico_cancel {padding:138px 0 0; margin-bottom:-2px; background:url("/image/temp/@temp_icon_80x80.gif") no-repeat center 40px;}
.complete_contents.type3 {margin:30px auto 0 auto;}

/* 조회 Box */
.inquery_section {margin:0 auto;}
.inquery_section.first {margin:40px auto 0 auto;}
.inquery_section.type2{margin:32px auto 0;}
.inquery_box {padding:20px 63px; border:1px solid #e1e1e1; border-top:2px solid #555;}
.inquery_box.type2{border-top:1px solid #e1e1e1 !important;}
.inquery_box.agree{padding:16px 57px;}
.inquery_box.add_sty_b {border-top:1px solid #555;}
.inquery_box.add_sty_none {border-top:1px solid #e1e1e1;}
.inquery_box.type2 {border-top:0 none;}
.inquery_box.type3 {border-top:1px solid #e1e1e1;}
.inquery_box.type4 {border-top:0 none; border-bottom:0 none;}
.inquery_box.type5 {padding:20px 25px;}
.inquery_box.type6 {padding:18px 63px 18px 63px;}
.inquery_box .row {display:block; margin:10px 0 0 0; font-size:0; vertical-align:top;}
.inquery_box .row:first-child {margin:0;}
.inquery_box .row .inquery_title {display:inline-block; width:110px; color:#000; font-size:15px; vertical-align:middle;}
.inquery_box .row .inquery_title.type1 {display:inline-block; width:113px; color:#000; font-size:15px; vertical-align:middle; }
.inquery_box .row .inquery_title + .radiobox,
.inquery_box .row .inquery_title + .form_select {margin:0; vertical-align:middle;}
.inquery_box .row .inquery_title label .point_color_2{ font-size:13px;}
.inquery_box .row .radiobox {vertical-align:top;}
.inquery_box .row .radiobox.type2 label {width:80px;}
.inquery_box .row .form_select {margin:0 0 0 12px;}
.inquery_box .row .form_select:first-child {margin:0;}
.inquery_box .row .use_calender {display:inline-block;}
.inquery_box .row .use_calender .use_date {vertical-align:top;}
.inquery_box .row .use_calender .direct_cld {margin:0; font-size:15px;}
.inquery_box .row .use_calender .cld_box {top:35px;}
.inquery_box .row .date_select .form_select {vertical-align:middle;}
.inquery_box .row input.type2,
.inquery_box .row input.type3 {padding-left:10px; height:30px; line-height:30px;}
.inquery_box.type1 .row .hcbtn_midium{ margin-top:-8px;}
.inquery_box .col {display:inline-block; width:500px;}
.inquery_box .col.type2 {width:396px;}
.inquery_box .btn_article {margin:10px auto 0 auto; padding-top:10px; border-top:1px solid #f0f0f0; font-size:0; text-align:center;}
.inquery_box .btn_article li {display:inline-block; margin:0 0 0 12px; vertical-align:middle;}
.inquery_box .btn_article li:first-child {margin:0;}
.inquery_box .hcbtn_midium {margin-left:12px;}
.inquery_box #searchBtn {vertical-align:top;}
.inquery_box .beside_txt {display:inline-block; margin:0 0 0 10px; color:#666; font-size:13px; vertical-align:middle;}
.inquery_box .beside_txt.type2 {margin-left:14px; color:#000; font-size:15px; }
.inquery_box .txt {margin:0 0 0 12px; font-size:15px; color:#666; vertical-align:middle}
.inquery_box2 {padding:40px 0; background:#fafafa; text-align:center;}
.inquery_box2.type2 {border:1px solid #e1e1e1; background:none;}
.inquery_box2 .row {display:block; margin:10px 0 0 0; vertical-align:top;}
.inquery_box2 .row:first-child {margin:0;}
.inquery_box2 .row .inquery_title {display:inline-block; margin:0 10px 0 0; color:#000; font-size:15px; vertical-align:middle;}
.inquery_box2 .row button {margin-left:5px;}
.inquery_box2 .row a {margin-left:6px;}
.inquery_box2 .row span.under{font-size:22px; }
.inquery_box2.type2.vdForm{text-align: left;padding-left:64px;}
.inquery_box3 {padding:20px 25px; border:1px solid #e1e1e1;  border-top:2px solid #555; text-align:left}
.inquery_box3 .row {margin-top:10px;}
.inquery_box3 .row:first-child {margin-top:0px;}
.inquery_box3 .row:after {display:block; clear:both; content:""}
.inquery_box3 .row > * {float:left;}
.inquery_box3 .row input {padding:8px 0 7px 10px;}
.inquery_box3 .row .choice_base > * {float:left; margin-left:13px;}
.inquery_box3 .row .choice_base  p {line-height:32px}
.inquery_box3 .row .txt {margin-left:5px; line-height:32px; font-size:13px}
.inquery_box3 .row .txt2 {margin-right:13px; font-size:13px; line-height:32px; color:#666;}
.inquery_box3 .row .txt3 {margin:0 5px 0 3px; font-size:13px; line-height:32px; color:#666;}
.inquery_box3 .row .txt4 {font-size:15px; line-height:32px; color:#666;}
.inquery_box3 .row .input_text_group {display:block;}
.inquery_box4 {padding:20px; background:#fafafa; border-top:2px solid #555;}
.inquery_box4 .label_data {margin-top:20px;}
/* 2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */
.inquery_box .row.type_float:after {content:'';display:block;clear:both;}
.inquery_box .row.type_float > .col {float:left;width:auto;margin-right:20px;}
.inquery_box .row.type_float > .col.last {float:right;margin-right:0;}
/* //2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */

/* 더보기 */
.list_more {display:block; border-bottom:1px solid #e1e1e1; background:#fff; color:#398ff0; font-size:15px; line-height:40px; text-align:center;}
.list_more a,
.list_more button {position:relative; padding:0 20px 0 0; color:#1e75d6; font-size:13px; line-height:40px; text-align:center;}
.list_more a:before,
.list_more button:before {display:block; position:absolute; top:50%; right:0; width:10px; height:6px; margin:-3px 0 0 0; background:url('/image/common/arrow_open_04.png') no-repeat 0 0; content:'';}
.list_more a:hover:after,
.list_more button:hover:after {display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#1e75d6; content: '';}
.list_more.type1 {border-top:1px solid #e1e1e1;}
.list_more.type2 {border-top:1px solid #f0f0f0; border-bottom:1px solid #e1e1e1;}
.list_more.type3 {border-top:none; border-bottom:1px solid #e1e1e1;}

/* tit wrap */
.tit_wrap h2,
.tit_wrap h3.h3_tit_2 {margin:0; font-size:21px; line-height:22px; color:#000;}
.tit_wrap h2 span{font-size:13px}
.tit_wrap.type_1 h2,
.tit_wrap.type_1 h3.h3_tit_2,
.tit_wrap.type_1 h3.h3_tit_3 {margin:20px 0 30px;}
.tit_wrap.type_2 h2,
.tit_wrap.type_2 h3.h3_tit_2,
.tit_wrap.type_2 h3.h3_tit_3 {margin-bottom:4px;}
.tit_wrap.type_3 h2,
.tit_wrap.type_3 h3.h3_tit_2,
.tit_wrap.type_3 h3.h3_tit_3 {margin-bottom:0;}
.tit_wrap.type_4 h2{margin-bottom:11px;}
.tit_wrap.type_4 h2.type1 {margin-bottom:12px;}
.tit_wrap.type_5 h2 {margin-bottom:3px;}
.tit_wrap h2.type1 {margin-bottom:2px;}
.tit_wrap h2,
.tit_wrap h3.h3_tit_2,
.tit_wrap h3.h3_tit_3 {display:inline-block;}
.tit_wrap h2 +  .txt_tit,
.tit_wrap h3.h3_tit_2 +  .txt_tit,
.tit_wrap h3.h3_tit_3 +  .txt_tit {display:inline-block; position:relative; top:2px; font-size:13px; color:#666; vertical-align:middle;}
.tit_wrap h2 + .txt_tit.type_1{margin-bottom: 0;}
.tit_wrap h2 + .txt_tit.type_2, .tit_wrap h3 + .txt_tit.type_2, .tit_wrap .txt_txt.type2{ margin:0 0 0 5px;}
.tit_wrap h2 + .txt_tit.type_2.type1 {margin:0 0 0 6px;}
.tit_wrap h3 + .txt_tit.type_2.type1 {margin:0 0 0 6px;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2 { margin:0;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2.type1 { margin:0 6px 0 6px;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2.type2 { margin:0 5px 0 5px;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2.type3 { margin:0 6px 0 5px;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2.type4 { margin:0 6px 0 0px;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2.type5 { margin:0 0px 0 2px;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2.type6 { margin:0 7px 0 0px;}
.box_list_info_1 .tit_wrap .txt_tit span.point_color_2.type7 { margin:0 10px 0 5px;}
.box_list_info_1 .tit_wrap .txt_tit > span.point_color_2.type1 { margin-left:0;}
.tit_wrap h2 + .txt_tit.type_3{margin:0 5px 0 5px;}
.tit_wrap h2 + .txt_tit.type_4{margin:0 5px 0 6px;}
.tit_wrap h3.h3_tit_4 {margin-bottom:15px; font-size:15px; color:#000;}
.tit_wrap .txt_tit_1 {float:right; margin-top:8px;}
.tit_wrap .input_group {float:right; width:50%; margin-top:-7px; margin-right:-6px; text-align:right;}
.tit_wrap .input_group.type2 {width:auto;margin-top:-10px;} /* 2019-04-23 add */
.line_section.second .title_section .title {margin-top:-2px;}
.title_section {position:relative; padding:0 0 18px 0;}
.title_section + .list_style01 {margin-top:-4px;}
.title_section.first {margin-top:40px;}
.title_section.second {margin-top:80px;}
.title_section.type2 {border-bottom:2px solid #555;}
.title_section.type3{ padding-top:23px;}
.title_section.type4{padding:0 0 17px 0;}
.title_section.type5 {padding:0 0 16px 0;}
.title_section:after {display:block; content:''; clear:both;}
.title_section .title {float:left; color:#000; font-size:21px;}
.title_section .title.type1 {padding-top:25px;}
.title_section .title a:hover{color:#1e75d6;}
.title_section .title2 {float:left; color:#000; font-size:15px;}
.title_section .beside_txt {float:left; margin:8px 0 0 7px; color:#666; font-size:13px;}
.title_section .beside_txt.type1 {margin:8px 0 0 0;}
.title_section .beside_txt.type2 {margin:8px 0 0 10px;}
.title_section .beside_txt .point_color_2 {margin:0 5px 0 -7px;}
.title_section .beside_txt .important {color:#fc3636;}
.title_section .btn_article {float:right; margin:0;}
.title_section .btn_article li {display:inline-block; float:none;}
.title_section .btn_article li .hcbtn1 {margin:8px 0 0 0;}
.title_section .hcbtn1 {float:right; margin:8px 0 0 20px;}
.title_section .link_right .hcbtn1 {float:left;} /* 2020-06-09 GGU282 웹접근성 - 추가 */
.title_section .select_content {position:absolute; right:0; bottom:10px;}
.title_section .select_content .form_select {margin:0 5px 0 0;}
.title_section .select_content.type1 .form_select {margin:-7px 5px 0 0;}
.title_section .select_content.type1 > button {margin:-1px -1px 5px 5px;}
.title_section .radiobox {margin:-5px 0 0 15px;}
.title_section .radiobox label {width:78px;}
.title_section .desc{margin-top:13px;font-size:15px;line-height:18px;color:#666;} /* 2020-05-19 GGU282 [나만의혜택] the Green_고메 탭 신규 제작 요청(마이메뉴 이관) - 추가 */

/* 2020-04-29 GGU282 - 정부 긴급재난지원금 신청 - 추가 */
.title_section .title.type2 {float:none;line-height:26px;}
.title_section .beside_txt2 {margin:10px 0 0 0; color:#666; font-size:18px; line-height:22px;}
/* //2020-04-29 */



/*  팝업 */
.input_group .benefits_pop {position:absolute; top:22px; right:32px;}
.input_group .benefits_pop .select_wrap {height:31px;}
.benefits_pop .select_wrap .ul_select  {top:31px;}
.benefits_pop .select_wrap .ul_select_list  {top:31px}
.benefits_pop_1 .select_wrap .ul_select  {top:31px;}
.input_group .benefits_pop .select_wrap .btn_select {height:31px; line-height:31px;}
.input_group .benefits_pop_1 {position:absolute; top:40px; right:32px;}
.input_group .benefits_pop_1 .select_wrap {height:31px;}
.input_group .benefits_pop_1 .select_wrap .btn_select {height:31px; line-height:31px;}
.tbl_pop {width:380px; margin: 0 auto; border-top:2px solid #555555; border-bottom:1px solid #e1e1e1;}
.tbl_pop  li {display:inline-block; width: 49%; padding:16px 0; font-size:15px; color:#000;}
.tbl_pop  li:first-child {font-size:15px; color:#666;}

/* choice */
.choice_base .choice_group > *,
.choice_group_add > .choice_unit,
.choice_group_add.on > *,
.sub_choice_group {display:none;}
.choice_base .choice_group > *.on,
.choice_group_add.on > .choice_unit,
.choice_group_add > .on,
.sub_choice_group.on {display:block;}
.choice_base .choice_group > .choice_1 {margin-top:10px;}
.choice_base.type_1 {margin-top:15px; padding:15px 0; border-style:solid; border-width:2px 1px 1px; border-color:#555 #e1e1e1 #e1e1e1;}
.choice_base.type_1 .list_info_1 {border:none; margin-top:0; padding-top:0; padding-bottom:0;}
.choice_base.type_2 {border-top:1px solid #e1e1e1;}
.choice_base.type_2 .list_info_1 {border:none; margin-top:0; padding-top:0; padding-bottom:0;}
.choice_base.line {padding-bottom:16px; border-bottom:1px solid #e1e1e1;}
.choice_base .view_radio_1.on {display:block;}
.choice_base .list_info_1.type_5 > li {min-height:40px;}
.choice_group .on{display:block;}
.choice_group.rowtype {display:inline-block;}

/* 이용안내 (슬라이드) */
.accordion_unit.type_1 .box_fold {padding:0; border:none;}
.accordion_unit.type_1 .title {position:relative; border-bottom: 2px solid #555;}
.accordion_unit.type_1 .title a {display:block; padding-bottom:18px; font-size:21px; color:#000;}
.accordion_unit.type_1 .title a:before { display:block; position:absolute; top:50%; right:40px; width:18px; height:10px; margin:-5px 0 0 0; background:url('/image/common/arrow_open_03_1.png') no-repeat 0 0; content:'';}
.accordion_unit.type_1 .title a:before {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.accordion_unit.type_1 .on .title a:before { background-position:0 -12px;}
.box_fold {display:none; padding:27px 62px; border:1px solid #e1e1e1;}
.box_fold.type_2 {padding:43px 63px 41px; font-size:13px;}
.box_fold.type_3 {padding:48px 63px; font-size:13px;}
.box_fold.type_4 {padding:0; border:0; border-top:2px solid #e1e1e1;}
.box_fold.type_5 {padding:43px 63px 42px; font-size:13px;}
.box_fold.type_6 {padding:48px 63px 40px; font-size:13px;}
.box_fold h3 {margin-top:32px; margin-bottom:14px;}
.box_fold h3:first-child {margin-top:8px;}
.box_fold h3.tit_type1 {margin-bottom:10px; color:#666; font-size:13px;}
.box_fold.type_2 h3:first-child {margin-top:4px;}

/* js 관련 */
.address_change .address_group {display:none}
.address_change.on .address_group {display:block}

/* 공용 배너 */
.public_banner {margin:80px auto 0; width:1032px;}
.public_banner.zero {margin-top:0px;}
.public_banner.first {margin-top:40px;}
.public_banner.first.type1 {margin-top:34px;}
.public_banner .banner_inner {min-height:250px; padding:35px 64px 35px; text-align:left}
.public_banner .banner_inner.type1 {padding:33px 64px 37px; text-align:left}
.public_banner .banner_tit {margin-bottom:16px; font-size:34px; color:#000; font-weight:normal; line-height:44px; text-align:left}
.public_banner .banner_tit.type1 {margin-bottom:16px; font-size:34px; color:#000; font-weight:normal; line-height:44px}
.public_banner .banner_tit + p {margin-bottom:8px; text-align:left}
.public_banner p {font-size:15px; color:#666;}
.public_banner p.txt1 {margin-bottom:9px; font-size:15px; color:#666;}
.public_banner p.txt1 strong {font-weight:normal; }
.public_banner p.txt2 {font-size:15px; color:#666;}
.public_banner p.black {color:#000;}
.public_banner .visual_img {display:none;}
.public_banner .banner_inner.on .visual_img {display:block; position:relative;}
.public_banner .banner_inner.on .visual_img img {display:none;}
.public_banner .banner_inner.on .visual_img .visual_img_p {display:block; position:absolute; top:40px; left:63px;}
.public_banner .banner_inner.on .visual_img .visual_img_p p.type1 {font-size:38px; line-height:34px; color:#fff; padding-left:0px; margin-bottom:20px;}
.public_banner .banner_inner.on .visual_img .visual_img_p span.type1 {font-size:15px; line-height:24px; color:#fff; }
.public_banner.slide {position:relative; overflow:hidden; height:320px;}
.public_banner.slide:after {display:block; clear:both; content:""}
.public_banner.slide .banner_inner { float:left; width:1032px; height:320px; padding:0;}
.public_banner.slide .banner_inner p {padding-left:64px;}
.public_banner.slide .banner_inner .banner_tit {padding:37px 0 0 64px; margin-bottom:19px;}
.public_banner.slide .banner_inner .banner_tit.type1 {padding:33px 0 0 64px; margin-bottom:16px;}
.public_banner.slide .public_slider {width:100%; height:inherit;}
.public_banner.slide .public_slider_indicator {overflow:hidden; position:absolute; bottom:20px; left:50%; width:200px; margin-left:-100px; text-align:center}
.public_banner.slide .public_slider_indicator .list_btn {display:inline-block;}
.public_banner.slide .public_slider_indicator .list_btn a {display:block; width:8px; height:8px;}
.public_banner.slide .public_slider_indicator .list_btn span {display:block; position:static; width:8px; height:8px; background:url(/image/common/sp_arrow.png) no-repeat 0 0; text-indent:-999em}
.public_banner.slide .public_slider_indicator .list_btn1 li {float:left; display:none;}
.public_banner.slide .public_slider_indicator .list_btn1 li.on {display:block;}
.public_banner.slide .public_slider_indicator .list_btn1 .li_stop span {background-position:0px -106px}
.public_banner.slide .public_slider_indicator .list_btn1 .li_play span {background-position:-10px -106px}
.public_banner.slide .public_slider_indicator .list_btn1.type1 .li_stop span {background-position:-147px 0}
.public_banner.slide .public_slider_indicator .list_btn1.type1 .li_play span {background-position:-157px 0}
.public_banner.slide .public_slider_indicator .list_btn2:after {display:block; clear:both; content:""}
.public_banner.slide .public_slider_indicator .list_btn2 li {float:left; margin-left:16px;}
.public_banner.slide .public_slider_indicator .list_btn2 span {background-position:-30px -106px }
.public_banner.slide .public_slider_indicator .list_btn2 .on span {background-position:-20px -106px }
.public_banner.slide .public_slider_indicator .list_btn2.type1 span {background-position:-167px 0}
.public_banner.slide .public_slider_indicator .list_btn2.type1 .on span {background-position:-177px 0 }
.public_banner.type2 {height:320px;}
.public_banner.type2.slide .banner_inner {height:320px;}
.public_banner.type2 .banner_inner .banner_tit {padding:35px 0 0 64px; margin-bottom:16px; width:450px;}
.public_banner.type2 ul.banner_btn.type1
.public_banner.type2 p {line-height:24px}
.public_banner.type2 p.date{font-size:13px;}
.public_banner.type2 p.banner_tit {line-height:44px; font-size:34px;}
.public_banner.type2 p.banner_tit2 {padding-top:60px; margin-bottom:19px; font-size:38px; line-height:1; color:#000;}
.public_banner.type2 .banner_btn {padding:6px 0 0 64px;}
.public_banner.type2 .banner_btn.type1{padding:29px 0 0 64px;}
.public_banner.type2 .banner_btn:after {display:block; clear:both; content:""}
.public_banner.type2 .banner_btn li {float:left; margin-left:10px;}
.public_banner.type2 .banner_btn li:first-child {margin:0;}
.public_banner.type2 .public_slider_indicator .list_btn1 .li_stop span {background-position:0px 0px}
.public_banner.type2 .public_slider_indicator .list_btn1 .li_play span {background-position:-10px 0px}
.public_banner.type2 .public_slider_indicator .list_btn2 span {background-position:-20px 0px }
.public_banner.type2 .public_slider_indicator .list_btn2 .on span {background-position:-30px 0px }
.public_banner.type2 .public_slider p {padding-left:64px;}
.public_banner.type2 .public_slider ul.banner_btn.type1 ul.banner_btn.type1 {padding-left:44px;}
.public_banner.type3 {height:332px; padding:0 0 70px 0;}
.public_banner.type3.slide .banner_inner {height:332px;}
.public_banner.type3 .banner_inner .banner_tit {padding:35px 0 0 64px; margin-bottom:11px;}
.public_banner.type3 p {line-height:22px}
.public_banner.type3 p.banner_tit {line-height:38px; font-size:32px;}
.public_banner.type3 p.banner_tit2 {padding-top:60px; margin-bottom:19px; font-size:38px; line-height:1; color:#000;}
.public_banner.type3 .banner_btn {padding:6px 0 0 64px;}
.public_banner.type3 .banner_btn:after {display:block; clear:both; content:""}
.public_banner.type3 .banner_btn li {float:left; margin-left:10px;}
.public_banner.type3 .banner_btn li:first-child {margin:0;}
.public_banner.slide .public_slider {height:320px; overflow:hidden;}
.public_banner.slide .public_slider_indicator {bottom:29px;}
.public_banner.type3 .public_slider_indicator .list_btn1 .li_stop span {background-position:0px 0px}
.public_banner.type3 .public_slider_indicator .list_btn1 .li_play span {background-position:-10px 0px}
.public_banner.type3 .public_slider_indicator .list_btn2 span {background-position:-20px 0px }
.public_banner.type3 .public_slider_indicator .list_btn2 .on span {background-position:-30px 0px }

/* 스카이스크래퍼 카드 링크 */
.box_card_side {position:fixed; top:50%; right:0; z-index:2; width:0; min-width:182px; width:auto; height:auto; margin-top:-123px; padding:20px 38px 20px 21px; /* background:url(/image/common/bg_transparent_gray.png); */background:#fff}/* 웹 접근성 작업 2019-06-14 */
.box_card_side.off {min-width:0; padding-left:0; border:none; background-image:none;background:transparent}/* 웹 접근성 작업 2019-06-14 */
.box_card_side .btn_fold a {display:block; overflow:hidden; position:absolute; top:50%; right:0; width:38px; height:0; margin-top:-19px; padding-top:38px; text-indent:-10000px;}
.box_card_side.off .btn_fold a { background:url(/image/common/bg_transparent_gray.png);}
.box_card_side .btn_fold a:before,
.box_card_side .btn_fold a:after {display:block; position:absolute; left:12px; width:14px; height:2px; content:'';}
.box_card_side .btn_fold a:before {top:14px; width:14px; height:2px; border-top:2px solid #666; border-bottom:2px solid #666;}
.box_card_side .btn_fold a:after {top:22px; background:#666;}
.box_card_side .btn_fold a:hover:before {border-color:#1e75d6;}
.box_card_side .btn_fold a:hover:after {background:#1e75d6;}
.box_card_side .page_move {display:none;}
.box_card_side.off .page_move {display:block;}
.box_card_side .page_move a {display:block; overflow:hidden; width:38px; height:0; padding-top:39px; text-indent:-10000px;}
.box_card_side .page_move a:after {display:block; position:absolute; top:15px; left:13px; width:14px; height:8px; content:'';}
.box_card_side .page_move li {position:absolute; right:0;}
.box_card_side .page_move li.li_up {top:50%; margin-top:-59px; background:url(/image/common/bg_transparent_gray.png);}
.box_card_side .page_move li.li_down {top:50%; margin-top:20px; background:url(/image/common/bg_transparent_gray.png);}
.box_card_side .page_move li.li_up a:after {background-position:-120px -10px;}
.box_card_side .page_move li.li_down a:after {background-position:-140px -10px;}
.box_card_side .page_move li.li_up:hover a:after {background-position:-120px -28px;}
.box_card_side .page_move li.li_down:hover a:after {background-position:-140px -28px;}
.link_card_side {overflow:hidden;}
.box_card_side.off .link_card_side {-webkit-transform:translate3d(-100%,0, 0); -moz-transform:translate3d(-100%,0, 0); -o-transform:translate3d(-100%,0, 0); -ms-transform:translate3d(-100%,0, 0); transform:translate3d(-100%,0, 0); margin-left:-200px; visibility:hidden}
.link_card_side li a {display:block; font-size:12px; line-height:24px; color:#666; white-space:nowrap;}
.link_card_side li.on{font-weight:bold}/* 웹 접근성 작업 2019-06-14 */
.link_card_side li.on a,
.link_card_side li a:hover {color:#1e75d6;}

/* visual */
.area_visual_card .box_indicator,
.area_visual_card_1 .box_indicator {position:absolute; bottom:38px; left:50%; z-index:4; width:600px; margin-left:-300px; text-align:center; display:block;}
.box_indicator {z-index:4;}
.arrow_across_1 li a,
.list_btn a span,
.list_indicator a span,
.favorite_card_side li button span,
.box_card_side .page_move a:after,
.btn_add_1:hover span:before,
.recommend_card_list .list_recommend_card:before,
.area_layer .box_info.type_agree .box_wrap .btn_open a:after,
.btn_next_section a:after {background-image:url(/image/common/sp_arrow.png); background-repeat:no-repeat;}
.content_card_point_1 .img_content_1,
.arrow_across_1 li a,
.list_btn a,
.list_indicator a,
.btn_next_section a {display:block; overflow:hidden; height:0; text-indent:-10000px;}
.area_visual_card_1 .box_indicator {bottom:24px;}
.box_indicator {text-align:center;}
.box_indicator .list_btn,
.box_indicator .list_btn li,
.box_indicator .list_btn li.on,
.box_indicator .list_indicator,
.box_indicator .list_indicator li {display:inline; margin:0; font-size:0;}
.box_indicator .list_btn li {display:none;}
.list_indicator a {display:inline-block; position:relative; width:26px; padding-top:26px; }/*2021-01-26 GGCN45 : background:url(about:blank); 삭제 */
.list_indicator a span {display:block; position:absolute; top:9px; left:9px; width:8px; height:8px; content:'';}
.list_indicator_1 a span {background-position:-20px 0;}
.list_indicator_1 .on a span {background-position:-30px 0;}
.list_indicator_2 a span {background-position:-60px 0;}
.list_indicator_2 .on a span {background-position:-70px 0;}
.list_indicator_3 a span {background-position:-120px 0;}
.list_indicator_3 .on a span {background-position:-130px 0;}

.card_main .box_tit h2 {font-size:40px; line-height:50px;}
.visual_card {overflow:hidden; position:relative;}
.itemAni_1,
.itemAni_2,
.itemAni_3,
.itemAni_4 {opacity:0;}
.on .itemAni_1 {-webkit-animation: itemAni .9s ease; -moz animation: itemAni .9s ease; -o animation: itemAni .9s ease; -ms animation: itemAni .9s ease; animation: itemAni .9s ease; opacity:1;}
.on .itemAni_2 {-webkit-animation: itemAni 1.1s ease; -moz animation: itemAni 1.1s ease; -o animation: itemAni 1.1s ease; -ms animation: itemAni 1.1s ease; animation: itemAni 1.1s ease; opacity:1;}
.on .itemAni_3 {-webkit-animation: itemAni 1.3s ease; -moz animation: itemAni 1.3s ease; -o animation: itemAni 1.3s ease; -ms animation: itemAni 1.3s ease; animation: itemAni 1.3s ease; opacity:1;}
.on .itemAni_4 {-webkit-animation: itemAni 1.5s ease; -moz animation: itemAni 1.5s ease; -o animation: itemAni 1.5s ease; -ms animation: itemAni 1.5s ease; animation: itemAni 1.5s ease; opacity:1;}

@-webkit-keyframes itemAni{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-moz-keyframes itemAni{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-o-keyframes itemAni{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@-ms-keyframes itemAni{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}
@keyframes itemAni{
    0%{opacity:0; transform:translateY(50px);}
    100%{opacity:1; transform:translateY(0px);}
}

/* article */
.aside_monetary {overflow:hidden; position:fixed; right:0px; bottom:0; height:93px; min-width:248px; padding:32px 39px 29px 33px; background:url(/image/bg/bg_transparent_gray.png) repeat 0 0;z-index:10;}
.aside_monetary:hover{ background:url(/image/bg/bg_transparent_gray_over.png) repeat 0 0}
.aside_monetary.off {width:248px; height:15px; padding:19px 39px 19px 33px; overflow:hidden;}
.aside_monetary.off .aside_tel, .aside_monetary.off .btn_area{display:none;}
.aside_monetary_inner_off + .aside_monetary_inner {margin-top:9px;}
.aside_monetary .aside_tit {display:block; margin-bottom:9px; font-weight:normal;}
.aside_monetary .aside_tit.type1{display:block;  font-weight:normal; margin-bottom:0;}
.aside_monetary .aside_tel {padding:2px 0 2px 25px; margin-bottom:17px; font-size:13px; color:#666; background:url(/image/icon/icon_monetary_article.png) no-repeat 0 0;  }
.aside_monetary .aside_tel .txt {margin-top:7px;}
.aside_monetary .btn_area {margin:0; height:32px; position:relative;}
.aside_monetary .btn_area:after{content:''; clear:both; display:block;}
.aside_monetary .btn_area.type_1 .hcbtn_midium {min-width:100px;}
.aside_monetary .btn_area li {margin-left:8px;}
.aside_monetary .btn_fold {position:absolute; right:18px; top:19px; padding:12px 11px; z-index:10;}
.aside_monetary.off .btn_fold {top:10px;}
.aside_monetary .btn_fold a {-webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -o-transition:all 0.15s linear; -ms-transition:all 0.15s linear; transition:all 0.15s linear;}
.aside_monetary .btn_fold a {display:block; overflow:hidden; position:relative; width:15px; height:10px; text-indent:-99999em; background:url(/image/icon/icon_article.png) no-repeat 0 -10px;}
.aside_monetary.off .btn_fold a {background-position:0 0;}


/* border *//* 보이스피싱예방안내 2020-04-06 GGCN35 */
.bor_2{display:block;border-bottom:2px solid #555;}


.scrollupanddownjesu {position:relative; margin-top:141px; position:fixed; top:0; left:center; width:100%; z-index:9;}
.area_content.type_bg.type17 {padding-top:180px;}
.area_content.type_1.area_it_card.type17 {margin-top:650px;}
.freakk_jesus {position:absolute; left:-11111111em; top:-11111111em;}
.radioType2 dfn {font-style:normal;display:inline-block; position:relative; height:16px; padding-left:24px; line-height:16px; font-size:15px; color:#000; background:url(/image/common/radio16x16.png) no-repeat 0 0;}
.radioType2 dfn.on  {background-position:0 -16px; color:#1e75d6;}
.area_card_kind > div.box_card_2 {padding-left:33px; margin-left:33px;}
.area_card_kind > div.box_card_2.firsttt {margin-left:0; padding-left:0;}
.address_search .form_group .input406 {width:380px\9;}

/* 금융리스트 */
.bank_list {margin-top: 40px; padding: 25px 40px 24px; border: 1px solid #e1e1e1; *zoom: 1;}
.bank_list:after {display: block; content: ""; clear: both;}
.bank_list li {float: left; width: 156px; text-align: center;}
.bank_list li a span {display: block; margin-top: 20px; font-size: 15px;}
.bank_list.type1 img {height:40px;}
.bank_list.type1 img.keb {height:19px; margin:10px 0 9px 0;}
.bank_list.type1 img.hn {height:19px; margin:10px 0 9px 0;}
.bank_list.type1 span {margin-top:16px;}
.link_layer.bank_list {display:inline-block; margin:0 0 0 20px; padding:0; border:0; }
.area_layer.bank_list {margin-top:auto; padding:0 60px 0 0; border:0;}
.list_info_1.type_18 {margin-top:0; padding:10px 0 20px 0; border-top:none; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.list_info_1.type_18 > li > .tit {top:14px; left:63px; width:110px; color:#000;}
.list_info_1.type_18 > li {padding:10px 0 0 175px; border-top:none; min-height:32px;}
.list_info_1.type_18 > li .radiobox.type5 label {width:184px;}
.list_info_1.type_18 > li .position_card li {margin-bottom:0;}
/* .list_info_1.type_18 > li .position_card input {padding:8px 0 7px 10px;} */
.list_info_1.type_18 > li .position_card .use_date, .list_info_1.type_18 > li .position_card .direct_cld {float:left;}

/* 즉시결제 */
.check_group li:first-child {border-top: 1px solid #f0f0f0;}

/* 금융 */
.utill_way .utill_way_order {margin:38px 0 0;padding-top:410px;}
.utill_way .utill_way_order:after {display:block; clear:both; content:""}
.utill_way .utill_way_order li {float:left; width:210px; margin-left:64px; text-align:center}
.utill_way .utill_way_order li:first-child {margin:0;}
.utill_way .utill_way_order strong {display:block; margin:18px 0 0; font-weight:normal;}
.utill_way .utill_way_order p {margin:6px 0 0;color:#666; line-height:22px; font-size:13px;}
.utill_way .utill_way_order p span {letter-spacing:-1px;}
.utill_way.last {padding-bottom:34px; border-bottom:1px solid #e1e1e1; }
.title_section + .utill_way .utill_way_order {margin:0;}
.hcapp_introduce {padding:80px 0 76px; margin:74px 0 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center}
.hcapp_introduce .app_tit {font-size:21px; text-align:center}
.hcapp_introduce .app_txt {margin:13px 0 0; color:#666; text-align:center; line-height:24px}
.app_download {display:inline-block; margin:34px auto 0; }
.app_download:after {display:block; clear:both; content:""}
.app_download li {float:left; margin-left:24px;}
.app_download li:first-child {margin:0;}
.app_download li:first-child {margin:0;}
.app_download .app_subtit {margin:20px 0 0; font-size:13px; color:#666;}

/* 배경 box style */
.box_bg {padding:20px 20px 18px; font-size:15px; text-align:left; background:#fafafa; }
.box_bg.type{padding:18px 0 16px 64px;font-size:13px;}
.area_layer .agree_layer .box_bg {margin:15px 0;}

/* 현대카드 신청 */
.sgm_employee {width:100%; text-align:center; padding:80px 0 0 0 !important;}
.sgm_employee .content {width:1032px; margin:0 auto; text-align:left;}
.sgm_employee .content h1 {text-align:center;}
.sgm_employee .content h1 span {display:block; text-align:center; font-size:13px; line-height:14px; color:#666; padding-top:20px;}
.sgm_employee .content .line_section {width:100%; margin:80px auto 0; border:1px solid #e5e5e5;}
.sgm_employee .content .line_section .inner {padding:48px 64px;}
.sgm_employee .content .line_section .inner .tit_wrap {text-align:center;}
.sgm_employee .content .line_section .inner .tit_wrap h3 {margin:0; font-size:21px; line-height:22px; color:#000;}
.sgm_employee .content .line_section .inner .tit_wrap p {color:#666; padding:20px 0;}
.sgm_employee .content .line_section .inner .list_info_1.type_5 {margin-top:0px !important;}
.sgm_employee .content .line_section .inner .list_info_1.type_5 .tit {color:#000; left:48px;}
.sgm_employee .content .line_section .inner .list_style01.type_1 {margin-top:20px !important;}
.sgm_employee .content .line_section .employee_num > *:first-child {margin-left:0px;}
.sgm_employee .content .line_section .inner .content_footer {padding:40px 0 0 0; text-align:center; font-size:0;}
.sgm_employee .content .line_section .inner .content_footer .hcbtn_xlarge span {width:174px !important;}

/* 현대카드 상품선택 */
.sgm_card {margin-bottom:-40px;}
.sgm_card .title_section {position:relative; padding:80px 0 20px 0; margin-bottom:20px;}
.sgm_card .title_section.title_line {border-bottom:1px solid #999;}
.sgm_card .title_section:after {display:block; content:''; clear:both;}
.sgm_card .title_section .title {float:left; color:#000; font-size:21px;}
.sgm_card_kind {margin-bottom:-40px;}
.sgm_card_kind > div {float:left; position:relative; width:240px; text-align:left;}
.sgm_card_kind > div.box_card_1 {margin-left:24px; margin-bottom:40px;}
.sgm_card_kind > div.box_card_1.type1 {margin-left:24px;}
.sgm_card_kind > div.box_card_1:first-child,
.sgm_card_kind > div.box_card_1.type_1 {margin-left:0; padding-left:0; border-left:0;}
.sgm_card_kind > div.box_card_1.type_1 {clear:both;}
.sgm_card_kind > div .box_card {position:relative; margin-top:0; padding-top:35px; border-top:1px solid #e5e5e5;}
.area_card_compare .sgm_card_kind > div .box_card,
.sgm_card_kind > div .box_card.box_type_1,
.area_card_appli_1 .sgm_card_kind > div .box_card,
.sgm_card_kind > div .box_card.type_1 {min-height:0; padding-bottom:0;}
.sgm_card_kind > div .box_type_1 {height:auto; padding-bottom:0;}
.sgm_card_kind > div .card_group {padding-bottom:14px;}
.sgm_card_kind > div .box_card .box_indicator {position:absolute; bottom:0; left:0; width:100%;}
.sgm_card_kind .h2_tit_1 {margin-bottom:33px;}
.sgm_card_kind > div h2 + .box_card,
.sgm_card_kind > div .box_card:first-child {margin-top:0; padding-top:0; border-top:none;}
.sgm_card_kind .h2_tit_2 {margin-top:0; margin-bottom:17px; font-size:16px !important;}
.sgm_card_kind .h2_tit_2.type1 {font-size:16px !important;}
.sgm_card_kind .h2_tit_2.type2 {margin-top:51px;}
.sgm_card_kind.type_1 .h2_tit_2 {margin-top:28px; margin-bottom:12px;}
.tbl_1 .box_card h3,
.sgm_card_kind > div .box_card h3 {margin-bottom:9px;}
.sgm_card_kind > div.type_tit .box_card h3 {margin-bottom:2px;}
.sgm_card_kind > div.type_tit .box_card .tit_wrap {height:60px;}
.sgm_card_kind > div .box_card h3 {overflow:hidden; padding-right:30px;}
.tbl_1 .box_card h3 a {margin-bottom:6px;}
.sgm_card_kind > div .box_card h3 a {font-size:17px; line-height:24px; color:#000; }
.sgm_card_kind > div .box_card h3 a:hover{color:#1e75d6; }
.sgm_card_kind > div .box_card h3 a.m_title{font-size:21px; padding-right:18px;}
.sgm_card_kind .box_tooltip .layer_tooltip {top:inherit; top:0; width:240px;}
.sgm_card_kind .list_btn_card {-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out; width:100%; font-size:0;}
.sgm_card_kind .list_btn_card li {display:inline-block; margin-left:8px; vertical-align:middle;}
.sgm_card_kind .list_btn_card li.type1{ margin-left:4px;}
.sgm_card_kind .list_btn_card li:first-child {margin-left:0;}
.sgm_card_kind .box_card {width:240px;}
.sgm_card_kind .box_card .link_favorite {position:absolute; top:2px; right:0;}
.sgm_card_kind .box_card .img_card {overflow:hidden; position:relative; height:151px;}
.sgm_card_kind .box_card .img_card img {width:240px; height:151px;}
.sgm_card_kind .box_card .img_card.type1 {height:auto;}
.sgm_card_kind .box_card .img_card .img{position:absolute; left:0; top:0; width:1000px;}
.sgm_card_kind .box_card .img_card .img > li{position:absolute; left:-240px; top:0; width:240px; height:151px;}
.sgm_card_kind .box_card .img_card .img > li:first-child{left:0;}
.sgm_card_kind .box_card .img_card p {position:relative; z-index:1; height:151px; background-color:#fff;}
.sgm_card_kind .box_card .img_card p.type1 {height:auto;}
.sgm_card_kind .box_card .img_card .span_dimmed {display:block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px; background:url(/image/bg/bg_black_1.png); opacity:0;}
.sgm_card_kind .box_card .img_card .span_dimmed.dim {-webkit-border-radius:11px; -moz-border-radius:11px; -o-border-radius:11px; -ms-border-radius:11px; border-radius:11px;}
.sgm_card_kind .box_card .img_card .span_dimmed {-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.sgm_card_kind .box_card .img_card:hover .span_dimmed {z-index:2; opacity:1;}
.sgm_card_kind .box_card .img_card .list_btn_card {position:absolute; bottom:-50px; left:0; z-index:2; text-align:center;}
.sgm_card_kind .box_card .img_card .list_btn_card .hcbtn_xlarge {min-width:88px; white-space:nowrap;}
.sgm_card_kind .box_card .img_card:hover .list_btn_card {bottom:24px;}
.sgm_card_kind .box_card .img_card + .txt_tit {margin-top:16px; margin-bottom:3px; font-size:15px; line-height:22px;}
.sgm_card_kind .box_card .txt_con,
.sgm_card_kind .box_card .info2.txt-type2 {overflow:hidden;  margin-bottom:6px; font-size:13px; line-height:22px; color:#666;}
.sgm_card_kind .box_card .info2.txt-type2 + .info2 {display:none;}
.sgm_card_kind .box_card .img_card + .txt_con {margin-top:19px;}
.sgm_card_kind .box_card .txt_group{position:relative; margin-top:20px}
.sgm_card_kind .box_card .txt_group .con{position:absolute; left:0; top:0; display:none;}
.sgm_card_kind .box_card .txt_group .con.on{display:block;}

/* footer_simple */
.footer_simple {width:100%; background:none;}
.footer_simple .footer_container {width:1032px; margin:160px auto 0; text-align:center; padding-bottom:31px;}
.footer_simple .footer_logo {margin:31px auto 0; width:112px; height:24px;}
.footer_simple .footer_logo:after {display:block; content:''; clear:both;}
.footer_simple .footer_logo img {width:100%;}
.footer_simple .footer_info {color:#666;}
.footer_simple .footer_info .address {height:12px; margin:0 0 11px 0; font-size:0;}
.footer_simple .footer_info .address span {padding:0 8px 0 9px; background:url('/image/common/bar_footer.png') no-repeat 0 50%; font-size:12px;}
.footer_simple .footer_info .address span:first-child {padding:0 8px 0 0; background:none;}
.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; background:none; vertical-align:middle;}
.footer_simple .footer_info .copyright {font-size:12px;}

/* 이용조건안내 - 상품별 유형추가 */
.area_layer .info_area{width:100%;}
.area_layer .info_area.type_member {margin:10px 0 40px 0; padding:0 0 20px 0; text-align:left; border-bottom:1px solid #e1e1e1; font-size:15px; line-height:16px; color:#666;}
.area_layer .info_area.type_member span {color:#000;}

/* 카드신청_기본정보 : 정보수정 버튼 */
button.btn_modify.btn_hover:hover {text-decoration:underline;}

/* 카드신청-선택정보입력 보드수정 */
.list_info_1.list_card_infoTy01.board_none {border-top:none;border-bottom: 1px solid #e1e1e1;}

.strong {font-weight:bold; background:none !important; padding:0 !important; line-height:normal !important;}
.fr {float:right}
.fl {float:left}

/* 웹사이트 개편 오픈 공지 팝업 */
.inpo_pop_wrap {width:798px; border:1px solid #dae1e8; margin:0 auto;}
.inpo_pop_wrap .inpo_pop_title {background:#edf4fc; text-align:center; padding:72px 0 64px 0;}
.inpo_pop_wrap .inpo_pop_title h1 {font-size:34px; line-height:44px; color:#333; margin-bottom:33px;}
.inpo_pop_wrap .inpo_pop_cont {padding:27px 16px 52px 54px;}
.inpo_pop_wrap .inpo_pop_cont h2 {font-size:21px; line-height:43px; color:#333;}
.inpo_pop_wrap .inpo_pop_cont a {color:#1e75d6; text-decoration:underline;}
.inpo_pop_wrap .inpo_pop_cont span {display:inline-block; font-size:15px; line-height:24px; color:#666; margin-left:7px;}
.inpo_pop_wrap .inpo_pop_cont .list_type_1 {margin-bottom:19px;}
.inpo_pop_wrap .inpo_pop_cont .list_type_1 li {font-size:15px; line-height:29px; color:#333;}
.inpo_pop_wrap .inpo_pop_cont .list_type_1.type_2 {margin-bottom:20px;}
.inpo_pop_wrap .inpo_pop_cont .list_type_2 {margin-top:-1px; margin-bottom:1px;}
.inpo_pop_wrap .inpo_pop_cont .list_type_2.type_2 {margin-top:-2px;}
.inpo_pop_wrap .inpo_pop_cont .list_type_2 li {font-size:13px; line-height:24px; color:#333; padding-left:20px; background:url(/image/common/inpo_pop_bul01.png) no-repeat 12px 10px;}
.inpo_pop_wrap .inpo_pop_cont .list_type_2 li.point_txt {color:#f15651; padding-left:22px; background:url(/image/common/inpo_pop_bul02.png) no-repeat 11px 8px;}
.info_detail .content_inner .list_dot_1.type_1 .list_lineheight20{line-height:20px;}
.content_article.spread_fold .h3_tit_2.type_1{margin-top:20px;}

/* 롤링배너_New */
.rolling_slide_wrp .rolling_slide{overflow:visible;}
.rolling_slide_wrp .rolling_slide_control{text-align:right;position:relative;margin-top:-15px;z-index:10;}
.rolling_slide_wrp .rolling_slide_lnk{}
.rolling_slide_wrp .rolling_slide_lnk2:link,
.rolling_slide_wrp .rolling_slide_lnk2:visited{line-height:20px;color:#666666;font-size:13px;}
.rolling_slide_wrp .rolling_slide_lnk2:hover,
.rolling_slide_wrp .rolling_slide_lnk2:active{line-height:20px;color:#1e75d6;font-size:13px;}
.rolling_slide_wrp .rolling_slide_lnk2t1:link,
.rolling_slide_wrp .rolling_slide_lnk2t1:visited{line-height:22px;color:#111111;font-size:15px; letter-spacing:-0.5px;}
.rolling_slide_wrp .rolling_slide_lnk2t1:hover,
.rolling_slide_wrp .rolling_slide_lnk2t1:active{line-height:22px;color:#1e75d6;font-size:15px;}
.rolling_slide_wrp .rolling_slide_img_wrp{position:relative;}
.rolling_slide_wrp .rolling_slide_img_wrp .event_cashback {position:absolute;top:161px; right:0;}
.rolling_slide_wrp .rolling_slide_img{width:240px;}
.rolling_slide_wrp .rolling_slide_para{margin-top:14px;height:40px;overflow:hidden;}
.rolling_slide_wrp .slide_play{display:none;width:8px;height:8px;background:url(/image/common/sp_arrow.png) no-repeat;background-position:-50px 0;}
.rolling_slide_wrp .slide_pause{display:inline-block;width:8px;height:8px;background:url(/image/common/sp_arrow.png) no-repeat;background-position:-40px 0;}
/*.rolling_slide_wrp .lSSlideOuter .lSSlideWrapper{margin-top:-32px; padding-top:32px;}*/
.rolling_slide_wrp .lSSlideOuter .lSPager.lSpg {padding-left:24px;padding-top:7px; margin-left:-4px;}
/*.rolling_slide_wrp .lSSlideOuter .lSPager.lSpg > li{padding:0 9px 0 9px;}*/
#rolling_slide05 .rolling_slide_para{margin-top:12px;padding-bottom:30px;}
#rolling_slide05 .rolling_slide_lnk2:link, .rolling_slide_wrp .rolling_slide_lnk2:visited{line-height:20px}
#rolling_slide05 .rolling_slide_lnk2:hover, .rolling_slide_wrp .rolling_slide_lnk2:active{line-height:20px}
#rolling_slide05 .lSSlideOuter .lSPager.lSpg{z-index:10}
#rolling_slide05 .rolling_slide_control{z-index:10;}

/* 카드신청 간격수정 */
.box_list_info_1 .list_info_1.type_12_2.list_card_infoTy01 {top:24px;}
.box_content_2{margin-top:76px;}
.telecom.input_group.group_block + .group_block {margin-top:10px;}
.list_info_1.type_12_2.list_card_infoTy01 li.type_1 p.tit{top:15px;}

/* 제휴점검색 input높이값 수정 */
.inquery_box .row input.type2.input457{padding:5px 0 5px 10px;height:23px;line-height:23px;}

/* 로그인 접속종료 예정  */
.area_layer.logout.type_midium h3 {margin-bottom:17px; padding-bottom:15px; border-bottom:0px;}

/* 카드신청 화면 타이틀 수정 */
.application_box.application .box_inner .list_info_1 li.vdForm p.tit{top:24px;}

/* 팝업 추가 */
.search_area.type1 {position:relative; padding-top:42px;}
.bene_fit_pop {border-top:2px solid #555555;}
.bene_fit_pop ul .li {padding:16px 0 16px 25px !important;}
.pop_tit_b .tit4 {padding:5px 0 17px 0; font-size:17px; text-align:left; color:#000;}
.bene_fit_pop .tit {width:225px !important;}
.bene_fit_pop .add_tit {width:180px !important;}
.bene_fit_pop .form {width:690px !important;}
.bene_fit_pop .season_tex {font-size:13px; color:#666 !important;}
.bene_fit_pop .day_tit {font-size:15px; color:#000;}
.box_content .sty_title01 {font-size:13px !important; color:#666 !important;}
.box_content .tit_p_tex {padding-bottom:5px;}
.bene_fit_pop.add_fit_sty .tit {font-size:15px; color:#000;}
.bene_fit_pop.add_fit_sty .sub_tex {padding-bottom:5px; font-size:13px; color:#666;}
.bene_fit_pop.add_fit_sty .sub_tex_1 {font-size:13px; line-height:23px; color:#666;}

/* 1) 카드인증 */
    /* 홈페이지 비밀번호 변경 */
    .container.my_account #certification .citation_tab.type_1 li #card_citation {width:auto; margin:0; padding:11px 0 0 0; margin-right:64px;}
    /* 개인정보변경 */
    .container.my_account #certification .citation_tab .list_info_1.type_8.citation_box#card_citation {margin-right:64px;}
    /* 카드발급조회 */
    .container.gift_card #certification .citation_tab .list_info_1.type_8.citation_box#card_citation .form_select.input448 {width:auto; display:block;}

.select_wrap .ul_select_list {max-height:320px}

/* 외부 카드신청 추가  */
.area_layer.layer_out { position: relative;overflow-x:hidden;}
.area_layer .box_info.type_agree .box_wrap.type_1 {text-align:center;}
.area_layer .btn_agree_type1{margin-top:40px;padding:40px 38px;border:1px solid #e1e1e1;}
.area_layer .infor_box {line-height:1}
.infor_box.type1 {padding:18px 25px 17px; font-size:15px; text-align:center; background:#edf4fc; }
.infor_content {display:inline-block; color:#000;}
.infor_content li {float:left; text-align:left}
.infor_content li:first-child {padding:0; margin:0; border:0;}
.infor_content li:first-child:before {display:none;}
.infor_content li:before {display:block; float:left; width:1px; height:13px; margin:1px 11px 0; background:#e1e1e1; content:""}
.infor_content li.type_1 {color:#666;}
.infor_content strong {font-weight:normal; font-family:"YouandiModernHEB"}
.infor_content .txt_type1 {color:#666; }
.infor_content .txt_type1 strong {font-weight:normal; font-family:"YouandiModernHEB"}
.infor_content .txt_type2 {display:block; margin:10px 0 0 80px; font-size:13px; color:#666;}
.area_layer .box_point{margin-top:40px;padding:40px 38px 40px 44px;background-color:#fafafa}
.area_layer .box_point  p.title {font-size:21px;color:#000;text-align:center;}
.area_layer .box_point .link_layer {text-align:left;margin-top:9px;padding-left:10px;}
.area_layer .card_point {position: relative;display:inline-block;width:299px;margin:40px 0 40px 0;padding-left:305px;background-image:url(/image/card/layer_bg_point.png);background-repeat: no-repeat; background-position: right 0;}
.area_layer .card_point:after {top:0;left:0;width:240px;height:151px;}
.area_layer .card_point:after {display:block;position:absolute;background-repeat:no-repeat;content: '';background-image:url(/image/card/card_DUZON.png);}
.area_layer .card_point ul.point {display: inline-block;width:299px;height: 65px;}
.area_layer .card_point ul.point li {width:65px;height:65px;float:left;color:#fff;font-size: 12px;padding-right:48px;padding-top:24px;line-height: 17px;text-align: center;}
.area_layer .card_point ul.point li.li_1{padding-right:56px;padding-top:18px;}
.area_layer .card_point ul.point li.li_3{padding-right:0;padding-top:18px;}
.area_layer .card_point .list_style01.type_1 {margin-top: 4px;letter-spacing: -1px;}
.area_layer .infor_box.type1 {width:auto;}
.area_layer .box_point  .layer_table.type1 {font-size: 13px;border-top:1px solid #e1e1e1;}
.area_layer .box_point  .layer_table.type1 tr > * {border-bottom: 1px solid #e1e1e1;}
.area_layer .box_point  .layer_table.type1 th {font-weight: normal;}
.area_layer .box_point  .layer_table.type1 td {padding: 12px 0 10px;}
.btn_agree_type1 .area_layer .box_txt{margin: 10px 0 13px;}
.area_layer.type_view .list_info_1.type_11 > li {padding: 16px 0 16px 120px;}
.area_layer.type_view .list_info_1.type_11 > li .tit {top:21px;}
.area_layer .box_point  .list_style.type_2 {margin-top: 11px;}
.area_layer .box_point  .layer_table.padding_table15 td {padding-right:15px; padding-left:15px;}

.contents_header + .box_content .box_list_info_1.type_4{margin: 80px auto 0;}
.application_box.login.type1 .login_area {margin-top:38px;}
.application_box.login.type1 .citation_tab.type_5 {margin-top:38px;}

/* 팝업 인쇄하기 버튼 수정 */
.hcbtn_large.type2.print {border:1px solid #cdcdcd;background:#fff;color:#666;}
.hcbtn_large.type2.print span {height:38px;line-height:38px;color: #000;}
.hcbtn_large.type2.print:hover {background:#e5e5e5;color:#000;}

/* 전화상담 연결 추가  */
.box_layer .list_info_1.type1 .phone .form_select{width:85px;}
.box_layer .list_info_1.type1 > li > .tit {left: 24px;}

/*띠배너*/
.box_square {overflow:hidden; padding:14px 26px 13px; background:#1e75d6; color:#fff; text-align:right;}
.box_square.left{text-align:left;}
.box_square div.wrap {margin:0 auto; width:980px;}
.box_square p {float:left; font-size:13px;}
.box_square .hcbtn1 {/* float:right; */ color:#fff; font-size:13px;}
.box_square a.hcbtn1 + a.hcbtn1{margin-left:10px;}
.box_square .hcbtn1:hover:before {background:#fff;}
.box_square.color_1 {background:#1e75d6;}/* My Account */
.box_square.color_2 {background:#1e75d6;}/* 카드안내신청 */
.box_square.color_3 {background:#38aad9;}/* 나만의 혜택 */
.box_square.color_4 {background:#005cb9;}/* M혜택 안내 */
.box_square.color_5 {background:#777572;}/* X헤택 안내-캐시백 */
.box_square.color_12 {background:#db3c10;}/* X헤택 안내-할인 */
.box_square.color_6 {background:#18b3af;}/* 금융 안내신청 */
.box_square.color_7 {background:#222222;}/* 컬쳐라이프스타일 */
.box_square.color_8 {background:#5698e0;}/* 고객센터 */
.box_square.color_9 {background:#f8981d;}/* 고메위크 */
.box_square.color_10 {padding:20px 16px; background:#edf4fc; color:#fff;}/* 개인화영역 */
.box_square.color_10 p {color:#666;}
.box_square.color_10 .hcbtn1,
.box_square.color_11 .hcbtn1 {color:#1e75d6;}
.box_square.color_11{background-color:#fafafa;} /* 회색배경 */
.box_square.color_13{background-color:#006241;} /* 스타벅스 2019-11-11추가 */
.box_square.color_13 a.hcbtn1:hover{text-decoration: none;} /* 스타벅스 2019-11-11추가 */
.box_square.color_13 a.hcbtn1:hover:before{display: none;} /* 스타벅스 2019-11-11추가 */
.box_square .hcbtn1:hover:before {background:#1e75d6;}
.box_square .fw_bold strong,
.box_square .fw_bold em {font-weight:normal; font-family:'YouandiModernHEB';}



/*카드신청 레이어팝업추가*/
.layer_line{border-top:2px solid #555; margin-top:15px; padding-top:16px;}
.ment_layer{font-size:13px;}
.mb12{margin-bottom:12px !important;}
.type_2.visual_middle_line{border:1px solid #fff; margin: 35px 0; }

 /* 레이어 있을때 본문 스크롤 방지, 상시스크롤바 노출 */
html #wrap {min-height:101%;}
html.area_layer-opened body {overflow:hidden !important;}
html.area_layer-opened .area_layer {z-index:99 !important;}
html.area_layer-opened .dimmed {z-index:31 !important;}

.type2 .list_view .bind_item .item_date > a >p{color:#1e75d6;}
.type2 .list_view .bind_item .item_date > a >p:hover{text-decoration:underline;}

/* 명세서 팝업 변경 */
.my_con_bottom .guide.open .guide_inner > span {display:block;font-size:13px;letter-spacing:-1px;line-height:19px;}
.my_con_bottom .guide.open .guide_inner > span .type_1 {font-size:11px;}

/*릴레이션 배너 offer */
.relation_banner .banner_area.offer {background:url(/image/bg/bg_offer.png) no-repeat 781px 47px;}
.relation_banner .banner_area.offer h2 {font-size:21px; margin-bottom:17px;}
.relation_banner .banner_area.offer .txt {margin-bottom:12px; font-size:13px; color:#666;}
.relation_banner .banner_area.offer .txt .list_style01 {margin:6px 0 0 0; padding:0 0 0 8px;}

.address_search .list_area > .list_box.agree_content.type1 {height: auto;max-height: 268px;}

/*로그인 페이지 시스템 점검*/
.system_ck {position:relative; font-size:13px; background:#f0f0f0; color:#666; margin:-44px 0 57px; padding:15px 0 13px 30px;}
.system_ck .txt {line-height:24px; padding-left:26px; background:url("/image/icon/icon_guide_over.png") no-repeat left 2px;}
.system_ck .btn {position:absolute; right:20px; top:50%; margin-top:-7px;}

/* 카드 신청 연회비 안내문구 */
.brand .radiobox + .list_style02 + .list_style02 {margin-top:10px;}

/* 카드신청 이용대금명세서 수령방법 소액 LMS동의 추가 라디오 스타일 */
.group_block .display_i + ul.radioType2.type_1 {margin-left:7px;}
.group_block .display_i + ul.radioType2.type_1 li {padding-left:7px;}
.group_block .display_i + ul.radioType2.type_1 li:first-child {padding-left:0;}
.group_block .display_i + ul.radioType2.type_1 li label {padding-left:24px;}

.sub_info_list3 {padding:0; color:#666; font-size:15px; line-height:24px;}
.sub_info_list3 .title:first-child {margin-top:0; padding:0;}
.sub_info_list3 .title {margin:35px 0 14px 0; color:#000; font-size:15px; line-height:24px;}
.sub_info_list3 .title.type_1 {font-size:18px; text-align:center;}

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

.box_photo.super_club .info_text.type_2{position:absolute;top: 100px;left: 0;right: 0;text-align: center;}
.box_photo.super_club .info_text.type_2 .tit{display:block;margin-bottom:11px;font-size: 34px;}
.box_photo.super_club .info_text.type_2 .txt{font-size: 28px;color:#666;line-height: 46px;}
.box_photo.super_club .info_text.type_2 .tit {color: #ffb400;}
.box_photo.super_club .info_text.type_2 .txt {color:#f6f6f6;}
.box_photo.super_club .info_text.type_2 .txt em {display:block;color:#ffb400;}
.box_photo.m100_club .info_text .tit {color:#fff;}
.box_photo.m100_club  .info_text .txt {color:#fff;}

/*약관 style*/
.con-type2 .tit {display: block;margin: 25px 0 3px;color:#000;font-size:15px; font-weight:normal;}
.txt-type3 li:first-child{padding-top:0;}
.txt-type3 .num {display:inline-block; margin-left: -16px; /*width: 16px;*/ text-align: left; font-size:15px;margin-right:3px;}
.txt-type3 .numL{margin-left: -18px; width: 23px; text-align: left; }
.txt-type3 li ul {padding: 3px 0; }
.txt-type3 li li {padding-top: 0; padding-bottom: 0; }
.txt-type3 li .txt-type1 li{padding-left:0;}

/* 2017-02-22 이용대금명세서 - 매출확인서(영문) */
.link_layer.verification_02 {margin-left:10px;}
.area_layer.verification_02 .box_layer.vscroll{height:615px;}
.area_layer.verification_02 {width:700px;}
.area_layer.verification_02 h3 {text-align:left;}
.area_layer.verification_02 .verify_area {color:#666; font-size:13px; text-align:left;}
.area_layer.verification_02 .verify_desc {color:#666; font-size:13px; text-align:left;}
.area_layer.verification_02 .addr {padding-bottom:16px; border-bottom:1px dashed #e1e1e1;}
.area_layer.verification_02 .summary {padding:16px 0; margin-bottom:16px; border-bottom:1px solid #e1e1e1;}
.area_layer.verification_02 .verify_content strong {color:#000; font-weight:normal;}
.area_layer.verification_02 .member_giro {margin:12px 0; border-bottom:1px solid #f0f0f0}
.area_layer.verification_02 .member_giro th {background:#fafafa;}
.area_layer.verification_02 .verify_copy {font-size:20px; font-family:'YouandiModernHEB'; vertical-align:middle;}

/*회원가입, ID,PW 찾기 프로세스 개선*/
.box_content.new .visual_txt .noti {font-size:34px; line-height:44px; color:#000;}
.box_content.new .visual_txt .noti + p {margin-top:29px;}
.box_content.new .visual_txt p {font-size:34px; color:#1e75d6; line-height:34px;}
.box_content.new .visual_txt p span {position:relative; color:#666; padding-right:21px; margin-right:19px; font-size:18px; vertical-align:top;}
.box_content.new .visual_txt p span:after {display:block; content:""; position:absolute; right:1px; top:0; width:1px; height:19px; background:#ededed;}
.box_content.new .visual_txt p span:before {display:block; content:""; position:absolute; right:0; top:0; width:1px; height:19px; background:#787878;}

/* 현대카드 Chameleon 이벤트 */
.chameleon_banner {position:absolute;top:16px;left:-22px;width:180px;height:auto !important;margin: 0 29px 0 38px;padding:115px 0 0 0;background:url(/image/common/img_chameleon_banner.png) no-repeat 0 0;text-align:left;line-height:20px; cursor:pointer;}
.chameleon_banner a {line-height:19px; vertical-align:top;font-size:13px; color:#000; background:none;}
.chameleon_banner a:hover, .cashback_banner a.on {text-decoration:underline;}
.chameleon_banner a:hover p, .cashback_banner a.on p {color:#1e75d6 !important;}

/* chatbot */
.chatbot_open {}
.chatbot_open .btn_chatbot_open {}
.CPCMA0101_01 .chatbot_open .btn_chatbot_open {bottom:57px;}
.btn_chatbot_open span {display:block;}
#chabotLayer {display:none; position:fixed; right:8px; bottom:8px; width:360px; height:615px; background:#fff; z-index:19; }
#chabotLayer iframe {width:100%; height:100%;}
#chabotLayer .btn_chabotLayer {position:absolute; top:10px; right:9px; width:30px; height:30px; background:url(/image/common/btn_chabotLayer.png) no-repeat;}

.chatbot_open .btn_chatbot_open {display:none; position:fixed; overflow:visible !important; right:8px; bottom:8px; width:40px; height:40px; background: url(/image/common/bg_chatbot_open01.png) no-repeat right 0 !important; border-radius:2px; z-index:15;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
.chatbot_open .btn_chatbot_open .chatbot_inner {display:block; position:static; width:210px; height:40px;  background:none; overflow:hidden; cursor:pointer;}
.chatbot_open .btn_chatbot_open .chatbot_inner em {left:auto; font-size:12px; color:#fff; opacity:0; }
.chatbot_open .btn_chatbot_open .chatbot_inner button {width:100%;}
.chatbot_open .btn_chatbot_open .chatbot_inner button span {position:relative; height:40px;  line-height:40px;}
.chatbot_open .btn_chatbot_open .chatbot_inner .face {position:absolute; left:10px; bottom:0; opacity:0;}
.chatbot_open .btn_chatbot_open .chatbot_inner .beta {position:absolute; right:-4px; top:-7px; opacity:0;}
.chatbot_open .btn_chatbot_open .chatbot_inner .ballon {position:absolute; right:-4px; right:0; top:12px; opacity:0;}

/*chatbot_box */
.chatbot_box {position: fixed;bottom: 8px;right: 8px;z-index:15;}
.chatbot_box .chatbot .inner > div {display:none;position:relative;cursor:pointer;}
.chatbot_box .chatbot .inner > div.on,
.chatbot_box .chatbot .step_01 > div.on,
.chatbot_box .chatbot .step_02 > div.on,
.chatbot_box .chatbot .step_03 > div.on,
.chatbot_box .chatbot .step_04 > div.on {display:block;}
.chatbot_box .chatbot > div .ballon.step02 {display:none}
.chatbot_box .chatbot .inner > div .face {position:relative;}
.chatbot_box .chatbot .inner > div .face .back {width:44px;height:44px;padding:0;background:#12bfdd;border-radius:22px;}
.chatbot_box .chatbot .inner > div .face > img {position:absolute;bottom:0;right:18px;border-radius:0 0 50% 50%;}
.chatbot_box .chatbot .inner > div .face > .img01 {opacity:0;width:34px;right:2px;}
.chatbot_box .chatbot .inner > div .face > .img02 {opacity:1;right:0;}
.chatbot_box .chatbot .inner > div .ballon {display:none;}
.chatbot_box .chatbot .inner > div .beta {opacity:1;position: absolute;top:-8px;right:-4px;}

.chatbot_box .chatbot .step_01 > div .ballon {overflow:hidden;position: absolute;top: 0;left: 24px;}
.chatbot_box .chatbot .step_01 > div .ballon > div {opacity:0;height: 44px;line-height: 44px;color: #fff;font-size: 12px;font-family:'YouandiModernTB';}
.chatbot_box .chatbot .step_01 > div.on .face .back {animation:step01_Back 5s ease;width:44px;height:44px;padding:0;}
.chatbot_box .chatbot .step_01 > div.on .face > .img01 {animation:step01_Img01 5s ease;opacity:0;width:34px;right:2px;border-radius:0 0 50% 50%;}
.chatbot_box .chatbot .step_01 > div.on .face > .img02 {animation:step01_Img02 5s ease;opacity:1;right:0;border-radius: 0 0 50% 50%;}
.chatbot_box .chatbot .step_01 > div.on .ballon.step01 {display:block;}
.chatbot_box .chatbot .step_01 > div.on .ballon.step01 > div {animation:step01_Ballon 5s ease;transform:translateY(-44px);}
.chatbot_box .chatbot .step_01 > div.on .beta {animation:step01_beta01 5s ease;opacity:1;}
/* load animation */
@keyframes step01_Back{
    0%{width:36px;}
    15%{width:210px;}
    90%{width:210px;}
    100%{width:44px;height:44px;padding:0;}
}
@keyframes step01_Img01{
    0%{opacity:1;width:34px;right:2px;border-radius:0 0 50% 50%;}
    10%{opacity:1;width:43px;right: 18px;border-radius: 0;}
    90%{opacity:1;width:43px;right: 18px;border-radius: 0;}
    95%{opacity:1;width:34px;right:2px;border-radius:0 0 50% 50%;}
    100%{opacity:0;width:34px;right:2px;border-radius:0 0 50% 50%;}
}
@keyframes step01_Img02{
    0%{opacity:0;}
    92%{opacity:0;}
    100%{opacity:1;right:0;}
}
@keyframes step01_Ballon{
    0%{opacity:0;transform:translateY(0px);}
    40%{opacity:1;transform:translateY(0px);}
    50%{opacity:1;transform:translateY(-44px);}
    80%{opacity:1;transform:translateY(-44px);}
    100%{opacity:0;}
}
@keyframes step01_beta01{
    0%{opacity:1;}
    10%{opacity:0;}
    90%{opacity:0;}
    100%{opacity:1;}
}

.chatbot_box .chatbot .step_02 > div .face .back,
.chatbot_box .chatbot .step_03 > div .face .back,
.chatbot_box .chatbot .step_04 > div .face .back {background: #12bfdd;border-radius:22px;transition: background-color 300ms linear;width: 44px;height: 44px;padding: 0;}
.chatbot_box .chatbot .step_02 > div .face > .img01,
.chatbot_box .chatbot .step_03 > div .face > .img01,
.chatbot_box .chatbot .step_04 > div .face > .img01 {display:none;}
.chatbot_box .chatbot .step_02 > div .face > img,
.chatbot_box .chatbot .step_03 > div .face > img,
.chatbot_box .chatbot .step_04 > div .face > img {/*position:absolute;top:0;left:0;*/}
.chatbot_box .chatbot .step_02 > div .ballon,
.chatbot_box .chatbot .step_03 > div .ballon,
.chatbot_box .chatbot .step_04 > div .ballon {display:none;position: absolute;top: -7px;right: 38px;min-width: 124px;height:34px;text-align:center;background:url('/image/common/bg_ballon.png') no-repeat 100% 0;padding-right: 16px;}
.chatbot_box .chatbot .step_02 > div .ballon > div,
.chatbot_box .chatbot .step_03 > div .ballon > div,
.chatbot_box .chatbot .step_04 > div .ballon > div {background: #009fd9;border-radius: 16px 0 0 16px;padding-left: 16px;height: 100%;min-width: 124px;}
.chatbot_box .chatbot .step_02 > div .ballon > div p,
.chatbot_box .chatbot .step_03 > div .ballon > div p,
.chatbot_box .chatbot .step_04 > div .ballon > div p {display:none;color:#fff;line-height:34px;font-size:12px;font-family:'YouandiModernTB';height: 100%;}
.chatbot_box .chatbot .step_02 > div .beta,
.chatbot_box .chatbot .step_03 > div .beta,
.chatbot_box .chatbot .step_04 > div .beta {opacity:0;position: absolute;top:-8px;right:-4px;}
.chatbot_box .chatbot .step_02 > .fiona.on .face .back,
.chatbot_box .chatbot .step_03 > .fiona.on .face .back,
.chatbot_box .chatbot .step_04 > .fiona.on .face .back {animation:fiona_Back 4.5s ease;}
.chatbot_box .chatbot .step_02 > .henry.on .face .back,
.chatbot_box .chatbot .step_03 > .henry.on .face .back,
.chatbot_box .chatbot .step_04 > .henry.on .face .back {animation:henry_Back 4.5s ease;}
.chatbot_box .chatbot .step_02 > div.on .ballon.step02,
.chatbot_box .chatbot .step_03 > div.on .ballon.step02,
.chatbot_box .chatbot .step_04 > div.on .ballon.step02 {display:block;animation:step02_Ballon 4.5s ease;transform:rotateX(90deg) translateZ(-18px);}
.chatbot_box .chatbot .step_02 > div.on .ballon.step02 p.step02,
.chatbot_box .chatbot .step_03 > div.on .ballon.step02 p.step03,
.chatbot_box .chatbot .step_04 > div.on .ballon.step02 p.step04 {display: block;}
.chatbot_box .chatbot .step_02 > div.on .beta,
.chatbot_box .chatbot .step_03 > div.on .beta,
.chatbot_box .chatbot .step_04 > div.on .beta {animation:step02_Beta 4.5s ease;opacity:1;}
/* loop animation */
@keyframes fiona_Back{
    0%{transform:rotateY(0deg);background: #12bfdd;}
    20%{transform:rotateY(180deg);background: #f92981;}
    80%{transform:rotateY(180deg);background: #f92981;}
    100%{transform:rotateY(0deg)l;background: #12bfdd;}
}
@keyframes henry_Back{
    0%{transform:rotateY(0deg);background: #12bfdd;}
    20%{transform:rotateY(180deg);background: #144579;}
    80%{transform:rotateY(180deg);background: #144579;}
    100%{transform:rotateY(0deg)l;background: #12bfdd;}
}

@keyframes step02_Ballon{
    0%{transform:rotateX(90deg) translateZ(-18px)}
    20%{transform:rotateX(0deg) translateZ(0px);}
    80%{transform:rotateX(0deg) translateZ(0px);}
    100%{transform:rotateX(90deg) translateZ(-18px);}
}


@keyframes step02_Beta{
    0%{opacity:1;}
    10%{opacity:0;}
    90%{opacity:0;}
    100%{opacity:1;}
}

.content_article.spread_fold .line_section .line_group + .line_group {border-bottom:0 none;}

/* 단기카드대출 첫 이용 축하 이벤트 */
.finance_banner {position:absolute;top:27px;left:0;width: 170px;height:auto !important;margin: 0 29px 0 0;padding: 107px 0 0 0;background:url(/image/common/img_finance_banner.gif) no-repeat 0 0;text-align:left;line-height:20px; cursor:pointer;}
.finance_banner a {line-height:19px; vertical-align:top;font-size:13px; color:#000; background:none;}
.finance_banner a:hover, .app_banner a.on {text-decoration:underline;}
.finance_banner a:hover p, .app_banner a.on p {color:#1e75d6 !important;}

/* 황금연휴 맞이 얼리버드 금융 이벤트 */
.finance_banner_2 {position:absolute;top:26px;left:0;width: 170px;height:auto !important;margin: 0 29px 0 0;padding: 130px 0 0 0;background:url(/image/common/img_finance_banner_0830.gif) no-repeat 0 0;text-align:left;line-height:20px; cursor:pointer;}
.finance_banner_2 a {line-height:19px; vertical-align:top;font-size:13px; color:#000; background:none;}
.finance_banner_2 a:hover, .app_banner a.on {text-decoration:underline;}
.finance_banner_2 a:hover p, .app_banner a.on p {color:#1e75d6 !important;}

@media only screen and (min-width:1501px){
.local_menu_contents .local_menu > ul > li .finance_banner {left:0;}
}

/* 재발급 신청 */
.card_select_section .card_number .checkbox {margin-left:50px;}


/* 2018-03-16 카드 신청 */
.addLayer_type1.area_layer .list_info_1 > li {padding:20px 0 20px 184px}
.addLayer_type1.area_layer .list_info_1 > li > .tit {width:134px}
.addLayer_type1.area_layer .list_info_1 > li .tit {top:30px}
.addLayer_type1.area_layer .list_info_1 .input_group .form_select {margin-left:0}

.bgBlue_type1 {background-color:#dce6f1}

/* 2018-03-21 전화 신청 버튼 수정 */
.hcbtn_large.type1.btnCallApply span{color:#000 !important;}
.hcbtn_midium.type1.btnCallApply:hover, .hcbtn_large.type1.btnCallApply:hover, .hcbtn_xlarge.type1.btnCallApply:hover{background:#adadad !important;}
.hcbtn_midium.type1.btnCallApply, .hcbtn_large.type1.btnCallApply, .hcbtn_xlarge.type1.btnCallApply {background:#fff !important;color:#000 !important; vertical-align:middle; }

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

/* 2018-05-18 카드안내신청 - 리볼빙 팝업 */
.area_layer.type_revolving .box_info.type_agree .revolving_info{margin-bottom:0;font-size:16px;}
.area_layer.type_revolving .box_info.type_agree .revolving_info span{color:#ff0000;}
.area_layer.type_revolving p.txt_content{text-align:left;font-size:13px;color:#666;}
.recheck_result .radioType2 li {display:inline-block;}
.recheck_result .radioType2 li label {padding-left:25px;}
.revolvingWin_pop {overflow-y:scroll;padding-right:0;}


.nolineT{border-top:0 !important;}
.nolineL{border-left:0 !important;}
.tac {text-align:center;}
.bd_red {display:inline-block;padding:5px 10px;margin-top:5px;line-height:1.25em;border:2px solid #ff0000;}

/* 2018-05-21 외국인/청각장애인 상담안내 추가 */
.box_list_info_1 .gray_box{margin-top:14px; padding:36px 63px 35px; border:1px solid #e1e1e1;}

/* 2018-06-05 */
.area_layer_mod {margin:50px auto 0;}
.recheck_result .list_info_1 > .revoving_mod {padding:14px 0 14px 24px;}
.revoving_mod .box_list_info_1 {margin:0;}

/* 2018-06-26 리볼팝업 추가 수정 */
.revoving_mod .box_list_info_1 .tit_wrap {display:none;}
.revoving_mod .box_list_info_1 .info_list {margin-top:0 !important;border-top:0;}
.revoving_mod .box_list_info_1 .info_list.type2 > li {padding-top:0;}

/* 강조표시 추가 */
.necessary {display:inline-block;width:5px;height:5px;margin:3px 0 0 5px;background:url(/image/common/bul_necessary.png) left top no-repeat;vertical-align:top;text-indent:-10000px;}


/*  API 로그인 관련 추가 */
.api_type .area_location { top:72px !important; }
.api_type .area_breadcrumb { top:112px !important; }
.api_type .area_content { margin-top:190px !important; }
.api_type .join .area_content { margin-top:224px !important; }

.api_type .citation_agree .agree_box { padding:20px 0 7px 20px; margin-bottom:10px; background:#fafafa; }
.api_type .citation_agree .agree_box .all_chk_box { display:block; width:491px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e1e1e1; }
.api_type .citation_agree .agree_box .all_chk_box label { font-size:13px; }

.gnb_scrolled .api_type .scroll{  z-index:1; transform: translate3d(0px, -72px, 0px) !important;}
.gnb_scrolled .api_type .scroll .area_content { margin-top:194px !important; }
.gnb_scrolled .api_type .area_location.common_page.scroll { height:80px; }
.gnb_scrolled .api_type .area_breadcrumb { position:fixed; z-index:10;  top:-10px !important; }
.gnb_scrolled .api_type .area_breadcrumb .area_top_tit h1 { padding-bottom:2px; font-size:21px !important; line-height:25px !important;}

/* 앱카드 인증 추가 */
.app_citation .sitation_oustside{margin-top:16px;margin-bottom:-2px;}
.app_citation .login_form {padding: 0;text-align:center;}
.app_citation .login_tab.type_1 h3 a span {width:342px;}
.app_citation .login_tab.type_1 li:first-child+li h3 {left:344px;}
.app_citation .login_tab.type_1 li:first-child+li+li h3 {top:0;left:688px;}
.app_citation .login_form.app_card {width:552px;margin:0 auto;padding-bottom:0;}
.app_citation .app_step > li {overflow:hidden;padding:17px 0 14px;font-size:18px;line-height:22px;}
.app_citation .app_step > li:first-child {padding-top:0;}
.app_citation .app_step > li > * {float:left;}
.app_citation .app_step > li .step {width:84px;color:#1e75d6;text-align:left;}
.app_citation .app_step .step_inner {text-align:left;}
.app_citation .app_step .step_inner .confirm_area {overflow:hidden; margin:20px 0 -12px;}
.app_citation .app_step .step_inner .tit {margin-bottom:6px;color:#000}
.app_citation .app_step .confirm .step_inner .tit {margin-bottom:13px;}
.app_citation .app_step .step_inner .txt {font-size:13px;color:#666}
.app_citation .confirm_area > * {float:left;font-size:15px}
.app_citation .app_step .confirm {padding-bottom:20px;}
.app_citation .confirm_area .qrcode {margin-bottom:0}
.app_citation .confirm_area .qrcode_area p {text-align:center; font-size:13px; color:#666;}
.app_citation .confirm_area > span {margin:59px 73px 0 73px;vertical-align:top;font-size:15px;}
.app_citation .confirm_area .numcode_area p {margin-bottom:34px; font-size:13px; color:#666; text-align:center;}
.app_citation .confirm_area .number {font-size:20px; text-align:center; color:#000;}
.app_citation .step_inner + .time_area {width:100%;padding-top:15px;padding-left:84px;text-align:left;}
.app_citation .step_inner + .time_area .time {margin-bottom:5px;font-size:13px;color:#666;}
.app_citation .login_form.app_card .list_dot_1.type_1 {text-align:left;}
.app_citation .qrcode_area img {width:100px;height:100px;}



/* 2018-09-03 카드신청프로세스 - 이베이 스타일 UI 추가 */
.cnt_div{position:relative;padding:20px 61px 13px 264px;margin-top:16px; border-top:2px solid #555; border-bottom:1px solid #e1e1e1; margin-bottom:-1px;}
.cnt_div > .tit_area{position:absolute;left:64px;top:21px;}
.cnt_div > .tit_area > .tit{font-size:15px; color:#000;}
.cnt_div .job_area > div, .cnt_div .choice_group + .choice_group, .cnt_div .choice_radio + .choice_group, .cnt_div .job_area .input_group + .input_group{margin-top:15px;}
.cnt_div .choice_group{display:none;}
.cnt_div .choice_group.on, .cnt_div .choice_group.on > *{display:block;}
.cnt_div .job_area .input_group{position:relative;height:auto;}
.cnt_div .job_area .ex_txt{font-size:14px;line-height:22px;}
.cnt_div .job_area .ex_txt + .input_group{margin-top:10px;}

.cnt_div .job_area .bgBlue_type1{position:relative;padding:20px 20px 20px 200px;margin-top:15px;}
.cnt_div .job_area .bgBlue_type1 .tit{position:absolute; top:24px; left:24px; width:170px; font-size:15px; line-height:22px; color:#666;}

.cnt_div .job_area .input_group > .tit{position:absolute; top:10px; left:0; width:160px; font-size:15px; line-height:22px;}
.cnt_div .job_area .input_group > .tit + .cont_area{padding-left:170px;}
.cnt_div .job_area .input_group > .tit.line_type2{top:0;}

/* Dropdown : 스마일카드 style */
.form_select.type_2 .select_wrap{position:static;overflow:hidden;height:40px;box-sizing:border-box;}
.form_select.type_2 .select_wrap .ul_select_list{display:none; width:100%;/* height:auto; */height:0;position:absolute;top:39px;left:1px;z-index:9;list-style:none; border:0; padding:0;*zoom:1;padding-bottom:0;background-color:transparent;}
.form_select.type_2 .select_wrap .ul_select_list.up {top:39px; bottom:auto;}
.form_select.type_2 .select_wrap .ul_select_list:after{content:"";display:block;clear:both;}
.form_select.type_2 .select_wrap .ul_select_list ul{width:100%;max-width:706px !important;overflow:hidden !important; font-size:18px; background:#fff;border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;}
.form_select.type_2 .select_wrap .ul_select_list ul > li{position:relative;float:left;min-width:140px;min-height:40px;text-align:center;vertical-align:middle;border-right:1px solid #d0d0d0;border-top:1px solid #d0d0d0;margin:0 0 0 0;overflow:hidden;box-sizing:border-box;}
.form_select.type_2 .select_wrap .ul_select_list ul > li:over{border-color:#d0d0d0;}
.form_select.type_2.col2 li{width:50%;}
.form_select.type_2.col3 li{width:33%;}
.form_select.type_2.col3 li:nth-child(2),.form_select.type_2.col3 li:nth-child(5),.form_select.type_2.col3 li:nth-child(8){width:34%;}
.form_select.type_2.col2 li:nth-child(2n),.form_select.type_2.col3 li:nth-child(3n),.form_select.type_2.col4 li:nth-child(4n),.form_select.type_2.col5 li:nth-child(5n){border-right:0;}
.form_select.type_2.col4 li{width:25%; display:table-row;}
.form_select.type_2.col5 li{width:20%; display:table-row;}
.form_select.type_2 .select_wrap .ul_select li a{padding:0 10px;}

.form_select.type_2.phone .select_wrap .ul_select_list ul{width:590px !important;}

.radiobox.type_12 > li{height:60px;}
.radiobox.type_12 > li > label{width:175px;height:48px;padding-top:10px;line-height:20px;}

/*은행선택 팝업*/
.link_layer.layer_bankcode .btn_select_st{display:block; overflow:hidden; position: relative; width:100%; height:40px; padding:0 40px 0 10px; font-size:15px; color:#666; line-height:40px; white-space:nowrap;border:1px solid #e1e1e1;background:#fff;box-sizing:border-box;}
.link_layer.layer_bankcode .btn_select_st:hover{background:#fafafa;}
.link_layer.layer_bankcode .btn_select_st:before{display:block; position: absolute; top:0; right:0; width:40px; height:38px; background:url(/image/common/arrow_select02.png) no-repeat 50% 2px; content:'';}

/*직장조회 팝업*/
.area_layer.company_search .pop_view{padding:30px 0 0 16px;border-top:2px solid #555;}

.area_layer.company_search .radiobtn{position: relative;}
.area_layer.company_search .radiobtn input[type="radio"]{position:absolute; opacity:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;-webkit-appearance:none; appearance:none; outline:0;}
.area_layer.company_search .radiobtn input[type="radio"] + label{display:block; position:relative;  z-index:2; width:100%; height:100%; left:-1px; cursor: pointer;  transition: .2s ease; font-size:13px; border:1px solid transparent; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #d0d0d0; box-sizing:content-box;}
.area_layer.company_search .radiobtn input[type="radio"]:checked + label{color:#222; border:1px solid #0476df;}
.area_layer.company_search .radiobtn input[type="radio"][disabled]+ label{cursor:not-allowed;}

.area_layer.company_search .radio_group{font-size:13px;}
.area_layer.company_search .radio_list.layer_scroll{height:238px; overflow-y:auto;}
.area_layer.company_search .radio_list.layer_scroll .radio_group{margin-right:16px;border-left:1px solid #ccc; border-right:1px solid #ccc;box-sizing:border-box;}
.area_layer.company_search .radio_group ul{ position:relative;}
.area_layer.company_search .radio_group .list{border-top:1px solid #d0d0d0;}
.area_layer.company_search .radio_group .list,
.area_layer.company_search .radio_group .list_wrap li{position:relative; padding:0; font-size:15px; color:#777;}
.area_layer.company_search .radio_group .list_wrap li:first-child{border-top:0;}
.area_layer.company_search .radio_group .list .radiobtn label,
.area_layer.company_search .radio_group .list_wrap li .radiobtn label{line-height:24px; padding:15px 0; margin-top:-1px; text-align:left;}
.area_layer.company_search .radio_group .list_wrap li:first-child .radiobtn label{margin-top:0;border-top:1px solid #ccc}
.area_layer.company_search .radio_group .list_wrap li:first-child .radiobtn input[type="radio"]:checked + label{border-color:#0476df;}
.area_layer.company_search .radio_group .list_wrap li:last-child:not(:only-child) .radiobtn label{border-bottom: 1px solid #ccc; }
.area_layer.company_search .radio_group .list_wrap li:last-child:not(:only-child) .radiobtn input[type="radio"]:checked + label{border-color:#0476df;}
.area_layer.company_search .radio_group .list_wrap li .radiobtn label > .company{display:block;font-weight:bold;}
.area_layer.company_search .radio_group .list_wrap li .radiobtn label > em,.radio_group .list_wrap li .radiobtn label > span{padding:0 14px; display:block; font-size:15px;}
.area_layer.company_search .radio_group .list_wrap li .radiobtn input[type="radio"] + label:before{top:50%; margin-top:-11px;}
.area_layer.company_search .radio_list.layer_scroll  ~ .radio_group{margin:30px 16px 0 0}

.area_layer.company_search .radio_group.single .list_wrap li .radiobtn label{padding:22px 0;text-align:center;border:2px solid #e5e5e5;}
.area_layer.company_search .radio_group.single .list_wrap li .radiobtn label .txt{color:#b5b5b5;line-height:32px;}
.area_layer.company_search .radio_group.single .list_wrap li .radiobtn input[type="radio"]:checked + label{border-color:#0476df;}
.area_layer.company_search .radio_group.single .list_wrap li .radiobtn input[type="radio"]:checked + label .txt{color:#222;}

.area_layer.company_search .radio_list.layer_scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{margin-right:0;}

/* 은행 선택 팝업 */
.area_layer.layer_bankcode .bank_slct_tab{margin-top:-1px; padding-top:88px;}

.area_layer.layer_bankcode .bank_slct{overflow:hidden;padding:1px 0 0 1px;display:table;margin-left:3px;}
.area_layer.layer_bankcode .bank_slct li{position:relative;float:left;display:table-cell;width:20%;height:110px;overflow:visible;border:1px solid #ccc;margin:-1px 0 0 -1px;box-sizing:border-box;text-align:center;}
.area_layer.layer_bankcode .bank_slct li a.slct_menu{position:relative;width:100%;height:100%;display:block;color:#666;font-size:18px;box-sizing:border-box;}
.area_layer.layer_bankcode .bank_slct li a:before{display:inline-block;margin-left:-1px;width:1px;height:100%;content:'';vertical-align:middle;}
.area_layer.layer_bankcode .bank_slct li a p{display:inline-block;vertical-align:middle;}
.area_layer.layer_bankcode .bank_slct a.slct_menu .img{display:block;height:32px;overflow:hidden;text-align:center;}
.area_layer.layer_bankcode .bank_slct a.slct_menu .img img{width: auto;vertical-align:top;height:100%;}
.area_layer.layer_bankcode .bank_slct a.slct_menu .slct_word{display:inline-block;padding-top:3px;font-size:14px;}
.area_layer.layer_bankcode .bank_slct li.on, .area_layer.layer_bankcode .bank_slct.col5 li:hover, .area_layer.layer_bankcode .bank_slct.col5 li:focus,
.area_layer.layer_bankcode .bank_slct li.on a, .area_layer.layer_bankcode .bank_slct.col5 li:hover a, .area_layer.layer_bankcode .bank_slct.col5 li:focus a{border-color:#1e75d6;color:#1e75d6;z-index:2018;}

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

/* 일부결제금액이월약정(리볼빙) 레이어팝업 추가 */
.area_layer.w_520_pop {width:520px !important;}
.layer_per_change2 .box_bg{margin:15px 0 20px;}
.layer_per_change2 .box_bg{text-align:center;}
.layer_per_change2 .box_bg .amount_bf{font-size:13px;color:#666;}
.layer_per_change2 .box_bg .amount_af{font-size:15px;margin-top:5px;}


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

/* 이용대금명세서수령항목 변경 */
.form_select.receive_bill{width:195px;}

/* 2018-10-22 직업정보 - 개인사업자 수정 */
.job_info li {font-size:13px;line-height:22px;color:#666;text-align:left;}
.chek_work {position:absolute;right:36%;top:4px;}
.chek_car {position:absolute;right:48.5%;top:4px;}
.chek_work.fin, .chek_car.fin {background:#666;color:#fff;}
.chek_work.fin span, .chek_car.fin span {cursor:default;}
.chek_work.fin[disabled], .chek_car.fin[disabled] {cursor:default;}
.chek_work.fin:hover, .chek_car.fin:hover {background:#666 !important;}
.workerName {display:none;}
.worker_show {display:block;}

/* 2018-12-04 코스트코 멤버십 관련 신청 프로세스 수정 요청 */
.dp_none{display:none}
.costcobox{display:none;margin-top:20px}
.costco_form{position:relative}
.costco_form .chek_work{right:56%;margin:0}
.costco_inner .costco_form .chek_work{right:55%;margin:0}
.list_card_infoTy01 .costco_form .chek_work{right:55%;margin:0}
.area_layer.leavepop{width:355px}

.area_layer.leavepop .box_layer{padding-top:0}
.area_layer.leavepop .bg_txt{width:275px;height:128px;background:url(/image/common/leave_txt.png) no-repeat left top}
.area_layer.leavepop .bg_txt p{position:absolute;left:-9999px}
.area_layer.leavepop .box_btn{margin-top:0}
.area_layer.leavepop .btn_area{margin-top:0;width:100%;vertical-align:middle}
.area_layer.leavepop .btn_area .type1{width:80px;}
.area_layer.leavepop .btn_area .type1 span{min-width:100%}
.area_layer.leavepop .btn_area .type2{width:180px;}
.area_layer.leavepop .btn_area .type2 span{min-width:100%}

/* 2018-12-11 카드안내신청 - 연회비 캐시백 신규페이지 */
.area_content .cashback_header{width:912px;margin-bottom:60px;padding:50px 60px;background:#f5f5f5;}
.area_content .cashback_header .cashback_event{background:url(/image/bg/bg_cashback.png ) right top no-repeat;}
.cashback_event .tit_cash{font-size:34px;color:#000;line-height:1.0em;}
.cashback_event .cashback{display:inline-block;margin-top:20px;font-size:18px;color:#333;}
.guide_revolving{margin-left:40px;}
.type_cashback{margin-top:60px;}
.type_cashback .list_info_1{margin-top:10px;}
.type_cashback .list_info_1 .brand_cash{padding-left:65px;}

/* 2019-01-22 부가서비스 내 코스트코 멤버쉽 항목 추가 */
.radiobox > li > label.skt{text-indent:-9999px;background:url(/image/common/logo_skt.png) no-repeat center center}
.radiobox > li > label.kt{text-indent:-9999px;background:url(/image/common/logo_kt.png) no-repeat center center}
.radiobox > li > label.lgt{text-indent:-9999px;background:url(/image/common/logo_lgt.png) no-repeat center center}

/* 2019-04-09 H-Coin 바로 사용 */
.check_line2 .bind_item .item_check.type1 .item_check_sub{padding-left:0;line-height:21px;}
.history_list.check_line2 > li .radioType2{top:19px;}
.check_line2 .radioType2 label{background:none;}
.check_line2 .radioType2 label:before{content:"";position:absolute;left:0;top:13px;width:16px;height:16px;background:url(/image/common/radio16x16.png) no-repeat 0 0;}
.check_line2 .radioType2 .on label:before{background-position:0 -64px;}

/* 2019-04-09 이용대금명세서 */
.wrap_usage_state > .checkbox{margin-top:14px;}
.wrap_usage_state{overflow:hidden;}
.wrap_usage_state .creditkeeper_alm {margin-top:5px;padding:10px;background-color:#fafafa;box-sizing:border-box;}
#selectRcv{clear:both;display:none;}
#selectMailRcv, #RcvAlarm{display:none;}
.al_case{margin:0;}
#RcvAlarm .al_case li {display:none;}
#RcvAlarm .form_select{vertical-align:top;}
#RcvAlarm .hcbtn_midium.type3 span{height:38px;line-height:40px;}
#appPusTerms {display:inline-block;margin:12px 0 0 10px;}

/* 2019-04-19 신청프로세스 내 우리은행 UI 추가 요청 */
.form_select.type_2.bank_select .select_wrap .ul_select_list ul{width:239px !important}
.form_select.type_2.bank_select .select_wrap .ul_select_list ul > li:first-child{min-width:239px;text-align:left}
.form_select.type_2.bank_select .select_wrap .ul_select_list ul > li:first-child a:before{content:"";display:inline-block;margin:-3px 9px 0 0;width:24px;height:24px;vertical-align:middle;background:url(/ebaycard/pc/img/images/img_bank_20.png) no-repeat left top;background-size:24px 24px}
.form_select.type_2.bank_select .select_wrap .ul_select_list ul > li{min-width:78px}
.form_select.type_2.bank_select .select_wrap .ul_select_list ul > li.more a{color:#1e75d6}
.form_select.type_2.bank_select .select_wrap .ul_select_list ul > li.more a:after{content:'';display:inline-block;margin-left:10px;width:10px;height:10px;background:url(/image/icon/com/plus_blue_10x10.png) no-repeat left top}

#account #accountNumber, #account #btnVerifyAccount{vertical-align:top}

.area_layer.layer_bankcode .bank_slct{overflow:hidden;padding:1px 0 0 1px;display:table;margin:0 -5px 0 0;}
.area_layer.layer_bankcode .bank_slct li{display:table-cell;width:20%;height:90px;border:1px solid #ccc;margin:-1px 0 0 -1px}
.area_layer.layer_bankcode .bank_slct li a.slct_menu{display:table}
.area_layer.layer_bankcode .bank_slct li a:before{display:none}
.area_layer.layer_bankcode .bank_slct li a p{display:table-cell;vertical-align:middle}
.area_layer.layer_bankcode .bank_slct a.slct_menu .img{height:38px}
.area_layer.layer_bankcode .bank_slct a.slct_menu .img img{width:auto !important;vertical-align:top;height:100% !important}
.area_layer.layer_bankcode .bank_slct a.slct_menu .slct_word{display:inline-block;padding-top:3px;font-size:12px;line-height:14px}
.area_layer.layer_bankcode .bank_slct li.w100{width:499px}
.area_layer.layer_bankcode .bank_slct li.w100 a.slct_menu .img{display:inline-block;vertical-align:middle;margin-right:11px}
.area_layer.layer_bankcode .bank_slct li.w100 a.slct_menu .slct_word{padding-top:0;font-size:16px;line-height:38px;color:#000;vertical-align:middle}
/*2020-07-30 GGCN45 : 웹접근성 skip*/
.area_layer.layer_bankcode .bank_slct li a.bank_select_skip { position:absolute; width:0; height:0; font-size: 0; text-indent: -9999px; opacity: 0; }
.area_layer.layer_bankcode .bank_slct li a.bank_select_skip:focus { position: absolute; bottom: -14px; left: -2px; right: -2px; display: block; width: calc(100% + 4px); height: auto; box-sizing: border-box; padding: 4px 1px; border: 1px #1e75d6 solid; background: white; font-size: 11px; line-height: 11px; text-indent: 0; opacity: 1; z-index: 2020; }

/* 2019-04-23 add */
.hcbtn_midium.type1_link, .hcbtn_large.type1_link, .hcbtn_xlarge.type1_link {background:#666;color:#fff; vertical-align:middle; }
.white_btn_content .hcbtn_xlarge.type1_link{background:#fff;color:#000;}
.hcbtn_midium.type1_link:hover, .hcbtn_large.type1_link:hover, .hcbtn_xlarge.type1_link:hover{background:#474747;}
.hcbtn_large.type1_link span {color:#fff;}

/* 2019-05-13 장기카드대출 한도상항 프로세스 신규 제작 요청 */
.area_layer.install_layer{padding-right:0}
.area_layer.install_layer h3{display:block;margin:0;padding:0 0 26px;text-align:left;font-size:36px;line-height:46px;border-bottom:1px solid #f0f0f0}
.area_layer.install_layer .box_layer{padding:55px 60px}
.area_layer.install_layer .box_layer .box_info{padding:50px 0 33px}
.area_layer.install_layer .box_layer p{font-size:13px;line-height:20px;color:#666}
.area_layer.install_layer .box_layer .tit{font-size:24px;line-height:31px}
.area_layer.install_layer .box_layer .tit + p{margin-top:24px}
.area_layer.install_layer .btn_box{text-align:center}
.area_layer.install_layer .btn_box .btn_install{display:inline-block;overflow:hidden;width:186px;height:55px;background:url(/image/btn/btn_install.png) no-repeat left top;text-indent:-9999px;vertical-align:middle}
.area_layer.install_layer .btn_close a{overflow:hidden;padding:0;top:20px;right:20px;width:40px;height:40px;background:url(/image/btn/btn_close_03.png) no-repeat center center;text-indent:-9999px}

/* 2019-07-12 신청페이지 이탈 시 팝업 제작 */
.area_layer.type_xsmall.leave_layer{width:380px;}
.area_layer.type_xsmall.leave_layer .box_layer .bg_txt{height:128px;background:url(/image/common/leave_txt.png) no-repeat center top;}
.area_layer.type_xsmall.leave_layer .box_layer .bg_txt p{text-indent:-9999px;overflow:hidden;}

/*2019-10-18 [카드안내신청] 신청서 내 ARS 출금동의 항목 추가 */
.ars_AuthLayPop_dim {display:none;z-index:29 !important}
.ars_AuthLayPop_dim img {position:absolute;top:50%;left:50%;margin-top:-240px;margin-left:-18px;width:auto  !important;}
.ars_AuthLayPop_dim .txt_ars_Area {position:absolute;top:50%;left:50%;margin-top:-170px;margin-left:-200px;}/* 200624 GGU442 margin-left:-146px; */
.ars_AuthLayPop_dim .txt_ars_Area .txt_ars {font-family:'YouandiModernHEB';font-size:30px;color:#000;}

/* 개인신용평가결과대응권 신청 페이지 제작 요청 */
.form_agree.checkbox_wrap.type_3 .accordion_unit .tit_wrap2 .agree_title.type2{font-size:15px;}
.form_agree .agree_inner.type_3 .agree_title.type3{font-size:13px;line-height:24px;}
.form_agree .agree_inner.type_3 .list_style01.type_2{margin: 13px 0 4px;}
.form_agree .agree_inner.type_3 .list_style01.type_2 li{font-size: 13px;line-height:24px;}
.form_agree .agree_inner.type_3 .list_style01.type_2 li .txt15{font-size:15px;font-weight:bold;}

/* 2019-12-18 카드안내 신청 프로세스 리볼빙/푸본 추가*/
.form_agree.checkbox_wrap.type_3 .accordion_unit .tit_wrap2 .check_all.type2 { position:absolute; top:9px; right:20px }
.form_agree.checkbox_wrap.type_3 .accordion_unit .tit_wrap2 .check_all.type2 label { font:0/0 arial !important;}

/* 2020-02-07 [My Account] 리볼빙 페이지내 레이어 팝업 제작 요청(폰트컬러공통화작업) */
.color_point_1{color:#1e75d6 !important;}

/* 2020-03-20 GGCP31 [카드안내신청] 신청 2단계_결제정보 타행 선택 삭제 요청 */
.select_bank {border:1px solid #e1e1e1;height:38px;font-size:13px;line-height:42px;padding-left:15px;color:#666;}
.bank_inner:before {content:"";display:inline-block;margin: -3px 9px 0 0;width: 24px;height:24px;vertical-align:middle;background: url(/ebaycard/pc/img/images/img_bank_20.png) no-repeat left top;background-size:24px 24px;}

/* 2020-06-02 GGCQ62 - 신청서 1단계 이탈 TM 팝업 */
.area_layer.type_midium.card_help_layer .box_layer{padding:20px;}
.area_layer.type_midium.card_help_layer .box_layer h3.type_1{height:81px; padding-left:27px; font-family:'YouandiModernHEB'; line-height:81px; background:#f2f2f2 url(/image/card/bg_card_help.png) no-repeat 454px 16px; text-align:left; letter-spacing:-.5px;}
.area_layer.type_midium.card_help_layer .box_layer .txt-type1{font-family:'YouandiModernHEB'; line-height:24px;}
.area_layer.type_midium.card_help_layer .list_info_1{border-bottom:none;}
.area_layer.type_midium.card_help_layer .list_info_1 > li .tit{top:24px;}
/* accordion_box 재설정 */
.area_layer.type_midium.card_help_layer .accordion_box{position:relative; padding:0 44px; text-align:left;}
.area_layer.type_midium.card_help_layer .accordion_box .accordion_unit{margin-top:10px;}
.area_layer.type_midium.card_help_layer .accordion_box .accordion_unit .tit_wrap2{position:relative; border:1px solid #e5e5e5;}
.area_layer.type_midium.card_help_layer .accordion_box .tit_wrap2 .agree_title{margin-bottom:0; padding:14px 40px 14px 20px;}
.area_layer.type_midium.card_help_layer .accordion_box .tit_wrap2 .btn_fold{overflow:hidden; position:absolute;  top:0; right:0; bottom:0; width:20px; padding:0 20px; background:url(/image/common/arrow_open_02.png) no-repeat 50% 50%; text-indent:-9999px;}
.area_layer.type_midium.card_help_layer .accordion_box .on .tit_wrap2 .btn_fold{background-image:url(/image/common/arrow_close_02.png);}
.area_layer.type_midium.card_help_layer .accordion_box .box_fold{padding:20px 20px 15px; color:#666; font-size:13px; line-height:22px; background-color:#fafafa; border:1px solid #e5e5e5; border-top: none;}
/* //2020-06-02 GGCQ62 - 신청서 1단계 이탈 TM 팝업 */

/* 2020-06-09 GGU282 웹 접근성 작업 - 추가 */
.overtip_wrap {position:relative;}
.overtip_wrap .overtip {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);}
.overtip_wrap:focus .overtip,
.overtip_wrap:hover .overtip {z-index:100;position:static;overflow:visible;width:auto;height:auto;margin:0;clip:unset;}
.overtip_wrap .overtip .txt {position:absolute; left:0; top:-26px; padding:0px 6px;background:#ffffff; border:1px solid #e5e5e5; font-size:12px; line-height:19px; color:#767676; text-align:center; white-space:nowrap;}
.overtip_wrap .overtip .arr {position:absolute; top:-7px; left:50%; height:5px; width:8px; margin-left:-4px; background:url(/image/common/bg_overtip_hover.png) no-repeat; background-position:0px 0px; font-size:12px; line-height:19px; color:#666; text-align:center;}
/* //2020-06-09 GGU282 웹 접근성 작업 - 추가 */

/* 2020-06-24 GGU282 특별한도 신청 페이지 신규 제작 요청 - 추가 */
.radioType3 {display:inline-block; position:relative;}
.radioType3 .label {display:inline-block; position:relative; height:16px; width:16px; background:url(/image/common/radio16x16.png) no-repeat 0 0; cursor:pointer;}
.radioType3 input:focus + .label {outline-style:dotted; outline-width:1px;}
.radioType3 .on input + .label {background-position:0 -16px; color:#1e75d6;}
.radioType3 input:focus + .label,
.radioType3 .label:hover {background-position:0 -48px;}
.radioType3 .on input:focus + .label,
.radioType3 .on input + .label:hover{background-position:0 -64px;}
.radioType3 .label.disabled,
.radioType3 .label.disabled:hover {background-position:0 -32px;}
.list_style04.dt_mb1 > dt {margin-bottom:8px;}
.list_dot_2.vnarrow > li {line-height:22px;}
.layer_table.type5 {font-size:15px;border-bottom:1px solid #e1e1e1;}
.layer_table.type5 thead th {padding:16px 0 15px; border-top:2px solid #555; font-weight:normal; text-align:center; color:#000;}
.layer_table.type5 tr > * {border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0;}
.layer_table.type5 tbody th,
.layer_table.type5 tbody td {padding:16px 0 15px; text-align:left; font-size:13px; font-weight:normal; color:#666}
.list_info_1.type_23 {margin-top:14px; border-bottom:0 none; padding-top:34px;}
.list_info_1.type_23 .box_txt:first-child{margin-top:0;}
.list_group2 .group_title.small {color:#666; font-size:13px;}
/* //2020-06-24 GGU282 특별한도 신청 페이지 신규 제작 요청 - 추가 */

/* 2020-06-30 GGCQ62 - M/X/ZERO 푸본 동의 위치 수정 요청의 건 */
/* 리스트안에 accordion 포함될때 재설정 */
.area_layer .list_info_1 .accordion_li{padding:20px 24px 13px;}
.area_layer .list_info_1 .accordion_li .accordion_unit{margin-top:0;}
.area_layer .list_info_1 .accordion_li .accordion_unit .tit_wrap2{position:relative;}
.area_layer .list_info_1 .accordion_li .tit_wrap2 .agree_title{display:inline-block; margin-bottom:0; color:#000; font-size:15px;}
.area_layer .list_info_1 .accordion_li .accordion_unit .tit_wrap2 .radioType2 li{margin-left:15px;}
.area_layer .list_info_1 .accordion_li .tit_wrap2 .btn_fold{overflow:hidden; position:absolute;  top:0; right:-20px !important; bottom:0; width:20px; height:47px; padding:0 20px; background:url(/image/common/arrow_open_02.png) no-repeat 50% 50%; text-indent:-9999px;}
.area_layer .list_info_1 .accordion_li .on .tit_wrap2 .btn_fold{background-image:url(/image/common/arrow_close_02.png);}
.area_layer .list_info_1 .accordion_li .box_fold{margin-top:15px; padding:20px 20px 15px; color:#666; font-size:13px; line-height:22px; background-color:#fafafa;}
.area_layer .list_info_1 .accordion_li .box_fold .agree_title{display:inline-block;}
/* //2020-06-30 GGCQ62 - M/X/ZERO 푸본 동의 위치 수정 요청의 건 */

/* 2020-08-07 GGCQ35 - MyAccount 수시결제 텍스트 크기 수정  */
.bold .big {font-size:14px;}

/* 2020-09-03 GGCN45 :[My Account] 스타벅스 카드 해지 신청 제작 요청의 건 -선 배포 가능*/
.area_layer .p_miduim.ico_noti, .area_layer .p_small.ico_noti{ margin-top: 36px; padding-top: 102px; background: url(/image/icon/ico_noti80x80.png) no-repeat center top; }
.form_table.type11 tbody th.text_grey{color: #666;}

/* 2020-10-16 GGCQ62 -[카드안내신청] 카드해지 신청 내 신세계포인트 안내 팝업 제작 */
.form_table.type11 tbody .point{padding-right:25px; color:#000; font-size:15px; font-family:'YouandiModernHEB';}

/* 2020-12-08 GGU402 -[카드안내신청] Chameleon 카드안내 내 수정 요청의 건 */
.con-tit{margin-bottom:40px;}
.con-tit h3{text-align:center; font-size:21px; color:#000;}
.con-tit p{margin-top:20px; font-size:15px; line-height:22px; color:#333;}
.area_layer.new_notice h3.type_1.tx-l{text-align:left; margin:0px 40px 19px;}
.ft-ymheb{font-family:'YouandiModernHEB'}

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

/* 2021-01-18 GGU402 [카드안내신청] M BOOST 3종 상세 수정 요청의 건 */
.clr-gr666{color:#666}

/* 2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */
.like_tbl {display:table;width:100%;box-sizing:border-box;}
.like_tbl > .like_td {display:table-cell;}
.like_tbl > .like_td.tit {width:1px;white-space:nowrap;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;} /* 2021-02-22 GGU282 - 수정 */
/* //2021-01-20 GGU282 현대카드 웹 클럽서비스 개선 요청의 건 - 추가 */

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

/* 2021-03-18 GGCX83 form 태크 li */
.form_card .form_list{position:relative;font-size:13px; line-height:40px;min-height:24px; padding:20px 0 13px 264px;}
.form_card .form_list .tit{position:absolute;top:21px;left:64px;width:200px;font-size:15px;color:#000;line-break:22px;line-height:22px;}
.form_card .form_list + .form_list{border-top:1px solid #f0f0f0}

/* 2021-05-13 GGU402 [My Account] 케어서비스 안내 내 8 종 상품 수정요청의 건 */
/* .form-list{float:left;}
.form-list > li{position:relative; padding-left:10px;}
.form-list > li:before{content:'-'; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.form-list > li p{line-height:24px;} */

/* 2021-05-13 등급제 */
.area_layer .terms_table{}
.area_layer .terms_table caption{position:absolute;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}
.area_layer .terms_table col:first-child{width:150px !important;}
.area_layer .terms_table th{border-bottom:1px solid #f5f5f5;vertical-align:top;padding:13px 0;font-weight:bold !important;font-size:14px;line-height:22px;text-align:left;word-break:break-all;/*word-break:keep-all;*/}
.area_layer .terms_table th.normal{font-weight:normal !important;}
.area_layer .terms_table td{border-bottom:1px solid #f5f5f5;vertical-align:top;padding:13px 0 13px 8px;font-size:14px;line-height:22px;}
.area_layer .terms_table td *{font-size:14px !important;line-height:22px !important;margin:0 !important;padding:0;}
.area_layer .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{font-size:16px;line-height:26px;color:#000;}
.grade_detail_box p{color:rgba(0,0,0,.64) !important;font-size:14px !important;line-height:22px !important;}
.grade_box{color:#fff;font-size:12px;padding:0 8px;border-radius:16px;line-height:19px;vertical-align:middle;display:inline-block;}
.grade_box.small{font-size:10px !important;line-height:16px !important;padding:0 6px;}
.checkbox_list div.grade{font-size: 12px;color:#666;line-height: 17px;padding-left: 24px;margin:10px 0 3px 0;}
.checkbox_list div.grade:before{display:inline-block;width:6px;height:6px;border-radius:3px;content:"";clear:both;margin-right: 5px;vertical-align: middle;margin-top: -2px;}
.grade01:before{background:#019DC2;}
.grade02:before{background:#52B148;}
.grade03:before{background:#EDC11B;}
.grade04:before{background:#EF812D;}
.grade05:before{background:#E02E27;}
.area_layer table .table_in_box{border:1px solid #ccc;padding:10px;}
.area_layer table strong{font-size:14px !important;}
.area_layer .terms_grayBox{background:#f5f5f5;padding:29px 24px 24px 24px;margin: 24px 0 24px 50%;width: 100%;transform: translate(-50%,0);}
.area_layer .terms_grayBox dl{}
.area_layer .terms_grayBox dl dt{color:#000;font-size:16px;line-height:22px;}
.area_layer .terms_grayBox dl dd{}
.area_layer .terms_grayBox dl dd p{color:#000;font-size:16px;line-height:26px;}
.area_layer .terms_grayBox dl dd span{display:block;margin:23px 0;}
.area_layer .terms_grayBox dl dd img{width:100%;}
.area_layer .under_line{text-decoration:underline;}
.area_layer .under_line strong{font-weight:bold !important;}

/*20210517*/
.form_agree.checkbox_wrap.type_3 .accordion_unit .tit_wrap2 .check_all { position:absolute; top:9px; right:20px }
.form_agree.checkbox_wrap.type_3 .accordion_unit .tit_wrap2 .check_all label { font:0/0 arial !important;}

/* 2021-05-20 GGU282 [여신법][M혜택안내] H-Coin 사용처 내 약관 팝업 수정요청의 건(5/27) - 추가 */
.grade_agree_box {margin:4px 0 15px;padding:19px 15px 14px;background-color:#f5f5f5;}
.grade_agree_box:after {display:block;content:'';clear:both;}
.grade_agree_box .checkbox label {font-size:13px; color:#000;}
.grade_agree_box .grade {font-size:12px;color:#666;line-height:17px;padding-left:24px;margin:8px 0 3px;}
.grade_agree_box .grade:before {display:inline-block;width:6px;height:6px;border-radius:3px;content:"";clear:both;margin-right: 5px;vertical-align: middle;margin-top: -2px;}
.grade_terms_box {margin:40px 0 18px;padding-top:40px;border-top:1px solid #f0f0f0;font-size:15px;line-height:24px}
.grade_terms_box .grade_bar {margin:34px 0 36px;padding:30px 0;text-align:center;background:#f5f5f5;}
.grade_terms_box p {font-size:15px;line-height:24px;color:#666;}
.grade_terms_box .list_info_1 {margin-top:14px;border-top:1px solid #555;}
.grade_terms_box .list_info_1 > li {padding-left:224px;min-height:auto;}
.grade_terms_box .list_info_1 > li > .tit {width:190px;}
.grade_terms_box .list_info_1 > li p {color:#000;}

/* 2021-06-09 GGCQ33 - [My Account] 카드 해지신청  프로세스 제작 요청의건(PC) */
.CPAMP0103_03_point table tr:first-child{    border-top: 2px solid #555 }
.CPAMP0103_03_point .form_table.type11.line2 tbody tr > th{padding-left:20px}

/* 2021-07-09 GGCQ35 - [My Account] 특별한도 조회 신청 수정 요청의 건 - (보더속성추가) */
.bdt_no{border-top: none !important;}
.bdb_no{border-bottom: none !important;}
.bdb_line{border-bottom: 1px solid #e1e1e1;}

/* 2021-09-06 GGU282 - 추가 */
.img_area2 {margin-bottom:20px;}
.img_area2 img {max-width:100%;}
.img_area2 + .list_info_1 {border-top:0 none;}

/* 2021-09-29 GGU282 - 추가 */
.new_clause2_wrap p {margin-top:5px;}
.new_clause2_wrap li {margin-top:5px;}
.new_clause2_wrap li li {margin-top:0;}
.new_clause2_wrap li ul,
.new_clause2_wrap li ol {margin-top:3px;}
.new_clause2_wrap .terms_table {margin-bottom:10px;}
.new_clause2_wrap .terms_table table th,
.new_clause2_wrap .terms_table table td {padding-right:5px;}
.new_clause2_wrap .new_clause_title {font-size:17px !important;}
.new_clause2_wrap .new_clause_subtitle {font-size:16px !important;}
.new_clause2_wrap .new_clause_bold {font-weight:normal; font-family:'YouandiModernHEB'; color:#000;}
.new_clause2_wrap .new_clause_bold_1 {font-size:16px !important; font-weight:normal; font-family:'YouandiModernHEB'; color:#000;}
.new_clause2_wrap .new_clause_bold_2 {font-size:16px !important; text-decoration:underline; color:#000;}
.new_clause2_wrap .new_clause_bold_3 {font-size:16px !important; font-weight:normal; font-family:'YouandiModernHEB'; line-height:1.4; color:#000;}
.new_clause2_wrap .new_clause_x_x_title .text_underline {text-decoration: underline;}

/* 2021-10-08 GGCQ35 - [금소법] [My Account] 갱신 재발급 신청 내 카드신청 적합성 여부 제작요청의건 */
.guide.type_5 .btn_guide span{background:none;padding-left:0;cursor: initial;}

/* 2021-10-27 GGU402 [카드안내신청] 현대카드 SB 상세페이지 제작 요청의건 */
.second-txt{color:#666; font-size:15px; line-height:20px;}
.MXB .area_verticle_plate2 .box_content_right:after {background-image: url(/img/com/card_big_h/card_MXB_h.gif);}
.txt_small02{font-size:15px; color:#000; line-height:24px;}
.mxb_card_banner{background:#000; padding:30px 0; text-align:center;}
.mxb_card_banner p{position:relative; color:#fff; font-size:21px; line-height:1; font-family:'YouandiModernHEB';}
.mxb_card_banner p:before{content:''; display:block; background:url("/image/card/card_detail/img_banner_card_MXB.png")no-repeat; width:669px; height:67px; margin:0 auto 30px}
.card_banner02{display:inline-block}
.mxb_card_banner a{display:block; line-height:32px; height:32px; background:#1e75d6; padding:0 12px 0 13px; color:#fff}
.mxb_card_banner a span{color:#fff; font-size:13px; line-height:32px;}
.card_img_box{border-top:2px solid #555; border-bottom:1px solid #f0f0f0; padding:20px 0;}
.mx_card-img{width:328px; display:inline-block;}
.bt_line_e1{border-bottom:1px solid #e1e1e1}
.bg_none{background:none !important}

/* 2021-11-12 GGU402 [카드안내신청] SB 카드 상세페이지 내 웰컴 배너 제작요청의건 */
.MXB_card_banner02 a {position: relative; display: block; width: 680px; height: 96px; margin: 2px auto 22px; padding: 26px 24px 0; background:#333; box-sizing: border-box; border-radius: 8px;}
.MXB_card_banner02 p {color: #fff; font-family: 'YouandiModernHEB'; font-size: 20px;}
.MXB_card_banner02 p::after {display: block; content: ''; width:232px; height:64px; background:url(/image/card/card_detail/img_banner_card_MXB02.png) no-repeat 0 0; position: absolute; top: 16px; right: 24px;}
.MXB_card_banner02 span {font-size: 13px;margin-top: 10px;display: block;color: #fff;}

/* 2021-12-03 GGU442 월세 추가 */ 
.money_txt{font-size:13px; color:#999;line-height:36px;text-align:right;margin:-1px 0 -8px;}