@charset "utf-8";

/* font */
@font-face{
	font-family: 'ShinhanCard';
	src: local(※);
	src: url('/pconts/fonts/ShinhanCardL.eot') format('embeded-opentype');
	src: url('/pconts/fonts/ShinhanCardL.woff') format('woff');
	src: url('/pconts/fonts/ShinhanCardL.woff') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: 'ShinhanCard';
	src: local(※);
	src: url('/pconts/fonts/ShinhanCardM.eot') format('embeded-opentype');
	src: url('/pconts/fonts/ShinhanCardM.woff') format('woff');
	src: url('/pconts/fonts/ShinhanCardM.woff') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face{
	font-family: 'ShinhanCard';
	src: local(※);
	src: url('/pconts/fonts/ShinhanCardB.eot') format('embeded-opentype');
	src: url('/pconts/fonts/ShinhanCardB.woff') format('woff');
	src: url('/pconts/fonts/ShinhanCardB.woff') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face{
	font-family: 'signature1';
	src: url('/pconts/fonts/GongPilM.eot');
	src: url('/pconts/fonts/GongPilM.eot?#iefix') format('embedded-opentype');
	src: url('/pconts/fonts/GongPilM.woff') format('woff');
	src: url('/pconts/fonts/GongPilM.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'signature2';
	src: url('/pconts/fonts/Blacksword.eot');
	src: url('/pconts/fonts/Blacksword.eot?#iefix') format('embedded-opentype');
	src: url('/pconts/fonts/Blacksword.woff') format('woff');
	src: url('/pconts/fonts/Blacksword.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* base */
*, *:before, *:after {box-sizing:border-box; word-break:keep-all; word-wrap:break-word;}
#pinsign-pinpad-container,
#pinsign-pinpad-container * {box-sizing:content-box;}

html {height:100%;}
body, h1, h2, h3, h4, h5, h6, fieldset, ul, ol, dl, dt, dd, p, button, figure, xmp {margin:0;padding:0;}
body {font:normal 15px/1.53 'ShinhanCard', 'sans-serif';color:#111;word-break:keep-all;-webkit-touch-callout:none;box-sizing:border-box;-webkit-text-size-adjust:none;text-size-adjust:none;}
legend, caption {overflow:hidden;width:1px;height:1px;color:transparent;}
a {text-decoration:none;color:inherit;}
a[href^="tel"] {cursor:default;}
img {vertical-align:middle;border:0 none;}
fieldset, button {background:none;border:0px;}
ul:after,ol:after {content:'';display:block;clear:both;}
li {list-style:none;}
table {width:100%;border-spacing:0px;border-collapse:collapse;}
iframe {width:100%;vertical-align:middle;border:0 none;}
hr {margin:1.25em 0;border:0 none;height:1px;background:#ccc;}
button, input, optgroup, select, textarea {font:inherit;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6 {font-weight:700;-webkit-font-smoothing:subpixel-antialiased;}
input,
select,
textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0;}
input::-ms-clear {display:none;}
input[type=password]::-ms-reveal {display:none;}
b, strong {font-weight:700;}
em {font-style:inherit;}

/* img {
	image-rendering:-moz-auto;
	image-rendering:-o-auto;
	image-rendering:-webkit-optimize-contrast;
	image-rendering:auto;
	-ms-interpolation-mode:nearest-neighbor;
} */

.agtSafari input[type="password"] {font-family:'sans-serif';}
.agtSafari input[type="password"]::-webkit-input-placeholder {font-family:'ShinhanCard';}
.agtSafari input[type="password"].placeholder {font-family:'ShinhanCard';}

/* [data-bind-view], [data-plugin-view] {display: none;} */

/* 잉카 보안키패드 관련 추가 2018.08.28  */
.nppfs-keypad {z-index:9999;}
.nppfs-keypad img {max-width:none;}
.mobile .nprotect_btn_mouse {display:none;}
.tablet .nprotect_btn_mouse {display:none;}
.nprotect_btn_mouse {position:absolute;top:0;right:0;height:40px;width:36px;text-indent:-9999px;z-index:5;background:url(/pconts/images/common/ico_mouse.png) no-repeat center center;}

/* ==========================================================================
   App Display
   ========================================================================== */
.app_show {display:none !important;} /* 앱전체 */
.app_shcard_show {display:none !important;} /* 신한앱 */
.app_shfan_show {display:none !important;} /* 페이판 */
.app_sharedplatform_show {display:none !important;} /* 플랫폼 */
.app_shcoupon_show {display:none !important;} /* 쿠폰앱 */
.app_spay_show {display:none !important;} /* 페이앱 */
body.app .app_show {display:block !important;} /* 앱전체 */
body.app_shcard .app_shcard_show {display:block !important;} /* 신한앱 */
body.app_shfan .app_shfan_show {display:block !important;} /* 페이판 */
body.app_sharedplatform .app_sharedplatform_show {display:block !important;} /* 플랫폼 */
body.app_shcoupon .app_shcoupon_show {display:block !important;} /* 쿠폰앱 */
body.app_spay .app_spay_show {display:block !important;} /* 페이앱 */

.app_hide {display:block !important;} /* 앱전체 */
.app_shcard_hide {display:block !important;} /* 신한앱 */
.app_shfan_hide {display:block !important;} /* 페이판 */
.app_sharedplatform_hide {display:block !important;} /* 플랫폼 */
.app_shcoupon_hide {display:block !important;} /* 쿠폰앱 */
.app_spay_hide {display:block !important;} /* 페이앱 */
body.app .app_hide {display:none !important;} /* 앱전체 */
body.app_shcard .app_shcard_hide {display:none !important;} /* 신한앱 */
body.app_shfan .app_shfan_hide {display:none !important;} /* 페이판 */
body.app_sharedplatform .app_sharedplatform_hide {display:none !important;} /* 플랫폼 */
body.app_shcoupon .app_shcoupon_hide {display:none !important;} /* 쿠폰 */
body.app_spay .app_spay_hide {display:none !important;} /* 페이앱 */

body.app .btn_print {display:none !important;}
body.app .btn_print_down {display:none !important;}

/* ==========================================================================
   COMMON
   ========================================================================== */
/* 요소형태 */

.block {display:block !important;}
.in_block {display:inline-block;}
.hide {display:none;}
.hidden {overflow:hidden;}
.visible {overflow:visible !important;}
.in_block_block {display:inline-block;} /* pc inline-block mo block */
.scr_auto {overflow:auto;-webkit-overflow-scrolling:touch;}
.relative {position:relative;}

/* Underline */
.underline {text-decoration:underline;}

/* 감춤 */
.blind {position:absolute;left:-999px; top:-999px;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important;}
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.blur img {-webkit-filter:blur(6px);-moz-filter:blur(6px);}
.url_blind {overflow:hidden;position:absolute;width:50px !important;height:1px !important;border-color:#fff !important;z-index:-1;}

/* float */
.f_left {float:left !important;}
.f_right {float:right !important;}

/* bg color */
/* 추가시 01 붙일것, 예) bg_blue01 */
.bg_white {background-color:#fff;background-color:rgba(255, 255, 255, 1.0);}
.bg_lightgray {background-color:#f2f4f8;background-color:rgba(242, 244, 248, 1.0);}
.bg_gray {background-color:#f6f6f6;background-color:rgba(246, 246, 246, 1.0);}
.bg_gray01 {background-color:#fafafa;background-color:rgba(250, 250, 250, 1.0);}
.bg_gray02 {background-color:#f7f7f9; background-color:rgba(247, 247, 249, 1.0)}
.bg_prim {background-color:#086ac5;background-color:rgba(8, 106, 197, 1.0);}
.bg_prim01 {background-color: #4868e1;background-color: rgb(72, 104, 225, 1.0);}
.bg_darkprim {background-color:#081350;background-color:rgba(8, 19, 80, 1.0);}
.bg_orange {background-color:#faf6f3;background-color:rgba(250, 246, 243, 1.0);}
.bg_transparent {background-color:transparent!important;}


/* font color */
/* 추가시 01 붙일것, 예) color_blue01 */
.color_black {color:#111 !important;}
.color_gray {color:#111; !important;}
.color_lightgray {color:#999 !important;}
.color_darkgray{color:#333 !important;}
.color_prim {color:#4868e1 !important;}
.color_darkprim {color:#081350 !important;}
.color_red {color:#f14b25 !important;}
.color_blue {color:#5a75e3 !important;}
.color_gold {color:#8d743a !important;}
.color_green {color:#1abe54 !important;}

/* font size */
/* 추가시 01 붙일것, 예) font_sm01 */
/* sm : 14px이하, md : 16px ~ 19px, lg : 20px 이상 */
.font_basic {font-size:15px !important;} /*모바일 => 15px*/
.font_sm {font-size:13px !important;} /*모바일 => 13px*/
.font_md {font-size:16px !important;} /*모바일 => 16px*/
.font_md01 {font-size:18px !important;} /*모바일 => 16px*/
.font_md02 {font-size:18px !important;} /*모바일 => 15px*/
.font_md03 {font-size:15px !important;} /*모바일 => 16px*/
.font_md04 {font-size:18px !important;} /*모바일 => 18px*/
.font_md05 {font-size:16px !important;} /*모바일 => 15px*/
.font_md06 {font-size:15px !important;} /*모바일 => 13px*/
.font_lg {font-size:20px !important;} /*모바일 => 16px*/
.font_lg01 {font-size:24px !important;} /*모바일 => 18px*/
.font_lg02 {font-size:38px !important;} /*모바일 => 19px*/
.font_lg03 {font-size:34px !important;} /*모바일 => 20px*/
.font_lg04 {font-size:34px !important;} /*모바일 => 24px*/
.font_lg05 {font-size:28px !important;} /*모바일 => 24px  visual_txt*/
.font_lg06 {font-size:20px !important;} /*모바일 => 18px */
.font_lg07 {font-size:24px !important;} /*모바일 => 24px */
.font_lg08 {font-size:28px !important;} /*모바일 => 20px  visual_txt*/
.font_lg09 {font-size:46px !important;} /*모바일 => 32px  */
.font_lg10 {font-size:28px !important;} /*모바일 => 16px  */
.font_lg11 {font-size:34px !important;} /*모바일 => 26px  */
.font_lg12 {font-size:34px !important;} /*모바일 => 24px  */
.font_lg13 {font-size:20px !important;} /*모바일 => 20px  */

/* font weight */
.wgt_rg {font-weight:400 !important;}
.wgt_md {font-weight:700 !important;}
.wgt_bd {font-weight:900 !important;}
.wgt_md_to_rg {font-weight:700 !important;}

/* 줄바꿈 */
i.tbx {display:block;font-style:normal;}
i.tbm {display:inline;font-style:normal;}
br.mo_br {display:none;}

/* 정렬 */
.align_l {text-align:left !important;}
.align_r {text-align:right !important;}
.align_c {text-align:center !important;}

/* float */
.float_l {float:left;}
.float_r {float:right;}

/* float clear */
.clearfix:after {content:'';display:block;clear:both;}

/* 형광펜라인 */
.text_pointer {display:inline; position:relative; font-style:normal; z-index:0;}
.text_pointer span {position:relative;z-index:1;}
.text_pointer::after {content:''; display:inline-block; position:absolute; left:0; bottom:-3px; width:100%; height:60%; background-color:rgba(72, 104, 225, 0.3);z-index:-1;}

/* 강제넓이 */
/* 추가시 01 붙일것 예) w_size02 */
.w_size01 {width:646px !important;margin:0 auto;}
.w_size02 {width:1033px !important;margin:0 auto;}
.w_size03 {width:450px !important;margin:0 auto;}
.w_size04 {width:724px !important;margin:0 auto;}
.w_size05 {width:520px !important;margin:0 auto;}
.w_size06 {width:630px !important;margin:0 auto;}
.w_auto {width:auto !important;}
.h_auto {height:auto !important;}
.w_100p {width:100% !important;}

/* 강제 여백 */
.mg0 {margin:0 !important;}
.mgt0 {margin-top:0 !important;}
.mgr0 {margin-right:0 !important;}
.mgb0 {margin-bottom:0 !important;}
.mgl0 {margin-left:0 !important;}
.pd0 {padding:0 !important;}
.pdt0 {padding-top:0 !important;}
.pdr0 {padding-right:0 !important;}
.pdb0 {padding-bottom:0 !important;}
.pdl0 {padding-left:0 !important;}

/* Device */
.m_show {display:none !important;}
.pc_show {display:block !important;}

/* ==========================================================================
   GRID
========================================================================== */
.flex_row {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.col.col1 {width:8.33333333%;}
.col.col2 {width:16.66666667%;}
.col.col3 {width:25%;}
.col.col4 {width:33.33333333%;}
.col.col5 {width:41.66666667%;}
.col.col6 {width:50%;}
.col.col7 {width:58.33333333%;}
.col.col8 {width:66.66666667%;}
.col.col9 {width:75%;}
.col.col10 {width:83.33333333%;}
.col.col11 {width:91.66666667%;}
.col.col12 {width:100%;}
.col.col4_6 {width:33.33333333%;}
.col.col6_12 {width:50%;}
/* grid - 간격 */
.flex_row.gutter4 {margin:-2px;}
.both_divide .flex_row.gutter4 {margin:0;}
.flex_row.gutter4 .col {padding:2px;}
.flex_row.gutter5 {margin:-2.5px;}
.flex_row.gutter5 .col {padding:2.5px;}
.flex_row.gutter8 {margin:-4px;}
.flex_row.gutter8 .col {padding:4px;}
.flex_row.gutter10 {margin:-5px;}
.flex_row.gutter10 .col {padding:5px;}
.row_block > .col {float:left;}
.row_block > .col:first-child {padding-right:3px;}

/* Flex Layout */
.flex_wrap {-ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex_column {-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.flex_center {-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.flex_left {-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left;}
.cross_center {-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.flex_grow {flex-grow:1;}

/* ==========================================================================
   GAP
   	예) pdb30_20 (pc : padding-bottom:30px => mobile : padding-bottom:20px;) 형식으로 작성
========================================================================== */
.pdb17_7 {padding-bottom:17px;} /* mobile => padding-bottom:7px;*/
.pbb36_24 {padding-bottom:36px;} /* mobile => padding-bottom:24px;*/
.mgb73_35 {margin-bottom:73px;} /* mobile => margin-bottom:73px;*/
.mgb42_24 {margin-bottom:42px;} /* mobile => margin-bottom:42px;*/
.mgb85_30 {margin-bottom:85px;} /* mobile => margin-bottom:30px;*/
/* ==========================================================================
   INPUT, SELECT, TEXTAREA
========================================================================== */
/* 공통 */
input, select, textarea {outline:none;}
::placeholder{font-size:16px;color:#999;line-height:44px;}
::-webkit-input-placeholder{font-size:16px;color:#999;line-height:44px;}
::-moz-placeholder{font-size:16px;color:#999;line-height:44px;}
:-moz-placeholder{font-size:16px;color:#999;line-height:44px;}
::-ms-input-placeholde{font-size:16px;color:#999;line-height:44px;}
:-ms-input-placeholder{font-size:16px;color:#999;line-height:44px;}

.input_wrap.unit_side input[type="text"]::placeholder,
.input_wrap.unit_side input[type="tel"]::placeholder{text-align:left;}
.input_wrap.unit_side input[type="text"]::-webkit-input-placeholder,
.input_wrap.unit_side input[type="tel"]::-webkit-input-placeholder{text-align:left;}
.input_wrap.unit_side input[type="text"]::-moz-placeholder,
.input_wrap.unit_side input[type="tel"]::-moz-placeholder{text-align:left;}
.input_wrap.unit_side input[type="text"]:-moz-placeholder,
.input_wrap.unit_side input[type="tel"]:-moz-placeholder{text-align:left;}
.input_wrap.unit_side input[type="text"]::-ms-input-placeholder,
.input_wrap.unit_side input[type="tel"]::-ms-input-placeholder{text-align:left;}
.input_wrap.unit_side input[type="text"]:-ms-input-placeholder,
.input_wrap.unit_side input[type="tel"]:-ms-input-placeholder{text-align:left;}
/*.input_wrap.unit_side input[type="text"]::-webkit-input-placeholder {text-align:left;} */

textarea::placeholder{font-size:16px;color:#999;line-height:24px;}
textarea::-webkit-input-placeholder{font-size:16px;color:#999;line-height:24px;}
textarea::-moz-placeholder{font-size:16px;color:#999;line-height:24px;}
textarea:-moz-placeholder{font-size:16px;color:#999;line-height:24px;}
textarea::-ms-input-placeholder{font-size:16px;color:#999;line-height:24px;}
textarea:-ms-input-placeholder{font-size:16px;color:#999;line-height:24px;}
/* input */
input[type='tel'],
input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
input[type='number'] {border-radius:0;width:100%;height:44px;box-sizing:border-box;padding:0 14px;border:1px solid #ddd;background-color:#fff;font-weight:400;font-size:16px;color:#333;line-height:42px;}
input[type='tel']:focus,
input[type='text']:focus,
input[type='text'].focused,
input[type='number']:focus,
input[type='number'].focused,
input[type='search']:focus,
input[type='search'].focused,
input[type='email']:focus,
input[type='email'].focused,
input[type='password']:focus,
input[type='password'].focused {padding:0 13px;border:2px solid #4868e1; line-height:40px;}
input[type='tel'].error,
input[type='text'].error,
input[type='text'].error:focus,
input[type='number'].error,
input[type='number'].error:focus,
input[type='email'].error,
input[type='email'].error:focus,
input[type='password'].error,
input[type='password'].error:focus {padding:0 13px;border:2px solid #ff0000;}
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled {border:1px solid #ddd;background-color:#f6f6f6;color:#bbb;}
input:clear,
input:-ms-clear,
input:-ms-reveal,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {display:none; -webkit-appearance:none; -moz-appearance:none;}
input[readonly],
input[readonly]:focus {padding:0 14px;border:1px solid #ddd;background-color:#f6f6f6;color:#111;}
input[readonly].nppfs-npv {background-color:#fff; color:#333;}
input[readonly].c_pointer,
input[readonly].c_pointer:focus {background-color:#fff; cursor:pointer;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
.input_wrap {position :relative;width:100%;box-sizing:border-box;}
.input_wrap.w01_100p {width:280px;}
.input_wrap.unit_side:before {content:'';display:block;position:absolute;top:17px;left:15px;width:14px;height:10px;background: url(/pconts/images/common/check_on2.png) no-repeat 0 0;}
.input_wrap.unit_side input[type='tel'],
.input_wrap.unit_side input[type='text'],
.input_wrap.unit_side input[type='number'] {width:100%;box-sizing:border-box;padding-left:40px;padding-right:36px;font-weight:700;text-align:right;}
.input_wrap.unit_side input[type='tel']:focus,
.input_wrap.unit_side input[type='tel'].focused,
.input_wrap.unit_side input[type='text']:focus,
.input_wrap.unit_side input[type='text'].focused,
.input_wrap.unit_side input[type='number']:focus,
.input_wrap.unit_side input[type='number'].focused {padding-right:35px;}
.input_wrap.unit_side input[type='tel']::placeholder,
.input_wrap.unit_side input[type='text']::placeholder,
.input_wrap.unit_side input[type='number']::placeholder {font-weight:400;}
.input_wrap.unit_side input[type='tel']  + .unit,
.input_wrap.unit_side input[type='text']  + .unit,
.input_wrap.unit_side input[type='number'] + .unit {display:inline-block;position:absolute;top:0;right:0;width:28px;height:44px;font-size:16px;color:#111;line-height:45px;text-align:left;}
.input_wrap.unit_side.no_check:before {display:none;}
.input_wrap.unit_side.no_check input[type='text'],
.input_wrap.unit_side.no_check input[type='tel'] {padding-left:14px;}
.input_wrap.unit_side.unit_long input[type='tel'],
.input_wrap.unit_side.unit_long input[type='text'] {padding-right:50px;}
.input_wrap.unit_side.unit_long input[type='tel']  + .unit,
.input_wrap.unit_side.unit_long input[type='text']  + .unit{width:45px;}
.input_wrap.ischecked_wrap:before {content:'';display:block;position:absolute;top:17px;right:15px;width:14px;height:10px;background: url(/pconts/images/common/check_on2.png) no-repeat 0 0;}
.input_wrap.ischecked_wrap input[type='text'],
.input_wrap.ischecked_wrap input[type='password'],
.input_wrap.ischecked_wrap input[type='number'],
.input_wrap.ischecked_wrap input[type='tel'],
.input_wrap.ischecked_wrap input[type='email'],
.input_wrap.ischecked_wrap input[type='search'] {box-sizing:border-box;padding-right:40px;text-align:left;}
.input_wrap.unit_side.side_btn input[type='text'],
.input_wrap.unit_side.side_btn input[type='tel'] {width:calc(100% - 121px);}
.input_wrap.unit_side.side_btn input[type='text'] + .unit,
.input_wrap.unit_side.side_btn input[type='tel'] + .unit {right:121px;}
.input_wrap.p_right input[type='text']::placeholder,
.input_wrap.p_right input[type='tel']::placeholder,
.input_wrap.p_right input[type='number']::placeholder {text-align:right;}

/* unit 길이에 따라 패딩 더하기 */
.input_wrap.unit_side.leng2 input[type='text'],
.input_wrap.unit_side.leng2 input[type='tel'],
.input_wrap.unit_side.leng2 input[type='number'] {padding-right:45px;}
.input_wrap.unit_side.leng2 input[type='text']:focus,
.input_wrap.unit_side.leng2 input[type='text'].focused,
.input_wrap.unit_side.leng2 input[type='tel']:focus,
.input_wrap.unit_side.leng2 input[type='tel'].focused,
.input_wrap.unit_side.leng2 input[type='number']:focus,
.input_wrap.unit_side.leng2 input[type='number'].focused {padding-right:44px;}
.input_wrap.unit_side.leng2 input[type='text'] + .unit,
.input_wrap.unit_side.leng2 input[type='tel'] + .unit,
.input_wrap.unit_side.leng2 input[type='number'] + .unit {width:40px;}
.input_wrap.unit_side.leng3 input[type='text'],
.input_wrap.unit_side.leng3 input[type='tel'],
.input_wrap.unit_side.leng3 input[type='number'] {padding-right:55px;}
.input_wrap.unit_side.leng3 input[type='text']:focus,
.input_wrap.unit_side.leng3 input[type='text'].focused,
.input_wrap.unit_side.leng3 input[type='tel']:focus,
.input_wrap.unit_side.leng3 input[type='tel'].focused,
.input_wrap.unit_side.leng3 input[type='number']:focus,
.input_wrap.unit_side.leng3 input[type='number'].focused {padding-right:54px;}
.input_wrap.unit_side.leng3 input[type='text'] + .unit,
.input_wrap.unit_side.leng3 input[type='tel'] + .unit,
.input_wrap.unit_side.leng3 input[type='number'] + .unit {width:50px;}
.input_wrap.unit_side.leng4 input[type='text'],
.input_wrap.unit_side.leng4 input[type='tel'],
.input_wrap.unit_side.leng4 input[type='number'] {padding-right:65px;}
.input_wrap.unit_side.leng4 input[type='text']:focus,
.input_wrap.unit_side.leng4 input[type='text'].focused,
.input_wrap.unit_side.leng4 input[type='tel']:focus,
.input_wrap.unit_side.leng4 input[type='tel'].focused,
.input_wrap.unit_side.leng4 input[type='number']:focus,
.input_wrap.unit_side.leng4 input[type='number'].focused {padding-right:64px;}
.input_wrap.unit_side.leng4 input[type='text'] + .unit,
.input_wrap.unit_side.leng4 input[type='tel'] + .unit,
.input_wrap.unit_side.leng4 input[type='number'] + .unit {width:60px;}
/* div, p 등 다른 태그로 써야할때 인풋 스타일 */
.input_wrap .input_style {display:block; width:100%; min-height:44px; padding:9px 15px; border:1px solid #ddd; background-color:#fff; font-weight:400; font-size:16px; color:#333; text-align:left;}
.input_block {display:block;}
.input_block textarea, .input_block input {vertical-align:top;}
/* 이메일리스트 */
.input-email-list {display:none;position:absolute;left:0;z-index:12;width:100%;border:1px solid black;background-color:white;line-height:30px;box-sizing:border-box;}
.input-email-list li:hover {background-color:rgb(120, 147, 207);}
.input-email-list li a {display:block;padding:0 10px;cursor:pointer;}
/* 자택주소 */
textarea.input_addr {width:100%;height:94px;box-sizing:border-box;padding:10px 14px;border:1px solid #ddd;background-color:#fff;font-weight:400;font-size:16px;color:#333;line-height:24px; resize:none;}
textarea.input_addr:focus,
textarea.input_addr.focused {padding:9px 13px;border:2px solid #4868e1; line-height:24px;}

/* 아이콘 사용안함 20191111
.text_tip:before {content:'';position:absolute;left:0;top:2px;width:14px;height:14px;background:url(/pconts/images/common/ico_input_warning.png) no-repeat 0 0;}
.text_tip {padding-left:19px;}
*/
.text_tip {position:relative;margin-top:8px;font-size:13px;color:#111;}
.text_tip.error:before {background:url(/pconts/images/common/ico_input_error.png) no-repeat 0 0;}
.text_tip.error {margin-top:8px;color:#ff0000;}
.text_tip.marker_refer {margin-top:8px;}
.select_wrap + .unit_tip,
.input_wrap input ~ .unit_tip{box-sizing:border-box;padding-top:8px;padding-right:14px;font-size:13px;color:#111;text-align:right;}
.input_wrap.unit_side.leng2.side_btn .btn + .unit_tip {padding-right:134px;}
.text_tip_dl {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;margin-top:8px;font-size:13px;color:#111;}
.text_tip_dl dt {width:50%;}
.text_tip_dl dd {width:50%; padding-right:14px; text-align:right;}
.text_tip_dl dd span {font-weight:700;color:#333;}
.input_wrap.has_mouse {}
.input_wrap.has_mouse input {width:calc(100% - 52px);}
.input_wrap.has_mouse .btn_mouse {position:absolute; top:0; right:0; width:44px; height:44px; background-color:tomato;}

/* text cancel 중간선 */
.txt_cancel {position: relative; display: inline-block; color:#999;}
.txt_cancel::before {content:''; display:block; position:absolute; left:-3px; top:calc(50% - 2px); width:calc(100% + 5px); border-top:solid #999 1px;}
del.txt_cancel::before {display:none;}

/* input - date_type */
.input_wrap.date_type:after {content:'';display:block;clear:both;}
.input_wrap.date_type .input_date {display:block;position:relative;float:left;width:calc(50% - 15px);}
.input_wrap.date_type.one .input_date {width:100%;}
.input_wrap.date_type .input_date .ui-datepicker-trigger {display: block;position:absolute;top:50%;right:10px;width:21px;height:20px;overflow:hidden;margin-top:-10px;background:url(/pconts/images/common/ico_calendar.png) no-repeat 50% 50%;background-size:21px 20px; text-indent:-999px;}
.input_wrap.date_type .input_date .ui-datepicker-trigger span {display:block;position:relative;width:100%;height:100%;text-indent:-9999px;}
.input_wrap.date_type .input_mark {display:inline-block;float:left;width:30px;padding:0 5px;font-size:16px;color:#999;line-height:44px;text-align:center;}
.input_wrap.date_type.only_one .input_date {float:none;width:100%;}
body.mobile .input_wrap.date_type .input_date:after {content:''; display: block; position:absolute; top:50%; right:10px; width:21px; height:20px; overflow:hidden; margin-top:-10px; background:url(/pconts/images/common/ico_calendar.png) no-repeat 50% 50% #fff; background-size:21px 20px; pointer-events:none;} 
body.mobile .input_wrap.date_type .input_date .datepicker.onlyMO {position:absolute; left:0; top:0; opacity:0; height:100%; width:100%; overflow:hidden; font-size:300px;}
/* input - file*/
.input_file_wrap .file_wrap {position:relative;overflow:hidden;}
.input_file_wrap .file_wrap .input_file {float:left;width:calc(100% - 97px);padding:0 14px;border:1px solid #ddd;background-color:#fff;color:#333;}
.input_file_wrap .file_wrap input[type='file'] {position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;font-size:10em;line-height:2;cursor:pointer;opacity:0;z-index:2;}
.input_file_wrap .file_wrap .btn_file {display:inline-block;float:left;width:89px;height:44px;margin-left:8px;border:1px solid #4e5b68;border-radius:3px;background:#fff;font-size:16px;font-weight:700;color:#4e5b68;line-height:42px;text-align:center;}
.input_file_wrap .file_wrap .btn_file.row02 {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center;padding:0 10px;font-size:13px;line-height:15px;white-space:normal;}/* 영문 두 줄 처리 */
.input_file_wrap .files_subject {margin-top:8px;}
.input_file_wrap .files_subject .files {padding:0 14px;border:1px solid #ddd;background-color:#fff;color:#333;}
.group_box .txt_remark + .input_file_wrap {margin-top:10px;}
/* input - work_info */
.form_ele .work_info {display:block;position:relative;}
.form_ele .work_info > div + div, .form_ele .work_info > div + a, .form_ele .work_info > a + a, .form_ele .work_info > a + div {margin-top:8px !important;} /* 2020.01.21 공통가이드 수정 */
/* 업로드된 파일 삭제 */
.init_data {display:table; position:relative; width:100%; margin:0 0 15px 0; padding:8px 0 0 0;}
.init_data button.btn{float:left;}
.init_data .byte_info {display:inline;float:right;font-size:13px;text-align:right;color:#111;}
/* input - tel */
.tel_wrap {position:relative;}
.tel_wrap > .select_wrap {position:absolute;left:0;top:0;width:121px;}
.tel_wrap > .select_wrap + div {padding-left:129px;}
.tel_wrap.type01 > .select_wrap{width:165px;}
.tel_wrap.type01 > .select_wrap + div{padding-left:173px;}
/* input - side btn */
.input_wrap.side_btn.side_timer input {padding-right:65px;}
.input_wrap.side_btn input {width:calc(100% - 121px);}
.input_wrap.side_btn .bank_wrap {width:calc(100% - 121px);}
/* input - timer */
.timer_input_side {display:inline-block;position:absolute;top:15px;right:136px;width:50px;height:14px;box-sizing:border-box;padding-left:18px;font-size:13px;line-height:1.2;color:#333;}
.timer_input_side:before {content:'';display:block;position:absolute;left:0;top:0;width:14px;height:14px;box-sizing:border-box;border:1px solid #6d6d6d;border-radius:50%;}
.timer_input_side:after {content:'';display:block;position:absolute;left:6px;top:3px;width:5px;height:5px;box-sizing:border-box;border-bottom:1px solid #6d6d6d;border-left:1px solid #6d6d6d;}
.btn_input_side {position:absolute;top:0;right:0;width:113px;min-width:113px;height:44px;padding:0;border:1px solid #4e5b68;border-radius:3px;background-color:#fff;font-size:16px;font-weight:700;line-height:44px;color:#4e5b68;text-align:center;}
/* input - search */
.input_wrap.side_search .btn_search {position:absolute; right:0; top:0;}
.input_wrap.side_search input {padding-right:75px;}
.input_wrap.side_search .btn_clear {right:35px;}
/* input - apt */
.input_apt {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.input_apt .input_wrap {flex:1 0 auto; width:calc(50% - 65px);}
.input_apt .input_wrap + .input_wrap {margin-left:8px;}
.input_apt.side_btn .btn {position:relative;margin-left:8px;}
.input_apt .text_tip {width:100%;}
/* select */
select::-ms-expand {display:none;}
.select_wrap {position:relative;width:100%;}
/* ui_select */
.select_wrap .ui_select {display:inline-block;position:relative;width:100%;}
.select_wrap .ui_select select {position:absolute;left:0;top:0;z-index:0;opacity:0;width:100%;height:44px;box-sizing:border-box;padding:0 14px;border:1px solid #dddddd;font-size:16px;appearance:none;-webkit-appearance:none;background-color:#fff;}
.select_wrap .ui_select .ui_select_btn {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;-webkit-box-align:center; -ms-flex-align:center; align-items:center;width:100%;background:#fff;z-index:10;height:44px;padding:0 14px 0 14px;border:1px solid #dddddd;font-size:16px;overflow:hidden;}
.select_wrap .ui_select .ui_select_btn .ui_select_value {position:relative; display:block; width:100%; padding-right:12px;line-height:24px; box-sizing:border-box;text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.select_wrap .ui_select.row02 .ui_select_btn .ui_select_value {height:60px;}
.select_wrap .ui_select.is_active .ui_select_btn {border:2px solid #4868e1;border-bottom:0; padding:1px 13px 0 13px;}
.select_wrap .ui_select .ui_select_btn.is_placeholder .ui_select_value {color:#767676;}
.select_wrap .ui_select .ui_select_btn:focus {border:2px solid #4868e1; padding:0 13px 0 13px;}
.select_wrap .ui_select .ui_select_value:before {content:'';position:absolute;z-index:10;right:2px;top:5px;width:9px;height:9px;box-sizing:border-box;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.select_wrap .ui_select.row02 .ui_select_value:before {top:17px;}
.select_wrap .ui_select.row02.is_active .ui_select_btn .ui_select_value:before {top:23px;}
.select_wrap .ui_select.is_active .ui_select_btn .ui_select_value:before {top:9px; transform:rotate(-225deg);-webkit-transform:rotate(-225deg);-ms-transform:rotate(-225deg);}
.select_wrap .ui_select .ui_select_menu {display:none;position:absolute;left:0;top:100%;width:100%;z-index:11;}
.select_wrap .ui_select .ui_select_menu {border:2px solid #4868e1;border-top:0;background-color:#fff;}
.select_wrap .ui_select .ui_select_option a {display:block;width:100%;padding:10px 13px;font-size:14px;color:#333;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.select_wrap .ui_select.ui_select_link .ui_select_option a {cursor:pointer;}
.select_wrap .ui_select .ui_select_option.is_placeholder a {color:#767676;}
.select_wrap .ui_select[data-direction=up] .ui_select_menu {top:auto;bottom:100%;}
.select_wrap .ui_select[data-direction=up] .ui_select_btn {border-top:0;border-bottom:2px solid #4868e1;padding-top:0px;}
.select_wrap .ui_select[data-direction=up].is_active .ui_select_btn .ui_select_value {padding-top:2px;}
.select_wrap .ui_select[data-direction=up] .ui_select_menu {border:2px solid #4868e1;border-bottom:0;}
.select_wrap .ui_select[data-direction=up] .ui_select_scr {border-bottom:2px solid #ddd;}
.select_wrap .ui_select[data-direction=down] .ui_select_menu {bottom:auto;top:100%;}
.select_wrap .ui_select[data-direction=down] .ui_select_list {}
.select_wrap .ui_select[data-direction=down] .ui_select_btn {border-bottom:0;}
.select_wrap .ui_select[data-direction=down].is_active .ui_select_btn {padding-bottom:3px;}
.select_wrap .ui_select[data-direction=down] .ui_select_scr {border-top:1px solid #ddd;}
.ui_select .ui_select_scr {max-height:205px;overflow:auto;}

/* ui_select - select_disabled */
.select_wrap .ui_select .ui_select_btn.is_disabled  {background:#f6f6f6;}
.select_wrap .ui_select .ui_select_btn.is_disabled {border-color:#ddd;color:#ddd;}
.select_wrap .ui_select .ui_select_btn.is_disabled:before {border-color:#ddd;}
/* ui_select - error */
.select_wrap .ui_select.error .ui_select_btn .ui_select_value {border-color:#ff0000;}
.select_wrap .ui_select.error .ui_select_menu {border-color:#ff0000;}
/* ui_select - scroll */
.select_wrap .ui_select .mCSB_draggerContainer {display:block; top:3px; bottom:3px;}
.select_wrap .ui_select .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {width:10px;border-radius:5px;background-color:#f6f6f6;}
.select_wrap .ui_select .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {width:10px;border-radius:5px;background-color:#767676;}
/* select - date_type */
.select_type.date_type:after {content:'';display:block;clear:both;}
.select_type.date_type .select_wrap {width:calc(50% - 15px);}
.select_type.date_type > * {float:left;}
.select_type.date_type .input_mark {display:inline-block;width:30px;height:44px;line-height:44px;text-align:center;}
/* select_mix = select + button */
.select_mix {position: relative;}
.select_mix:after {content:'';display:block; clear:both;}
.select_mix .select_wrap {width:calc(100% - 121px);}
.select_mix.remove_btn .select_wrap {width:100%;}
.select_mix.remove_btn .select_wrap + button, .select_mix.remove_btn .select_wrap + a {display:none;}
.select_mix .select_wrap, .select_mix .btn {float:left;}
/* select sort */
.select_wrap.select_sort .ui_select select {border:0;}
.select_wrap.select_sort .ui_select .ui_select_btn .ui_select_value,
.select_wrap.select_sort .ui_select[data-direction=up].is_active .ui_select_btn .ui_select_value,
.select_wrap.select_sort .ui_select[data-direction=down].is_active .ui_select_btn .ui_select_value {font-size:16px; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end; border:0; padding:0 20px 0 0;}
.select_wrap.select_sort .ui_select[data-direction=up].is_active .ui_select_btn,
.select_wrap.select_sort .ui_select[data-direction=up].is_active .ui_select_btn:focus {padding-top:3px;}
.select_wrap.select_sort .ui_select .ui_select_option a {padding:7px 13px;}
/*
.select_wrap.select_sort .ui_select .ui_select_menu,
.select_wrap.select_sort .ui_select[data-direction=up] .ui_select_menu,
.select_wrap.select_sort .ui_select[data-direction=down] .ui_select_menu {border:1px solid #bbbbbb;}
*/
.select_wrap.select_sort .ui_select .ui_select_value:before {left:auto;}
/*
.select_wrap.select_sort .ui_select[data-direction=down] .ui_select_btn {border-bottom:2px solid #4868e1;}
.select_wrap.select_sort .ui_select[data-direction=up] .ui_select_btn,
.select_wrap.select_sort .ui_select[data-direction=op] .ui_select_btn {border-top:2px solid #4868e1;}
*/

/* select col2 */
.select_colwrap{display:-webkit-flex; display:-ms-flexbox; display:flex;}
.select_colwrap .select_wrap{width:50%;}
.select_colwrap .select_wrap:nth-of-type(1){margin-right:4px;}
.select_colwrap .select_wrap:nth-of-type(2){margin-left:4px;}
/* UI Select 사용여부 */
body.mobile .ui_select:before {content:'';position:absolute;z-index:10;left:calc(100% - 25px);top:14px;width:9px;height:9px;box-sizing:border-box;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
body.mobile .ui_select select {opacity:1;position:relative;}
body.mobile .ui_select .ui_select_btn {display:none;}
body.app_shfan .ui_select:before {content:'';position:absolute;z-index:10;left:calc(100% - 25px);top:14px;width:9px;height:9px;box-sizing:border-box;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
body.app_shfan .ui_select select {opacity:1;position:relative;}
body.app_shfan .ui_select .ui_select_btn {display:none;}
.ui_select.is_natived::before {content:'';position:absolute;z-index:10;left:calc(100% - 25px);top:14px;width:9px;height:9px;box-sizing:border-box;border-bottom:2px solid #333;border-left:2px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.ui_select.is_natived select {position:relative; opacity:1; left:0; top:0;}
.ui_select.is_natived .ui_select_btn {display:none;}
/* email = input + select */
.email_wrap {width:100%;}
.email_wrap:after {content:'';display:block;clear:both;}
.email_wrap > .input_wrap,
.email_wrap > .at,
.email_wrap > .select_wrap {float:left;}
.email_wrap .input_wrap {width:calc(33% - 17.5px);}
.email_wrap .at {display:inline-block;width:35px;height:44px;line-height:44px;text-align:center;color:#999;}
.email_wrap .select_wrap {width:calc(34% - 35px);margin-top:0;margin-left:8px;}
/* 주민번호 */
.jumin_wrap{display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;width:100%;}
.jumin_wrap:after {display:inline-block;width:80px;height:44px;margin-left:10px;content:"";background:url(/pconts/images/common/jumin_after.png) no-repeat;}
.jumin_wrap .jumin01 {width:calc(40% - 9px);}
.jumin_wrap .input_mark {display:inline-block;width:17px;height:44px;line-height:44px;text-align:center;color:#999;}
.jumin_wrap .jumin02 {width:calc(30% - 12px);}
/* textarea */
.text_wrap {width:100%;}
.text_wrap:after {content:'';display:block;clear:both;}
.text_wrap textarea {display:block;width:100%;height:120px;box-sizing:border-box;padding:14px;border:1px solid #dddddd;resize:none;background-color:#fff;font-size:16px;line-height:24px;color:#333;}
.text_wrap .byte_info {display:inline;float:right;margin-top:8px;font-size:13px;text-align:right;color:#111;}
.text_wrap .text_tip {display:block;float:left;margin-top:8px;}
/* focus */
.text_wrap textarea:focus {padding:13px;border:2px solid #4868e1;}
/* error */
.text_wrap.error textarea,
.text_wrap.error textarea:focus {padding:14px;border:2px solid #ff0000;}
/* disabled */
.text_wrap textarea:disabled {border:1px solid #eee;background-color:#f6f6f6;color:#dddddd;}
.text_wrap textarea[readonly] {border:1px solid #dddddd;background-color:#e6e6e6;} /* 임시수정하였습니다 */
.text_wrap textarea[readonly]:focus {border:1px solid #ddd;}
/* checkbox/radio */
input[type="radio"], input[type="checkbox"] {border:0;}
input[type="radio"] + span, input[type="checkbox"] + span {transition:box-shadow 0.3s ease;}
input[type="radio"]:focus + span, input[type="checkbox"]:focus + span {box-shadow:0 0 0 2px rgba(72,104,225, 0.5);}

.radio_wrap,
.check_wrap {display:inline-block;position:relative;width:100%;}
/* .radio_wrap,
.check_wrap {width:auto;} */
.radio_wrap:not(.not_clear):after,
.check_wrap:not(.not_clear):after {display:block;content:"";clear:both;}
.radio_wrap label,
.check_wrap label{display:inline-block;position:relative;cursor:pointer;vertical-align:middle;}
.radio_wrap input[type="radio"],
.check_wrap input[type="checkbox"]{position:absolute;left:0;top:0;z-index:1;opacity:0.05;width:100%;height:100%;margin:0;padding:0;cursor:pointer;}
.radio_wrap label span,
.check_wrap label span {display:inline-block;position:relative;overflow:hidden;vertical-align:middle;}
.radio_wrap.type_flex {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;}
.radio_wrap.type_flex label {flex:1;}
.radio_wrap.type_flex.m_flex label {flex:none;min-width:120px;}/* 기본 사이즈 추가 20.03.02*/
.radio_wrap.type_flex input[type="radio"], 
.check_wrap.type_flex input[type="checkbox"],
.radio_wrap.type_flex.type_btn .radio_btn input[type="radio"],
.check_wrap.type_flex.type_btn .check_btn input[type="checkbox"],
.radio_wrap.type_flex.type_btn .radio_btn input[type="radio"] + span,
.check_wrap.type_flex.type_btn .check_btn input[type="checkbox"] + span {min-width:100%; background-color:#fff;}
.radio_wrap.type_flex.type_btn .radio_btn input[type="radio"]:focus + span,
.check_wrap.type_flex.type_btn .check_btn input[type="checkbox"]:focus + span {box-shadow: 0 0 0 2px rgba(0,0,0, 0.1);}
.radio_wrap.type_flex.type_btn .radio_btn input[type="radio"]:checked:focus + span,
.check_wrap.type_flex.type_btn .check_btn input[type="checkbox"]:checked:focus + span {box-shadow: 0 0 0 2px rgba(72,104,225, 0.5);;}
.radio_wrap.type_flex.type_btn.col4_3,
.check_wrap.type_flex.type_btn.col4_3 {-ms-flex-wrap:wrap; flex-wrap:wrap; margin:-2px;}
.radio_wrap.type_flex.type_btn.col4_3 .radio_btn,
.check_wrap.type_flex.type_btn.col4_3 .check_btn {flex:0 0 auto; width:calc(25% - 4px); margin:2px;}
.radio_wrap.type_flex.type_btn .radio_btn input[type="radio"] + span {padding-left:14px;padding-right:14px;} /* 12개월 36개월 선택시 넘침 현상 수정 */
.swiper-container-initialized .radio_wrap.type_flex.type_btn .radio_btn,
.swiper-container-initialized .check_wrap.type_flex.type_btn .check_btn {overflow:hidden; border-radius:3px;}
.swiper-container-initialized .check_wrap.type_flex.type_btn .check_btn.is_focused {box-shadow:0 0 0 2px rgba(0,0,0, 0.1);}
.swiper-container-initialized .radio_wrap.type_flex.type_btn .radio_btn.is_focused,
.swiper-container-initialized .radio_wrap.type_flex.type_btn .radio_btn.is_focused.is_checked,
.swiper-container-initialized .check_wrap.type_flex.type_btn .check_btn.is_focused.is_checked {box-shadow:0 0 0 2px rgba(72,104,225, 0.5);}
/* flex_type checkbox */
.check_wrap.type_flex {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;}
.check_wrap.type_flex.col02 {margin-top:-10px;-ms-flex-wrap:wrap; flex-wrap:wrap;} 
.check_wrap.type_flex.col02 .check_default {width:50%; margin-top:10px;}
.w_size01 .check_wrap.type_flex .check_default + .check_default {margin-left:0;}
/* 펭귄타입 */
.radio_wrap.type_btn.has_penguin .radio_btn.lg input[type="radio"] + span,
.check_wrap.type_btn.has_penguin .check_btn.lg input[type="checkbox"] + span {display:block; overflow:hidden; height:64px; padding:0 36px 0 96px; border-radius:3px; line-height:62px; box-shadow:none;}
.radio_wrap.type_btn.has_penguin .radio_btn.lg input[type="radio"]:checked + span,
.check_wrap.type_btn.has_penguin .check_btn.lg input[type="checkbox"]:checked + span {line-height:60px; padding:0 35px 0 95px; border-width:2px;}
.radio_wrap.type_btn.has_penguin .radio_btn.lg input[type="radio"] + span:before, 
.check_wrap.type_btn.has_penguin .check_btn.lg input[type="checkbox"] + span:before {content:''; display:block; position:absolute; left:15px; bottom:0px; width:62px; height:64px; background:no-repeat center top;}
.radio_wrap.type_btn.has_penguin .radio_btn.lg input[type="radio"]:checked + span:before, 
.check_wrap.type_btn.has_penguin .check_btn.lg input[type="checkbox"]:checked + span:before {left:14px; bottom:0; background-position:center bottom;}
.radio_wrap.type_btn.has_penguin .radio_btn.lg.positive input[type="radio"] + span:before, 
.check_wrap.type_btn.has_penguin .check_btn.lg.positive input[type="checkbox"] + span:before {background-image:url('/pconts/images/common/check_penguin_positive.png');}
.radio_wrap.type_btn.has_penguin .radio_btn.lg.negative input[type="radio"] + span:before, 
.check_wrap.type_btn.has_penguin .check_btn.lg.negative input[type="checkbox"] + span:before {background-image:url('/pconts/images/common/check_penguin_negative.png');}
/* 텍스트 없을 때 */
.radio_wrap.no_txt .radio_default input[type="radio"] + span, 
.check_wrap.no_txt .check_default input[type="checkbox"] + span {width:26px;height:26px;padding:0;}

/* 팝업 내의 radio, check */
.radio_wrap.radio_pop,
.check_wrap.check_pop {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:-15px 0 0 -15px; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.radio_wrap.radio_pop label, 
.check_wrap.check_pop label {width:133px;}
.radio_wrap.radio_pop .radio_default + .radio_default, 
.check_wrap.check_pop .check_default + .check_default {margin-left:15px;}
.radio_wrap.radio_pop .radio_default, 
.check_wrap.check_pop .check_default {margin:15px 0 0 15px;}
.radio_wrap.radio_pop .radio_default span,
.check_wrap.check_pop .check_default span {width:100%;}



/* radio_month */
.radio_monthwrap {padding:0 3px;}
.radio_monthwrap + .radio_monthwrap {margin-top:25px;}
.radio_monthwrap .c_title {margin-bottom:5px;}
.radio_wrap.radio_month,
.check_wrap.radio_month {display:-webkit-flex; display:-ms-flexbox; display:flex;width:100%;margin:-3px;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.radio_wrap.radio_month.type_btn .radio_btn + .radio_btn {margin-left:0;}
.radio_wrap.radio_month label,
.check_wrap.radio_month label {width:33.33%; padding:3px; flex:0 0 auto;}

/* radio free size */
.radio_wrap.type_btn ul {display:block; width:100%;}
.radio_wrap.type_btn ul:after {content:''; display:block; clear:both;}
.radio_wrap.type_btn li {float:left; /*margin-right:5px;*/}
.radio_wrap.type_btn li:not(:first-child) {margin-left:5px;}
.radio_wrap.type_btn.type02 li:not(:first-child) {margin-left:12px;}
.radio_wrap.type_btn li .radio_btn {display:table; position:relative; width:100%; height:100%;}
.radio_wrap.type_btn li .radio_btn input[type="radio"] + span {display:table-cell; height:100%; padding:12px 14px; line-height:1.2; vertical-align:middle;}
.radio_wrap.type_btn li .radio_btn input[type="radio"]:checked + span {display:table-cell; height:100%; padding:11px 14px; line-height:1.2; vertical-align:middle;}
.radio_wrap.type_btn li .radio_btn .row {display:block; font-style:normal; font-size:13px; text-align:left; font-weight:400;} 
.radio_wrap.type_btn ul.flex_row{display:-webkit-flex; display:-ms-flexbox; display:flex; width:auto;}
.radio_wrap.type_btn ul.flex_row li{float:none;}
.radio_wrap.type_btn ul.flex_row li:not(:first-child) {margin-left:0;}
.radio_wrap.type_btn.type_free {}
.radio_wrap.type_btn.type_free ul {margin-top:-5px;}
.radio_wrap.type_btn.type_free li,
.radio_wrap.type_btn.double li {margin-top:5px;}

/* radio_btn_list */
.form_type .form_ele .radio_btn_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:-4px 0 0 -4px;}
.radio_wrap.type_btn .radio_btn_list li {float:inherit; width:calc(50% - 4px); margin:4px 0 0 4px;}
.radio_wrap.type_btn .radio_btn_list li .radio_btn.big span > em {display:block;}
.radio_wrap.type_btn .radio_btn_list li .radio_btn.big span .name {font-size:15px; text-align:left;}
.radio_wrap.type_btn .radio_btn_list li .radio_btn.big span .sub_txt {margin-top:5px; text-align:right; font-size:20px; font-weight:400;}

/* 텍스트 없는 라디오 */
.radio_wrap.no_text {margin:8px 0 0 0;}
.radio_wrap.no_text label.radio_default {min-height:26px; width:auto; margin:0;}
.radio_wrap.no_text span {min-height:26px;}

/* radio_date_mix = radio + date */
.radio_date_mix .radio_cover,
.radio_date_mix .input_cover {float:left;}
.radio_date_mix .radio_cover {width:35px; margin-right:10px;}
.radio_date_mix .input_cover {width:calc(100% - 45px);}

/* radio/check*/
.radio_wrap .radio_default + .radio_default,
.check_wrap .check_default + .check_default {margin-left:80px;}
.w_size01 .radio_wrap .radio_default + .radio_default,
.w_size01 .check_wrap .check_default + .check_default {margin-left:20px;}
.radio_wrap .radio_default input[type="radio"],
.check_wrap .check_default input[type="checkbox"]{width:26px;height:26px;border-radius:50%;}
.radio_wrap .radio_default input[type="radio"] + span,
.check_wrap .check_default input[type="checkbox"] + span {padding-left:35px;color:#111;line-height:26px;}
.radio_wrap .radio_default input[type="radio"] + span:before,
.check_wrap .check_default input[type="checkbox"] + span:before{position:absolute;left:0;top:0px;display:block;width:26px;height:26px;border:1px solid #ddd;content:"";background-color:#fff;}
.radio_wrap.down .radio_default input[type="radio"] + span:before,
.check_wrap.down .check_default input[type="checkbox"] + span:before {top:0;}
.radio_wrap.down .radio_default input[type="radio"] + span:after,
.check_wrap.down .check_default input[type="checkbox"] + span:after {top:8px;}
.radio_wrap .radio_default input[type="radio"] + span:after, 
.check_wrap .check_default input[type="checkbox"] + span:after {display:inline-block;position:absolute;content:'';}
.radio_wrap .radio_default input[type="radio"] + span:before,
.radio_wrap .radio_default input[type="radio"] + span:after,    
.check_wrap .check_default input[type="checkbox"] + span:before {border-radius:50%;}
.check_wrap .check_default input[type="checkbox"] + span:after {width:15px;height:11px;top:8px;left:6px;background:url(/pconts/images/common/check_off.png) no-repeat 0 0;content:"";}
.radio_wrap .radio_default input[type="radio"] + span.info_cover {display:block;}
.radio_wrap .radio_default input[type="radio"] + span.info_cover .info {display:block;}
.radio_wrap .radio_default input[type="radio"] + span.info_cover .info:after {content:'';display:block;clear:both;}
.radio_wrap .radio_default input[type="radio"] + span.info_cover .info .date {display:inline-block;float:left; font-weight:400;;}
.radio_wrap .radio_default input[type="radio"] + span.info_cover .info .money {display:inline-block;float:right;font-size:20px;}
.radio_wrap .radio_dn.middle:before,
.radio_wrap .radio_default input[type="radio"] + span.info_cover.middle:before {top:50%; margin-top:-13px;}
.radio_wrap .radio_default input[type="radio"] + span.info_cover.middle:after,
.radio_wrap .radio_default input[type="radio"] + span.info_cover.middle:after {top:50%; margin-top:-7px;}
.radio_wrap.type_col {flex-wrap:nowrap;}
.radio_wrap.type_col .radio_default {-webkit-box-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto;}

/* checked */
.radio_wrap .radio_default input[type="radio"]:checked + span,
.check_wrap .check_default input[type="checkbox"]:checked + span {color:#333;}
.radio_wrap .radio_default input[type="radio"]:checked + span:after {left:6px;top:5px;display:block;width:14px;height:14px;background:#4868e1;content:"";}
.check_wrap .check_default input[type="checkbox"]:checked + span:after {background:url(/pconts/images/common/check_on.png) no-repeat 0 0;}
/* radio/check - disabled */
.radio_wrap .radio_default input[type="radio"]:disabled  + span,
.check_wrap .check_default input[type="checkbox"]:disabled  + span {color:#ddd;}
.radio_wrap .radio_default input[type="radio"]:disabled + span:before, 
.check_wrap .check_default input[type="checkbox"]:disabled + span:before {border-color:#eee;background:#f6f6f6;}
.radio_wrap .radio_default input[type="radio"]:disabled + span:after {background:#bbb;}
.check_wrap .check_default input[type="checkbox"]:checked:disabled + span:after {background:url(/pconts/images/common/check_disabled_on.png) no-repeat 0 0;}
.check_wrap .check_default input[type="checkbox"]:disabled + span:after {background:url(/pconts/images/common/check_disabled_off.png) no-repeat 0 0;}
.check_wrap .check_default input[type="checkbox"]:disabled + span .marker_hyphen {color:#ddd;}
.check_wrap .check_default input[type="checkbox"]:disabled + span .marker_hyphen::before {background-color:#ddd;}

/* radio/check - type btn */
.radio_wrap.type_btn .radio_btn + .radio_btn,
.check_wrap.type_btn .check_btn + .check_btn,
.radio_wrap.type_btn.type_flex.has_ico .radio_btn + .radio_btn,
.check_wrap.type_btn.type_flex.has_ico .check_btn + .check_btn {margin-left:4px;}
.radio_wrap.type_btn .radio_btn input[type="radio"],
.check_wrap.type_btn .check_btn input[type="checkbox"]{width:100%;height:100%;}
.radio_wrap.type_btn .radio_btn input[type="radio"] + span,
.check_wrap.type_btn .check_btn input[type="checkbox"] + span {min-width:90px;width:100%;height:44px;padding-left:15px;padding-right:15px;border:1px solid #bbb;background-color:#fff;color:#111;border-radius:3px;font-weight:700;line-height:42px;text-align:center;box-sizing:border-box;}
.radio_wrap.type_btn .radio_btn input[type="radio"] + span.h_auto,
.check_wrap.type_btn .check_btn input[type="checkbox"] + span.h_auto {height:auto; min-height:44px; padding:11px 5px; line-height:1.2;} /* 패딩추가했어요. 깨지면 말해주세요 - 우현주 */
.radio_wrap.type_btn .radio_btn:first-child input[type="radio"] + span,
.check_wrap.type_btn .check_btn:first-child input[type="checkbox"] + span {border-left:1px solid #bbb;}
.radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span,
.check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span {padding-left:14px;padding-right:14px;border:2px solid #4868e1;color:#4868e1;line-height:40px;}
.radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span.h_auto,
.check_wrap.type_btn .check_btn input[type="checkbox"]:checked + span.h_auto {padding:10px 4px;line-height:1.2;}
.radio_wrap.type_btn .radio_btn input[type="radio"] + span:before,
.radio_wrap.type_btn .radio_btn input[type="radio"]:checked + span:after {display:none;}
.radio_wrap.type_btn .radio_btn input[type="radio"]:checked:disabled + span,
.check_wrap.type_btn .check_btn input[type="checkbox"]:checked:disabled + span {border-color:#ddd;background:#fff;color:#999;}
.radio_wrap.type_btn .radio_btn input[type="radio"]:disabled + span,
.check_wrap.type_btn .check_btn input[type="checkbox"]:disabled + span {background:#f6f6f6;border-color:#eee;color:#ddd;}

.radio_wrap.type_btn.anyline .radio_btn + .radio_btn {margin-left:0;}
.radio_wrap.type_btn.anyline .radio_btn {margin-right:4px; margin-bottom:6px;}

/* radio/check - type btn02 */
.radio_wrap.type_btn.type02 .radio_btn input[type="radio"],
.check_wrap.type_btn.type02 .check_btn input[type="checkbox"]{min-width:100%;width:100%;height:100%;}
.radio_wrap.type_btn.type02 .radio_btn input[type="radio"] + span,
.check_wrap.type_btn.type02 .check_btn input[type="checkbox"] + span {min-width:100%;width:100%;height:30px;padding:0 18px;border:1px solid #666;background-color:#fff;color:#111;border-radius:15px;line-height:30px;text-align:center;box-sizing:border-box;}
.radio_wrap.type_btn.type02 .radio_btn input[type="radio"]:checked + span,
.check_wrap.type_btn.type02 .check_btn input[type="checkbox"]:checked + span {height:32px;padding:0 18px;border:2px solid #4868e1;color:#4868e1;}

.radio_wrap.h_auto .radio_btn{display:-webkit-flex; display:-ms-flexbox; display:flex;}

/* .radio_wrap.h_auto .radio_btn input[type="radio"] + span,
.check_wrap.h_auto .check_btn input[type="checkbox"] + span {height:auto;line-height:initial;padding-top:15px;padding-bottom:15px;} */

.radio_wrap.h_auto .radio_btn input[type="radio"] + span,
.check_wrap.h_auto .check_btn input[type="checkbox"] + span {display:-webkit-flex; display:-ms-flexbox; display:flex;height:auto;line-height:normal;padding-top:15px;padding-bottom:15px;-webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.radio_wrap.h_auto .radio_btn input[type="radio"]:checked + span,
.check_wrap.h_auto .check_btn input[type="checkbox"]:checked + span {padding-top:14px; padding-bottom:14px;line-height:normal;}

/* 넓이 100% */
.radio_wrap.type_btn.type_100p ,
.check_wrap.type_btn.type_100p {width:100%;}
.radio_wrap.type_btn.type_100p .radio_btn,
.check_wrap.type_btn.type_100p .check_btn{min-width:100%;}
.radio_wrap.type_btn.type_100p .radio_btn input[type="radio"],
.check_wrap.type_btn.type_100p .check_btn input[type="checkbox"]{min-width:100%;width:100%;height:100%;}
.radio_wrap.type_btn.type_100p .radio_btn + .radio_btn, 
.check_wrap.type_btn.type_100p .check_btn + .check_btn {margin-left:0; margin-top:5px;}


/* radio/check - type btn (앞에 체크 표시 있는 타입) */
.radio_wrap.type_btn.has_ico .radio_btn + .radio_btn, 
.check_wrap.type_btn.has_ico .check_btn + .check_btn {margin-left:10px;}
.radio_wrap.type_btn.has_ico .radio_btn input[type="radio"], 
.check_wrap.type_btn.has_ico .check_btn input[type="checkbox"] {width:156px;}
.radio_wrap.type_btn.has_ico .radio_btn input[type="radio"] + span, 
.check_wrap.type_btn.has_ico .check_btn input[type="checkbox"] + span {width:156px; background-color:#fff;}
.radio_wrap.type_btn.has_ico .radio_btn input[type="radio"] + span:before, 
.check_wrap.type_btn.has_ico .check_btn input[type="checkbox"] + span:before {display:inline-block;position:relative;top:1px;width:15px;height:11px;margin-right:9px;background:url(/pconts/images/common/check_off2.png) no-repeat 0 0;content:"";} 
.radio_wrap.type_btn.has_ico .radio_btn input[type="radio"]:checked + span:before, 
.check_wrap.type_btn.has_ico .check_btn input[type="checkbox"]:checked + span:before {background:url(/pconts/images/common/check_on2.png) no-repeat 0 0;} 
.radio_wrap.type_btn.has_ico.w_auto .radio_btn input[type="radio"], 
.check_wrap.type_btn.has_ico.w_auto .check_btn input[type="checkbox"] {width:auto;}
.radio_wrap.type_btn.has_ico.w_auto .radio_btn input[type="radio"] + span, 
.check_wrap.type_btn.has_ico.w_auto .check_btn input[type="checkbox"] + span {width:auto;}
.radio_wrap.type_btn.has_ico.type_flex .radio_btn input[type="radio"], 
.check_wrap.type_btn.has_ico.type_flex .check_btn input[type="checkbox"] {width:100%;}
.radio_wrap.type_btn.has_ico.type_flex .radio_btn input[type="radio"] + span, 
.check_wrap.type_btn.has_ico.type_flex .check_btn input[type="checkbox"] + span {display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
/* radio/check - type btn (앞에 체크 없는 넓이고정 타입) */
.radio_wrap.type_btn.no_ico .radio_btn input[type="radio"] + span, 
.check_wrap.type_btn.no_ico .check_btn input[type="checkbox"] + span {min-width:156px;}
.radio_wrap.type_btn.no_ico .radio_btn + .radio_btn {margin-left:0;}


/* radio/check - flex_group */

/* radio samll type */
.radio_wrap.small_type .radio_default + .radio_default{margin:0 45px 0 0;}
.radio_wrap.small_type .radio_default input[type="radio"] + span{padding-left:24px;}
.radio_wrap.small_type .radio_default input[type="radio"] + span:before{top:5px;width:14px;height:14px;border-radius:50%;border:0;background:#bbb;}
.radio_wrap.small_type .radio_default input[type="radio"] + span:after{left:4px;top:9px;width:6px;height:6px;border-radius:50%;border:0;background:#fff;}
.radio_wrap.small_type .radio_default input[type="radio"]:checked + span:before{background-color:rgba(72, 104, 225, 0.5);}

.like_as_input {display:inline-block; width:100%; min-height:44px; padding:10px 14px 7px; border:1px solid #ddd; background-color:#fff; font-weight:400; font-size:16px; line-height:24px; color:#333;}
.like_as_input.readonly {color:#111;}
.like_as_input.c_poiner {cursor:pointer;}


/* ==========================================================================
   BUTTON
========================================================================== */
button > span {position:relative;} /* 호환성처리 (IE 버튼눌림효과 제거) */
.btn_wrap {display:block;position:relative;}
.btn_wrap::after {display:block;clear:both;content:"";}
.btn_wrap .btn_left {float:left;}
.btn_wrap .btn_right {float:right;}
.btn_wrap .btn_center {text-align:center;}
.btn_wrap.btn_float button,
.btn_wrap.btn_float a {float:left;}
.btn_wrap.flex_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.btn_wrap.flex_wrap .btn {flex:1;}
.btn_wrap.flex_wrap.add_money_group .btn {height:44px;background-color:#fff;font-weight:700; font-size:16px;}
.btn_wrap.flex_wrap.add_money_group .btn + .btn {margin-left:8px;}
.btn_wrap.flex_wrap.add_money_group .btn.clicked {border:2px solid #4868e1;color:#4868e1;}
.btn_wrap.flex_wrap.add_money_group.h_auto .btn.rectangle{line-height:25px;height:69px;}
.btn_group .btn.left {min-width:90px;padding:0 22px;}
.btn_group .btn.left_lg {min-width:90px;padding:0 22px;}
.btn_group .btn.left_ico {min-width:38px;}
.btn {display:inline-block;position:relative;height:56px;padding:0 48px;border:1px solid transparent;border-radius:56px;text-align:center;vertical-align:middle;cursor:pointer;line-height:54px;font-weight:700;font-size:18px;white-space:nowrap;}
.btn span {position:relative;}
.btn + .btn {margin-left:5px;}
a.btn.row02, button.btn.row02 {display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; line-height:1.3;}
.btn.row02m span br{display:none;}
.btn.h_auto {height:auto !important;padding:8px 12px;line-height:inherit;white-space:normal;}
/* 컨텐츠 버튼 */
.btn_cont .btn {height:48px;padding:1px 42px 0;border-radius:48px;line-height:45px;}
.btn_cont .btn.ico_btn {width:48px; height:48px;}
.btn_cont .btn {font-weight:300;}
.btn_cont .btn.default {min-width:180px;}
.btn_cont .btn.line_gray {border-color:#bbb;}
.btn_cont .btn_link::after {top:-2px;}
.btn.default {min-width:200px;}
.btn.lg {width:100%;}
.btn.arrow {color:#111;}
.btn.arrow span::after {content:''; display:inline-block; width:11px; height:8px; margin-left:8px; background:url('/pconts/images/icon/ico_arw_more.png') no-repeat 0 0;}
.btn.blue {background:#4868e1;color:#fff;}
.btn.gold {background:#8d743a;color:#fff;}
.btn.darkgray {background:#4e5b68;color:#fff;}
.btn.gray {border:1px solid transparent;background:#ddd;color:#333;}
.btn.line_gray {border:1px solid #ddd;background-color:#fff;color:#111;}
.btn.line_darkgray {border:1px solid #4e5b68;background-color:#fff;color:#4e5b68;}
.btn.line_round {min-width:63px;height:28px;padding:0 15px;border:1px solid #bbb;border-radius:20px;background:#fff;font-weight:400;font-size:13px;color:#111;line-height:26px;}
.btn.line_blue {border:1px solid #4868e1;background-color:#fff;color:#4868e1;}
.btn.line_blue::after {content:'';display:inline-block;width:6px;height:6px;margin-left:2px;margin-bottom:1px;border:1px solid #4868e1;border-right:0;border-bottom:0;transform:rotate(135deg);}
/* .btn.prev::before {content:'';display:inline-block;width:10px;height:10px;margin-right:5px;border:solid #666 1px;border-bottom:none;border-right:none;transform:rotate(-45deg);opacity:0.4;} *//* 20.02.18 '<' 사용안함 처리 */
.btn.next::after {content:'';display:inline-block;width:10px;height:10px;margin-left:5px;border:solid #666 1px;border-bottom:none;border-right:none;transform:rotate(135deg);opacity:0.4;}
.btn.blue.next::after,
.btn.blue.next:disabled::after,
.btn.gold.next::after,
.btn.darkgray.next::after {border-color:#fff;}
.btn_link {min-width:146px;height:40px;padding:0 16px;border:1px solid #bbb;border-radius:3px;font-weight:300;font-size:15px;color:#111;line-height:38px;background-color:#fff;}
.btn_link::after {content:'';display:inline-block;position:relative;width:8px;height:8px;margin-left:5px;border:1px solid #cbcbcb;border-right:0;border-bottom:0;transform:rotate(135deg);}
.btn_outlink {min-width:146px;height:40px;padding:1px 16px 0;border:1px solid #bbb;border-radius:3px;font-weight:300;font-size:15px;color:#111;line-height:37px;background-color:#fff;}
.btn_outlink::after {content:'';display:inline-block;width:19px;height:19px;margin-left:5px;margin-bottom:-4px;background:url(/pconts/images/icon/ico_outlink02.png) no-repeat center;}
.btn_line {min-width:146px;height:40px;padding:0 16px;border:1px solid #bbb;border-radius:3px;font-weight:300;font-size:15px;color:#111;line-height:38px;background-color:#fff;}

.btn_cont .btn_outlink::after {margin-bottom:-3px;}
.btn_outlink.blue {border-color:transparent;}
.btn_outlink.blue::after {border-color:#fff; background-image:url(/pconts/images/icon/ico_outlink02_white.png)}
.btn_cont .btn_link, .btn_cont .btn_outlink {font-size:18px;}
.btn_cont .btn_link::after, .btn_cont .btn_outlink::after {border-color:#adadad;}
.btn_sm.btn_outlink::after {width:8px; height:8px; margin-left:8px; margin-bottom:0; background:url(/pconts/images/icon/ico_outlink05.png) no-repeat center;}
.btn_sm.btn_download2 span {color:#111;}
.btn_sm.btn_download2:before {content:''; display:inline-block; width:14px; height:12px; margin-right:6px; background:url(/pconts/images/icon/btn_download01_pc.png) no-repeat 50% 50%; vertical-align:-1px;}
.btn.rectangle {display:inline-block;height:41px;padding:0 15px;border:1px solid #bbb;font-size:15px;font-weight:400;color:#111;border-radius:3px;line-height:39px;}
.btn.rectangle span {font-size:15px;}
.btn.rectangle.line_darkgray {border-color:#4e5b68;color:#4e5b68;font-weight:700;}
.btn.rectangle.line_darkgray span {font-size:16px;}
.btn.rectangle.download span::after {content:'';display:inline-block;width:14px;height:12px;margin-left:15px;background: url(/pconts/images/icon/btn_download01_pc.png) no-repeat 50% 50%;vertical-align:-1px;}
.btn.rectangle:not(.blue):not(.darkgray) {background-color:#fff;}
.type_click .btn.rectangle{height:44px;line-height:42px;background:#fff;}
.type_click .btn.rectangle span{font-weight:700;}
.type_click .btn.rectangle.current{border:2px solid #4868e1;background-color:#fff;color:#4868e1;}
.type_click .btn + .btn{margin-left:3px;}
.btn_sm,
.pop_btn .btn.btn_sm {min-width:63px;height:28px;padding:0 10px;border:1px solid #bbb;border-radius:3px;background:#fff;font-weight:400;font-size:13px;color:#333;line-height:26px;}
.btn_sm.link::after {content:'';display:inline-block;width:6px;height:6px;margin-left:2px;margin-bottom:1px;border:1px solid #333;border-right:0;border-bottom:0;transform:rotate(135deg);}
.text_link {position:relative;display:inline-block;padding-right:22px;font-size:15px;}
.text_link::before {content:'';display:block;position:absolute;top:0;right:0;width:19px;height:19px;background-color:transparent;border-radius:50%;}
.text_link:hover::before,
.text_link:focus::before {background-color:#eee;}
.text_link:active::before {background-color:#4868e1;}
.text_link::after {content:'';display:block;position:absolute;top:6px;right:7px;width:8px;height:8px;border:1px solid #333;border-right:0;border-bottom:0;transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);}
.text_link:hover::after,
.text_link:focus::after {border-color:#4868e1 !important;}
.text_link:active::after{border-color:#fff !important;}
.text_link.color_prim::after {border-color:#4868e1;}
.text_link.color_black::after {border-color:#515151;}
.text_link.h_title::before {top:5px;}
.text_link.h_title::after {top:11px;}
.text_more,
.text_less {position:relative;display:inline-block;padding-right:20px;font-size:15px;}
.text_more::after {content:'';display:block;position:absolute;top:50%;right:0;width:11px;height:11px;margin-top:-6px;background:url(/pconts/images/icon/ico_plus.png) no-repeat;}
.text_less::after {content:'';display:block;position:absolute;top:50%;right:0;width:11px;height:11px;margin-top:-6px;background:url(/pconts/images/icon/ico_minus.png) no-repeat;}
.text_outlink {font-size:15px;}
.text_outlink::after {content:'';display:inline-block;width:19px;height:19px;margin-left:8px;margin-bottom:-4px;background:url(/pconts/images/icon/ico_outlink02.png) no-repeat center;}
.text_outlink:hover::after,
.text_outlink:focus::after {background:url(/pconts/images/icon/ico_outlink03.png) no-repeat center;border-radius:50%;}
.text_outlink:active::after{background:url(/pconts/images/icon/ico_outlink04.png) no-repeat center;border-radius:50%;}
.btn_refrash {position:relative;}
.btn_refrash:after {content:'';display:inline-block;width:16px;height:17px;margin:0 0 -3px 10px;background:url(/pconts/images/icon/ico_reset.png) no-repeat;}
.pop_btn .btn {min-width:180px;height:48px;line-height:46px;}
.pop_btn.btn_group .btn {width:auto;}
.pop_btn.btn_group.pd_min .btn {width:auto; padding:0 20px;}
.btn_download {display:inline-block;overflow:hidden; width:30px;height:26px;background:url(/pconts/images/icon/btn_download02.png) no-repeat;}
.btn_download span {display:block; width:100%; height:100%; text-indent:-999px;}
.btn_download03 {display:inline-block;overflow:hidden; width:30px;height:26px;background:url(/pconts/images/icon/btn_download03.png) no-repeat; background-size:30px auto;}
.btn_download03 span {display:block; width:100%; height:100%; text-indent:-999px;}
.btn_download03:disabled {background:url(/pconts/images/icon/btn_downloadDisable.png) no-repeat; background-size:30px auto; pointer-events:none;}
.btn_coupon {display:inline-block;overflow:hidden; width:30px;height:30px;background:url(/pconts/images/icon/btn_download03.png) no-repeat; background-size:30px auto;} /*20.03.02 아이콘 이미지 변경*/
.btn_coupon span {display:block; width:100%; height:100%; text-indent:-999px;}

.btn.side_btn {height:44px;padding:0 15px;border-radius:3px;font-size:16px;font-weight:700;line-height:42px;text-align:center;}
.btn.add span {padding-right:25px;}
.btn.add span::after {content:'+'; display:block; position:absolute; right:0; top:calc(50% - 12px); font-size:28px; font-weight:200; line-height:0.9}
.btn.remove span {padding-right:25px;}
.btn.remove span::after {content:'-'; display:block; position:absolute; right:0; top:calc(50% - 12px); font-size:28px; font-weight:200; line-height:0.9}
.btn_delete {display:inline-block;width:11px;height:11px;background:url(/pconts/images/common/ico_delete.png) no-repeat;background-size:100%;}
.btn_search {display:inline-block; overflow:hidden; width:44px;height:44px;background:url('/pconts/images/icon/ico_search02.png') no-repeat center center / 24px 25px;}
.btn_search span {display:block; width:100%; height:100%; text-indent:-999px;}
.btn_clear {display:inline-block; position:absolute; top:50%; right:15px; overflow:hidden; width:23px;height:23px; margin-top:-11px; background:url('/pconts/images/icon/ico_clear.png') no-repeat center center / 23px 23px; text-indent:-999px;}
.btn_clear.hide {display:none;}
.btn_print_down button {position:relative;}
.btn_print_down button span {font-size:16px; color:#111; padding-left:25px;}
.btn_print_down button + button {margin-left:10px;}
.btn_print_down .excel::before {content:'';display:inline-block;position: absolute; left:0; top:2px; width:17px;height:17px; background:url(/pconts/images/icon/ico_excel.png) no-repeat center;}
.btn_print_down .print::before {content:'';display:inline-block;position: absolute; left:0; top:2px; width:17px;height:17px; background:url(/pconts/images/icon/ico_print.png) no-repeat center;}
.btn.btn_share {padding:0 27px;}
.btn.btn_share:before {display:inline-block;position:relative;top:6px;width:24px;height:26px;background:url(/pconts/images/icon/btn_share.png) no-repeat;content:"";}
.btn.btn_share span {display:inline-block;text-indent:-9999px;}
.btn.btn_share:before {display:inline-block;position:relative;top:6px;width:24px;height:26px;background:url(/pconts/images/icon/btn_share.png) no-repeat;content:"";}
.btn_sm.btn_print span{color:#111;}
.btn_sm.btn_print:before {content:''; display:inline-block; width:16px; height:14px; margin-right:6px;background:url(/pconts/images/icon/ico_print02.png) no-repeat 50% 50%; vertical-align:-3px;}
.btn_sm.btn_email span{color:#111;}
.btn_sm.btn_email:before {content:''; display:inline-block; width:18px; height:13px; margin-right:6px;background:url(/pconts/images/icon/ico_email.png) no-repeat 50% 50%; vertical-align:-3px;}
.btn_sm.btn_email2 span{color:#111;}
.btn_sm.btn_email2:before {content:''; display:inline-block; width:16px; height:12px; margin-right:8px;background:url(/pconts/images/icon/ico_email2.jpg) no-repeat; vertical-align:-2px;}
.btn_sm.btn_fax span {color:#111;}
.btn_sm.btn_fax:before {content:''; display:inline-block; width:15px; height:13px; margin-right:8px;background:url(/pconts/images/icon/btn_fax.png) no-repeat; vertical-align:-3px;}
.btn.ico_btn {position:relative;width:56px;height:56px;padding:0;border-radius:28px;border:1px solid #ddd;background:#fff;}
.btn.ico_btn:before {display:block;content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;}
.btn.ico_btn > span {position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;border:0 none !important;background:transparent !important;color:transparent !important;}
.btn.ico_btn.share:before {margin:-14px 0 0 -14px;background:url(/pconts/images/icon/ico_share.png) 0 0 no-repeat;}
.btn.ico_btn.refresh:before {margin:-14px 0 0 -13px;background:url(/pconts/images/icon/ico_refresh.png) 0 0 no-repeat;}
.btn.ico_btn.view_list:before {margin:-14px 0 0 -14px;background:url(/pconts/images/icon/ico_view_list.png) 0 0 no-repeat;}
.btn_detailview {display:inline-block; overflow:hidden; width:30px;height:26px;background:url('/pconts/images/icon/ico_view.png') no-repeat; background-size:30px auto;}
.btn_detailview span {display:block; width:100%; height:100%; text-indent:-999px;}

.pop_btn .btn.ico_btn {width:48px;height:48px;}
.pop_btn .btn.ico_btn:before {width:22px;height:22px;background-size:22px 22px}
.pop_btn .btn.ico_btn.share:before {margin:-11px 0 0 -11px;}
.pop_btn .btn.ico_btn.refresh:before {margin:-10px 0 0 -9px;background-size:20px 20px}

/* button - disabled */
.btn:disabled,
.btn.disabled {background-color:#ddd;color:#fff;cursor:not-allowed;}
.btn.line_gray:disabled {border-color:#ddd;background-color:#f6f6f6;color:#bbb;}
.btn.line_darkgray:disabled {border-color:#eee;background-color:#f6f6f6;color:#ddd;}
.btn.prev:disabled::before,
.btn.next:disabled::after {opacity:1;}
/* input 버튼 */
.side_btn .btn {position:absolute;top:0;right:0;width:114px;min-width:114px;height:44px;padding:0 15px;border-radius:3px;font-size:16px;font-weight:700;line-height:40px;text-align:center;}
.side_btn .btn.row02{padding:0 5px;font-size:13px;line-height:15px;white-space:normal;}/* 영문 두 줄 처리 */
.btn_question {position:relative;width:18px; height:18px;line-height:18px;margin:-4px 0 -4px 3px;border-radius:50%;background:url(/pconts/images/common/ico_popup.png) no-repeat center center #b1b1b1;background-size:6px 10px;}
.btn_question span {display:block; height:100%; width:100%; overflow:hidden; text-indent:-999px;}
/* .btn_question::after {content:""; position:absolute; left:0; top:0; display:block;width:18px;height:18px;font-weight:700;line-height:18px;color:#333;text-align:center;border-radius:50%;background:url(/pconts/images/common/ico_popup.png) no-repeat center center;background-size:6px 10px;;background-color:#b1b1b1;box-sizing:border-box;text-indent:0;} */
.btn_tooltip {position:relative;width:18px; height:18px;line-height:18px;margin:-4px 0 -4px 3px;border-radius:50%;background:url(/pconts/images/common/ico_tooltip.png) no-repeat center center #b1b1b1;background-size:2px 10px;}
.btn_tooltip span {display:block; height:100%; width:100%; overflow:hidden; text-indent:-999px;}
/* .btn_tooltip::after {content:""; position:absolute; left:0; top:0; display:block;width:18px;height:18px;font-weight:700;line-height:18px;color:#fff;text-align:center;border-radius:50%;background:url(/pconts/images/common/ico_tooltip.png) no-repeat center center;background-size:2px 10px;background-color:#b1b1b1;box-sizing:border-box;text-indent:0;} */

/* 모바일 ::버튼 세로정렬 간격 */
.btn_colgap .btn.btn_link + .btn.btn_link {margin-top:0px;}

/* button - ico */
.btn_ico {text-align:center; margin:40px 0 60px; display:-webkit-flex; display:-ms-flexbox; display:flex; flex-flow:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.btn_ico button {position:relative; flex:1;}
.btn_ico button span {display:inline-block; font-size:15px; color:#333; padding-left:40px;}
.btn_ico button + button {margin-left:10px;}
.btn_ico .ico::before {content:'';display:inline-block; position:absolute; top:calc(50% - 16px); left:0; width:30px;height:30px;}
.btn_ico .ico.email::before {background:url(/pconts/images/icon/ico_email.png) no-repeat;}
.btn_ico .ico.print::before { background:url(/pconts/images/icon/ico_print01.png) no-repeat;}
.btn_ico .ico.fax::before   {background:url(/pconts/images/icon/ico_fax.png) no-repeat;}

/* pc:: 한줄 / mobile :: 두줄 */
.btn_group_flex {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:60px; text-align: center;}
.btn_group_flex li:not(:first-of-type) {margin-left:7px;}
.btn_group_flex .btn {padding:0 40px;}
.btn_group_flex .row02 {font-size:18px;}

/* 모바일 :: 버튼 100% 취소 */
.m_width_auto .btn {width:auto;}

/* ==========================================================================
   LAYOUT
========================================================================== */
/* PC ONlY */
html.isPcOnly body {min-width:1160px;}
html.isPcOnly #header {min-width:1160px;}
html.isPcOnly .fullMenu_wrap {min-width:1160px;}
html.isPcOnly .fullMenu {flex:none;}

/* body lock */
body {min-width:320px;}
html.pop_open,
body.pop_open {position:fixed; left:0; top:0; overflow:hidden; width:100%; height:100%;}
#wrap.pop_open {position:relative;}
/* skip_Navi */
#skipNavi {position:relative;}
#skipNavi a {display:block;position:absolute;top:-300px;left:0;z-index:200;width:300px;background:#000;color:#fff;text-align:center;}
#skipNavi a:focus, #skipNavi a:hover {top:0px;}
/* header */
/*#header:not(.header) {display:none;} 예전 가이드양식있을때 사용된 스타일 삭제예정 */
#header {position:fixed;top:0;left:0;width:100%;z-index:50;}
#header.is_fullmenu_opened {z-index:1000;}
#header .header_inner {position:relative; z-index:50; background-color:#fff;}
#header .header_banner {height:60px;background-color:#4542ce;}
#header .header_banner .banner_inner {position:relative;width:1080px;margin:0 auto;}
#header .header_banner .banner_area {display:inline-block;width:100%;height:60px;margin:0 auto;}
#header .header_banner .btn_banner_close {display:block;position:absolute;width:15px;height:15px;top:23px;right:0;background:url(/pconts/images/common/btn_banner_close.png) no-repeat 0 0 / 100% auto;}
#header .header_top {height:40px;padding:0 10px;font-size:14px;border-bottom:1px solid #eee;}
#header .header_top:after {content:'';display:block;clear:both;}
#header .header_util {position:relative;width:1080px;height:100%;margin:0 auto;}
#header .inside_heading > ul {float:left;}
#header .inside_heading > ul:nth-of-type(1) {border-right:1px solid #ddd;}
#header .inside_heading .dep1 {height:100%;}
#header .inside_heading .dep1 li {position:relative;float:left;padding:10px 11px 9px;}
#header .inside_heading .dep1:nth-of-type(1) li:first-child {padding-left:0;}
#header .inside_heading .dep1:nth-of-type(1) li:last-child {margin-right:11px;}
#header .inside_heading .dep1 li:not(:last-child):after {content:'';position:absolute;top:14px;right:0;width:1px;height:12px;background-color:#ddd;}
#header .inside_heading .dep2 {position:relative;}
#header .inside_heading .dep2 .dropdown {position:relative;padding-right:21px;font-size:14px;line-height:17px;}
#header .inside_heading .dep2 .dropdown:after {content:'';display:block;position:absolute;top:5px;right:0;width:11px;height:7px;background:url(/pconts/images/common/top_dropdown_down.png) no-repeat 0 0;}
#header .inside_heading .dep2 .dropdown_menu {position:absolute;left:0;top:0;z-index:10;width:187px;padding:10px 30px 10px 10px;border:1px solid #666;background-color:#fff;}
#header .inside_heading .dep2 .dropdown_menu a {display:inline-block;float:left;width:50%;padding:5px; color:#111;}
#header .inside_heading .dep2 .dropdown_menu .btn_up_close {display:inline-block;position:absolute;right:11px;top:19px;width:15px;height:15px;background:url(/pconts/images/common/top_dropdown_up.png) no-repeat 50% 50%;}
#header .inside_body {float:right;margin-top:10px;}
#header .inside_body .logout_area a {display:inline-block;position:relative;float:left;padding:0 10px;}
#header .inside_body .logout_area a:first-child {padding-left:20px;}
#header .inside_body .logout_area a:not(:first-child):before {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:12px;background-color:#ddd;}
#header .inside_body .logout_area a:last-child {padding-right:0;}
#header .inside_body .login_area {color:#111;}
#header .inside_body .login_area > * {float:left;}
#header .inside_body .login_area .user_text {color:#333;}
#header .inside_body .login_area .user_time {padding-left:20px;}
#header .inside_body .login_area .timer {display:inline-block;padding-left:18px;background:url(/pconts/images/common/ico_clock.png) no-repeat 0 50%;color:#000;}
#header .inside_body .login_area .underline {position:relative; text-decoration:none;}
#header .inside_body .login_area .underline:after {content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#111;}
#header .inside_body .login_area .btn_logout {display:inline-block;position:relative;margin-left:14px;padding-left:13px;padding-right:10px;}
#header .inside_body .login_area .btn_logout:before {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:12px;background-color:#ddd;}
#header .inside_body .login_area .btn_logout span {display:inline-block;padding-left:20px;background:url(/pconts/images/common/ico_out.png) no-repeat 0 4px;}
#header .inside_body .login_area .btn_pro {display:inline-block;position:relative;padding-left:13px;}
#header .inside_body .login_area .btn_pro:before {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:12px;background-color:#ddd;}
#header .header_body {display:flex; height:88px;width:100%; flex-direction:column;}
#header .header_body .body_inner {position:relative;display:flex;width:1080px;height:88px;margin:0 auto;padding:0 10px;}
#header .header_body .head_title {margin-top:31px;}
#header .header_body .head_title .login_area {color:#333;}
/* gnb */
#header .head_title {float:left;}
#header .head_title .inside_title {overflow:hidden;width:141px;height:25px;}
#header .head_title .inside_title a {display:inline-block;width:100%;height:100%;}
#header .head_title .inside_title a img {width:100%;}
#header .gnb_wrap {float:left;width:auto;margin:26px 0 0 80px;}
#header .gnb_wrap .nav_area {width:100%;overflow:visible; height:45px;}
#header .gnb_wrap .nav_area.swiper-container-free-mode>.swiper-wrapper {margin:0;}
#header .gnb_wrap .nav_area .dep1 {width:100%; transform:none;}
#header .gnb_wrap .nav_area .dep1 > li {position:relative;width:auto;font-weight:700;font-size:20px;color:#222;}
#header .gnb_wrap .nav_area .dep1 > li > a {display:block; padding:0 15px; line-height:40px;}
#header .gnb_wrap .nav_area .dep1 li.current:after {content:'';display:block;position:absolute;left:10px;bottom:2px;right:10px;height:2px;background-color:#4868e1;}
#header .gnb_wrap .swiper-button-next {display:none; top:0;right:10px;width:30px;height:30px;margin-top:0;background:url(/pconts/images/common/btn_gnb_ar.png) no-repeat center center; background-size: auto 13px;}
#header .gnb_wrap .gnb_navi > * {float:left;}
#header .util_wrap {margin-top:35px;margin-left:auto;}
#header .util_wrap button {display:inline-block;width:20px;height:20px;overflow:hidden;vertical-align:top;}
#header .util_wrap button > span {display:block;position:relative;width:100%;height:100%;}
#header .util_wrap .btn_ico_search {background:url(/pconts/images/common/ico_search.png) no-repeat 50% 50%;background-size:auto 100%;width:20px;height:20px;margin-top: 0px;}
#header .util_wrap .btn_ico_search > span {text-indent:-9999px;}
#header .btn_ico_all_menu {position:relative;margin-left:15px;width:20px;height:20px;}
#header .btn_ico_all_menu > span {display:block;position:relative;width:100%;height:100%;}
#header .btn_ico_all_menu .top {position:absolute;left:0;top:1px;width:100%;height:2px;background-color:#000;}
#header .btn_ico_all_menu .middle {position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background-color:#000;}
#header .btn_ico_all_menu .bottom {position:absolute;left:0;bottom:1px;width:100%;height:2px;background-color:#000;}
#header .btn_prev {float:left;width:50px;height:50px;background:url(/pconts/images/common/btn_top_left_ar.png) no-repeat 50% 50% / auto 20px;}
#header .header_mobile {display:none;}
#header .mobile_inner {position:relative;height:60px; padding:20px; padding-bottom:0; padding-left:52px;}
#header .mobile_inner .btn_prev {position:absolute; left:11px; top:15px; width:30px; height:30px;}
#header .mobile_title_wrap {display:table;float:left;height:20px;width:calc(100% - 70px); table-layout:fixed; line-height:19px; padding-top:1px;}
#header .mobile_title_wrap .mobile_title {display:table-cell;vertical-align:middle;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;color:#111;}
#header .mobile_inner .util_wrap {top:20px; right:20px;}
/* 개인화 - 공통 */
.mySub_top{position:relative;}
.mySub_top:after{content:'';display:block;clear:both}
.mySub_top .left{background-image:url()}
.mySub_top .left{position:relative;height:93px;display:flex;flex-direction:column;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;padding-left:97px;color:#111;font-size:28px;background-repeat:no-repeat;background-image:url(/pconts/images/contents/mypage/myicon_00.png);background-size:73px auto;}
.mySub_top .A01{background-image:url(/pconts/images/contents/mypage/myicon_01.png)}
.mySub_top .A02{background-image:url(/pconts/images/contents/mypage/myicon_02.png)}
.mySub_top .A03{background-image:url(/pconts/images/contents/mypage/myicon_03.png)}
.mySub_top .A04{background-image:url(/pconts/images/contents/mypage/myicon_04.png)}
.mySub_top .B01{background-image:url(/pconts/images/contents/mypage/myicon_05.png)}
.mySub_top .B02{background-image:url(/pconts/images/contents/mypage/myicon_06.png)}
.mySub_top .B03{background-image:url(/pconts/images/contents/mypage/myicon_07.png)}
.mySub_top .B04{background-image:url(/pconts/images/contents/mypage/myicon_08.png)}
.mySub_top .sinceDate{display:block;margin-bottom:3px;color:#7030a0;font-size:20px;line-height:20px;overflow:hidden;}
.mySub_top .sinceDate.sb_color01{color:#148097}
.mySub_top .sinceDate.sb_color02{color:#996600}
.mySub_top .sinceDate.sb_color03{color:#d63d0e}
.mySub_top .sinceDate.sb_color04{color:#13872b}
.mySub_top .sinceDate.sb_color05{color:#7030a0}
.mySub_top .sinceDate.sb_color06{color:#cf29b6}
.mySub_top .sinceDate.sb_color07{color:#3e4aa5}
/* 개인화 - 헤더레이아웃 */
#header .inside_body .login_area .user_text {position:relative;}
.userState_tooltip {display:none; opacity:0; transform:translateY(30px); transition:all 0.2s ease;}
.userState_tooltip.is_visible {display:block;}
.userState_tooltip.is_active {opacity:1; transform:translateY(0);}
.userState_tooltip {position:absolute; left:-57px; top:100%; z-index:40; width:310px; height:145px; margin-top:10px; border-radius:10px; background-color:#4e5468;}
.userState_tooltip .carat {display:block; position:absolute; left:74px; bottom:100%; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:9px solid #4e5468;}
.userState_wrap {width:100%; height:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 26px;}
/* 개인화 - 헤더스타일 */
.userState_wrap .mySub_top .left {color:#fff; font-weight:300; font-size:15px; line-height:1; background-position:0 center;}
.userState_wrap .mySub_top .icon_preview {position:absolute; left:0; top:50%; width:73px; height:73px; margin-top:-37px;overflow:hidden;}
.userState_wrap .mySub_top .userLevel{font-size:18px;}
.userState_wrap .mySub_top .userLevel em{font-weight:700}
.userState_wrap .mySub_top .userLevel b{color:#fff;font-weight:400}
.userState_wrap .mySub_top .recent_date{display:block;font-size:13px; opacity:0.5; margin-top:6px;}
.userState_wrap .mySub_top .recent_date *{vertical-align:middle}
.userState_wrap .mySub_top .option {margin-top:10px; font-size:15px;}
.userState_wrap .mySub_top .option .link {position:relative; display:inline-block; padding-right:20px;}
.userState_wrap .mySub_top .option .link::after {content:''; display:inline-block; vertical-align:middle; width:8px; height:8px; margin-left:4px; border:1px solid #fff; border-width:1px 1px 0 0; transform:rotate(45deg);}

.userState_wrap .user_img {width:71px;}
.userState_wrap .user_img .avata {width:100%;}
.userState_wrap .user_img .avata img {width:100%;}
.userState_wrap .user_cont {margin-left:20px; color:#fff; font-weight:300; font-size:15px; line-height:1;}
.userState_wrap .user_cont .name {font-size:18px; margin-top:6px;}
.userState_wrap .user_cont .name em {font-weight:700;}
.userState_wrap .user_cont .session {font-size:13px; opacity:0.5; margin-top:6px;}

/* 상담원연결, TOP */
.quick_fixed {position:fixed;right:20px;bottom:20px;width:86px;z-index:145;}
.quick_fixed .quick_top {display:none;width:100%;height:50px;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.quick_fixed .quick_top .top {display:block;overflow:hidden;width:100%;height:100%;background:url(/pconts/images/icon/ico_top.png) center center no-repeat;background-size:45px auto;}
.quick_fixed .quick_top.is_visible {display:flex;}
.quick_fixed .quick_talk {width:100%;height:86px;margin-top:0;display:none;}
.quick_fixed .quick_talk .fani {display:block;position:relative;overflow:hidden;width:86px;height:86px;margin:auto;}
.quick_fixed .quick_talk .fani:before {content:'';}
.quick_fixed .quick_talk .fani:before {display:block;position:absolute;top:50%;left:50%;margin:-43px 0 0 -43px;width:86px;height:86px;background:url(/pconts/images/common/ico_chatbot.png) center center no-repeat;background-size:86px auto;}
.quick_fixed .quick_chatbot {width:100%;height:86px;margin-top:-5px;}
.quick_fixed .quick_chatbot .chatbot {display:block;position:relative;width:100%;height:100%;overflow:hidden;}
.quick_fixed .quick_chatbot .chatbot:before {content:'';}
.quick_fixed .quick_chatbot .chatbot:before {display:block;position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;background:url(/pconts/images/common/ani_fani.png) center 0 no-repeat;background-size:86px auto;-webkit-animation: aniFani 1.5s steps(17) infinite;animation:aniFani 1.5s steps(17) infinite;}
@-webkit-keyframes aniFani {
	0% { background-position:50% 0 }
	100% { background-position:50% -1462px }
}
@keyframes aniFani {
	0% { background-position:50% 0 }
	100% { background-position:50% -1462px }
}
/* Flex Layout */
body {height:100%;}
#wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; flex-grow:1; min-height:100%;}
.isPcOnly #wrap {overflow:hidden;}
#container {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; flex-grow:1;width:100%;overflow:hidden;position:relative;padding-top:130px;background:#fff;-webkit-transform-origin:top;transform-origin:top;-webkit-transition:transform 0.3s 0.3s;transition:transform 0.3s 0.3s;overflow:hidden;}
.contents {flex-grow:1;display:block;position:relative;width:100%;padding:0 0 100px;}/* overflow 보안키패드잘림 */
.contents.none_padding {padding-bottom:0}
.content_print {display:none;}
.accessMode {display:none; position:fixed; left:0; top:0; width:100%; height:100%;}
.accessMode button {width:100%; height:100%; text-indent:-9999px; color:#fff;}

/* 넓이 */
.ly_inner {display:block;position:relative;width:980px;margin:0 auto;padding:0;}
.ly_inner .ly_inner {width:auto;margin:0;}
.bg_gray .ly_inner {margin:0 auto;} /* 윗부분으로 인해 좌측 정렬 됨. 중앙정렬 되도록 함. */
.ly_inner.full {width:1080px;}
.ly_inner .bg_gray.full {width:100vw; margin-left:calc(50% - 50vw);}
.ly_inner .bg_gray.full .ly_inner {width:980px;}
/* footer */
#footer {display:block;position:relative;margin:0;padding:0;}
.footer_wrap {display:block;position:relative;margin:0;padding:0 0 40px 0;}
.tel_link_box {display:block;position:relative;padding:0;}
.tel_link_box::before {content:'';display:block;position:absolute;width:100%;z-index:0;left:0;top:-1px;border-top:solid #ddd 1px;}
.tel_link_box::after {content:'';display:block;position:absolute;width:100%;z-index:0;left:0;bottom:-1px;border-top:solid #ddd 1px;}
.tel_link_box ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:relative; margin:0 -19px;}
.tel_link_box ul::after {display:none;}
.tel_link_box li {display:inline-block;position:relative;width:auto;margin:0;padding:26px 19px 25px;text-align:center;flex:1 1 auto;}
.tel_link_box li + li::before {content:'';display:block;position:absolute;left:0;top:calc(50% - 6px);width:1px;height:11px;background-color:#ddd;}
.tel_link_box li a {display:inline;position:relative;margin:0;padding:0;font-size:14px;color:#4868e1;font-weight:700;}
.address_wrap {display:block;position:relative;padding:0;font-style:normal;padding-top:22px;}
.customer_link {display:block;position:relative;width:100%;margin:0;padding:28px 0 26px;}
.customer_link ul {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative;}
.customer_link ul li {width:auto; position:relative;}
.customer_link ul li::before {content:'';display:block;position:absolute;right:0;top:calc(50% - 6px);width:1px;height:11px;background-color:#ddd;}
.customer_link ul li:last-child::before {display:none;}
.customer_link ul li a {display:block;position:relative;margin:0;padding:0 10px;font-size:14px;color:#111;font-weight:700;}
.share_family_wrap {display:table;position:relative;margin:0 auto;padding:0;}
.share_family_wrap .sharebox {float:left;display:table;position:relative;margin:0;padding:0;top:5px;}
.share_family_wrap .sharebox li {float:left;display:block;position:relative;width:28px;height:28px;margin:0;padding:0;}
.share_family_wrap .sharebox li + li {margin-left:19px;}
.share_family_wrap .sharebox li a {display:block;position:relative;width:100%;height:100%;margin:0;padding:0;background-position:50%;background-repeat:no-repeat;background-size:100%;font-size:1px;color:transparent;text-indent:-9999px;overflow:hidden;}
.share_family_wrap .sharebox li.sns04 {width:29px;}
.share_family_wrap .sharebox li.sns01 a {background-image:url(/pconts/images/common/footer/sns01.png);}
.share_family_wrap .sharebox li.sns02 a {background-image:url(/pconts/images/common/footer/sns02.png);}
.share_family_wrap .sharebox li.sns03 a {background-image:url(/pconts/images/common/footer/sns03.png);}
.share_family_wrap .sharebox li.sns04 a {background-image:url(/pconts/images/common/footer/sns04.png);}
.share_family_wrap .sharebox li.sns05 a {background-image:url(/pconts/images/common/footer/sns05.png);}
.share_family_wrap .sharebox li.sns06 a {background-image:url(/pconts/images/common/footer/sns06.png);}
.share_family_wrap .sitelink_wrap {float:left;display:table;position:relative;margin:0 0 0 21px;padding:0;border:solid #ddd 1px;}
.share_family_wrap .sitelink_wrap .vipclass_wrap,
.share_family_wrap .sitelink_wrap .familyclass_wrap {float:left;display:block;position:relative;margin:0;padding:0;}
.share_family_wrap .sitelink_wrap .vipclass_wrap + .familyclass_wrap {border-left:solid #ddd 1px;}
.share_family_wrap .sitelink_wrap .toggle_btn {display:block;position:relative;height:35px;width:165px;margin:0;padding:0 30px 0 16px;font-size:14px;color:#111;text-align:left;}
.share_family_wrap .sitelink_wrap .toggle_btn::after {content:'';display:block;position:absolute;right:16px;top:calc(50% - 4px);width:9px;height:9px;border-bottom:solid #333 2px;border-right:solid #333 2px;transform:rotate(225deg);}
.msie .share_family_wrap .sitelink_wrap .toggle_btn::after {top:calc(50% - 2px);}
.share_family_wrap .sitelink_wrap .vipclass_wrap.on .toggle_btn::after,
.share_family_wrap .sitelink_wrap .familyclass_wrap.on .toggle_btn::after {transform:rotate(45deg);top:calc(50% - 9px);}
.share_family_wrap .sitelink_wrap .link_list {display:none;position:absolute;width:167px;left:-1px;top:auto;bottom:100%;margin:0;padding:7px 0;z-index:20;background-color:#FFF;border:solid #ddd 1px;}
.share_family_wrap .sitelink_wrap .link_list li {display:block;position:relative;width:100%;margin:0;padding:0}
.share_family_wrap .sitelink_wrap .link_list li a {display:block;position:relative;width:100%;margin:0;padding:6px 10px 6px 16px;font-size:14px;color:#111;}
.address_section {display:block;position:relative;margin:0 0 0 0;padding:0;text-align:center;}
.address_section .address {display:inline-block;position:relative;margin:0;padding:0;font-size:12px;color:#111;}
.address_section .company_num {display:inline-block;position:relative;margin:0;padding:0;font-size:12px;color:#111;}
.address_section .company_num span {display:inline-block;position:relative;margin:0 5px 0 0;padding:0 9px 0 0;}
.address_section .company_num span::before {content:'';display:block;position:absolute;right:0;top:calc(50% - 6px);width:1px;height:11px;background-color:#ddd;}
.address_section .copyright {display:block;position:relative;margin:2px 0 0 0;padding:0;font-size:11px;color:#999;}
.sitemark_section {display:table;position:relative;margin:27px auto 0 auto;padding:0 0;}
.sitemark_section a, .sitemark_section span {float:left;display:block;position:relative;margin-right:13px;height:30px;overflow:hidden;}
.sitemark_section img {height:100%;}

/* Footer Expand */
.footer_expand_group {display:none;}
.footer_expand_toggle {position:relative; height:40px; margin:27px 0 0;}
.footer_expand_toggle .btn_expand {position:absolute; left:50%; top:50%; margin:-20px 0 0 -25px; overflow:hidden; width:50px; height:40px; background:url(/pconts/images/common/footer/arw_footer_expand.png) no-repeat center center / 25px 14px; text-indent:-9999px; transform:rotate(-180deg);}
.footer_expand_toggle .btn_expand.is_expanded {transform:rotate(0);}
/* Event TopBanner */
.event_subTop {transition:height 0.3s 0.3s ease;}
.main #container {padding-top:130px; transition:padding 0.3s 0.3s ease;}
.main_index #container {transition:none;}
.has_eventTopBnr .main #container {padding-top:190px;}
.has_eventTopBnr .main.main_index #container {padding-top:0;}

/* ==========================================================================
   FULL MENU
========================================================================== */
/* Fullmenu 레이아웃 */
.fullMenu_wrap {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;-webkit-box-align:center; -ms-flex-align:center; align-items:center;background:rgba(0,0,0,0.7);}
.fullMenu_wrap.is-opened {display:-webkit-flex; display:-ms-flexbox; display:flex;}
.fullMenu {position:relative;width:1080px;max-width:1080px;height:768px;max-height:80%;background-color:#fff;}
.fullMenu .fullMenu_focus {position:absolute;left:0;top:0;width:100%;height:100%;text-indent:-9999px;color:transparent;}
.fullMenu .fullMenu_closer {position:absolute;right:15px;top:15px;width:34px;height:34px;overflow:hidden;z-index:20;}
.fullMenu .fullMenu_closer span {display:block;width:100%;height:100%;background:url('/pconts/images/common/ico_close_pop.png') no-repeat center center;text-indent:-999px;}
/* Fullmenu 헤더 */
.fullMenu_header {display:none;}
/* Fullmenu 탭 */
.fullMenu .global_nav {display:none;}
.fullMenu_nav {display:block;position:relative;z-index:11;}
.fullMenu_nav:after {content:'';display:block;position:absolute;left:0;bottom:0;z-index:11;width:100%;height:1px;z-index:10;background-color:#ddd;}
.fullMenu_nav .tab_list {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;height:70px;}
.fullMenu_nav .tab_list li {display:block;position:relative;z-index:11;height:100%;}
.fullMenu_nav .tab_list li a {display:block;position:relative;height:100%;padding:0 20px;color:#111;line-height:68px;border-bottom:2px solid transparent;font-size:20px;font-weight:700;}
.fullMenu_nav .tab_list li a span {display:block;height:100%;line-height:inherit;font-size:inherit;}
.fullMenu_nav .tab_list li.current a {border-bottom-color:#081350;color:#081350;}
.fullMenu_body {display:block;position:relative;z-index:10;height:calc(100% - 70px);}
.fullMenu_body .tab_content {display:none;position:relative;}
.fullMenu_body .tab_content.current {display:block;}
.fullMenu_body > .tab_content {height:100%;}
/* Fullmenu Scrolling Area */
.quick_nav_wrap,
.allmenu_nav_wrap {height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;}
/* Fullmenu > 자주찾는메뉴 탭 > 레이아웃 */
.quick_nav_wrap {display:block;position:relative;padding:40px 60px;}
.quick_nav_wrap .quick_nav_grid {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.quick_nav_wrap .quick_nav_col {width:50%; padding:0 0 0 35px; margin-top:-25px;}
.quick_nav_wrap .quick_nav_col:first-child {padding:0 35px 0 0;}
.quick_nav_wrap .quick_nav {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;padding:25px 0;-ms-flex-wrap:wrap; flex-wrap:wrap;}
.quick_nav_wrap .quick_nav .tit_wrap {display:block;position:relative;width:100%; margin-bottom:10px;}
.quick_nav_wrap .quick_nav .list_wrap {display:block;position:relative;flex-grow:1;width:100%;}
/* Fullmenu > 자주찾는메뉴 탭 > 메뉴스타일 */
.quick_nav_wrap .quick_nav {border-bottom:1px solid #eeeeee;}
.quick_nav_wrap .quick_nav .tit {display:block;position:relative;top:-4px;font-size:18px;color:#333333;font-weight:700;}
.quick_nav_wrap .quick_nav .list {position:relative;margin:-10px 0 0 -10px;padding:0; display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap;overflow:hidden;}
.quick_nav_wrap .quick_nav .list > li {display:block; float:left; position:relative; margin:10px 0 0 10px;width:calc(25% - 10px); height:100px;}
.quick_nav_wrap .quick_nav .list > li .icon_box {background-size:50px auto !important;}/* 20.02.26 사이즈변경 40>50*/
.quick_nav_wrap .quick_nav .list::after {content:''; display:block; clear:both;}
.quick_nav_wrap .quick_nav .icon_list.type01 > li .icon_box .icon_name {word-break:keep-all; word-wrap:break-word;}
.quick_nav_wrap .quick_nav .icon_list.favorite > li .icon_box .icon_name {padding:61px 0 0;font-size:15px;line-height:1.4;}
/* Fullmenu > 전체메뉴 탭 > 레이아웃 */
.allmenu_nav_wrap .allmenu_inner {display:-webkit-flex; display:-ms-flexbox; display:flex;position:relative;min-height:100%;}
.allmenu_nav_wrap .allmenu_nav {position:relative;z-index:10;width:180px;flex:none;}
.allmenu_nav_wrap .allmenu_body {display:block;position:relative;z-index:10;flex-grow:1;width:100%;flex-shrink:1;}
.allmenu_nav_wrap .allmenu_body .allmenu_cont {display:-webkit-flex; display:-ms-flexbox; display:flex;-ms-flex-wrap:wrap; flex-wrap:wrap; padding:0;}
.allmenu_nav_wrap .allmenu_body .allmenu_title {display:flex; height:56px; margin:0 20px; align-items:center; font-size:18px; font-weight:700; color:#111; border-bottom:1px solid #eeeeee;}
.allmenu_nav_bg {display:block;position:absolute;left:0;top:0;z-index:0;height:100%;width:180px;background-color:#eeeff3;}
/* Fullmenu > 전체메뉴 탭 > 탭메뉴 스타일 */
.allmenu_nav_wrap .allmenu_nav .tab_list {width:100%;}
.allmenu_nav_wrap .allmenu_nav .tab_list li {display:block;position:relative;}
.allmenu_nav_wrap .allmenu_nav .tab_list a {display:block;position:relative;}
.allmenu_nav_wrap .allmenu_nav .tab_list a span {display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center; -ms-flex-align:center; align-items:center;height:56px;padding-left:30px;font-size:16px;font-weight:400;}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon {display:block; position:relative; top:-2px; width:28px;height:28px;margin-right:15px;background:url() no-repeat 0 0;opacity:0.5;transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon1 {background-image:url('/pconts/images/common/ico_fm_all_01.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon2 {background-image:url('/pconts/images/common/ico_fm_all_02.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon3 {background-image:url('/pconts/images/common/ico_fm_all_03.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon4 {background-image:url('/pconts/images/common/ico_fm_all_04.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon5 {background-image:url('/pconts/images/common/ico_fm_all_05.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon6 {background-image:url('/pconts/images/common/ico_fm_all_06.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon7 {background-image:url('/pconts/images/common/ico_fm_all_07.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon8 {background-image:url('/pconts/images/common/ico_fm_all_08.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list a .icon.icon9 {background-image:url('/pconts/images/common/ico_fm_all_09.png')}
.allmenu_nav_wrap .allmenu_nav .tab_list li.current {background-color:#fff;}
.allmenu_nav_wrap .allmenu_nav .tab_list li.current a {color:#333;}
.allmenu_nav_wrap .allmenu_nav .tab_list li.current a span { font-weight:700;}
.allmenu_nav_wrap .allmenu_nav .tab_list a:hover .icon, 
.allmenu_nav_wrap .allmenu_nav .tab_list li.current a .icon {opacity:1;}

/* 전체메뉴 공통 스타일 */
.allmenu_list {width:25%;padding:30px 0px 0px 20px;}
.allmenu_list .tit {margin-bottom:10px;color:#111;font-size:15px;font-weight:700;}
.allmenu_list .tit + .tit {margin-top:20px;margin-bottom:0;}
.allmenu_list .tit a.outlink {display:inline-block;}
.allmenu_list .tit a.outlink::after {content:'';display:inline-block;width:8px; height:8px; margin-left:6px; margin-bottom:0; background:url(/pconts/images/icon/ico_outlink05.png) no-repeat center;}
.allmenu_list .dep1_item + .dep1_item {margin-top:3px;}
.allmenu_list .dep2_list {display:none;padding-top:4px;padding-bottom:3px;line-height:18px;}
.allmenu_list .dep2_list {padding-top:4px;padding-bottom:3px;}
.allmenu_list .dep1_link,
.allmenu_list .dep2_link {font-weight:400;font-size:15px; line-height:24px; color:#111;}
.allmenu_list .dep1_link {display:block !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.allmenu_list .dep1_link:hover,
.allmenu_list .dep1_link:focus {color:#4868e1;}
.allmenu_list .dep2_link:before {content:'-';margin-right:5px;}
.allmenu_list .dep1_item {position:relative;}
.allmenu_list .dep1_item .btn_expand {display:block; padding-right:20px;}
.allmenu_list .dep1_item .btn_expand::after {content:''; position:absolute; right:6px; top:2px; display:inline-block; overflow:hidden; margin-left:2px; width:16px; height:16px; background:url('/pconts/images/common/arw_gnb.png') no-repeat 0 bottom;  vertical-align:middle;}
.allmenu_list .dep1_item .btn_expand.is_expend::after {background-position:0 top;}
.allmenu_list .dep1_link.outlink {display:inline-block;}
.allmenu_list .dep1_link.outlink::after {content:'';display:inline-block;width:8px; height:8px; margin-left:6px; margin-bottom:0; background:url(/pconts/images/icon/ico_outlink05.png) no-repeat center;}

/* Fullmenu > 기타링크 */
.allmenu_nav_wrap .allmenu_etc {position:relative;display:block;width:180px;margin-left:0;z-index:10;}
/*
.allmenu_nav_wrap .allmenu_etc a {display:inline-block;padding-top:85px;padding-right:15px;color:#333;font-size:16px;background:url('/pconts/images/common/ico_fm_all_etc.png') no-repeat 0 0;}
.allmenu_nav_wrap .allmenu_etc a:after {content:'';display:block;position:absolute;right:0;bottom:8px;width:6px;height:11px;background:url('/pconts/images/common/ico_fm_all_etc_arw.png') no-repeat 0 0;background-size:100% auto;}
*/

/* ==========================================================================
   은행선택 공통
========================================================================== */
/* Bank Selected */
.bank_selected {margin-bottom:20px; padding:3px 0 6px 0; border:1px solid #dddddd; background-color:#fff;}
.bank_selected .bank_account {padding-left:10px; padding-right:10px;}
/* .bank_selected .bank_account > input {border:0;} */

/* Bank Lists */
.bank_lists {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.bank_lists li {width:50%; height:40px; position:relative;}
.bank_lists li .bank_radio {display:block; width:100%; height:100%;}
.bank_lists li .bank_radio label {display:block; width:100%; height:100%; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.bank_lists {border-top:1px solid #dddddd;border-left:1px solid #dddddd;}

/* Bank Radio */
.bank_radio {color:#111;}
.bank_radio input {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; padding:0; margin:0; opacity:0;}
.bank_radio input + label {position:relative; z-index:2; display:-webkit-flex; display:-ms-flexbox; display:flex; width:100%; height:100%; background-color:#fff;}
.bank_radio input:checked:focus + label {box-shadow:0 0 0 2px rgba(72,104,225,0.5); z-index:3;}
.bank_radio input:checked + label:after {content:''; display:block; position:absolute; left:0; right:-1px; bottom:-1px; top:0; z-index:1; border:2px solid #4868e1;}
.bank_radio input:checked + label span {position:relative; z-index:2; display:block;}

/* Bank icon */
[class*=icb_],
[class*=ic-r-bank]{background:url(/pconts/images/bank/bg_icon_bank01.png) no-repeat 10px 50%;background-size:18px;text-align:left !important;height:38px;line-height:38px;padding-left:38px;font-size:15px;}
.icb_088,
.ic-r-bank1{background-image:url(/pconts/images/bank/bg_icon_bank01.png) !important;}
.icb_003,
.ic-r-bank2{background-image:url(/pconts/images/bank/bg_icon_bank02.png) !important;}
.icb_004,
.ic-r-bank3{background-image:url(/pconts/images/bank/bg_icon_bank03.png) !important;}
.icb_023,
.ic-r-bank4{background-image:url(/pconts/images/bank/bg_icon_bank04.png) !important;}
.icb_031,
.ic-r-bank5{background-image:url(/pconts/images/bank/bg_icon_bank05.png) !important;}
.icb_037,
.ic-r-bank6{background-image:url(/pconts/images/bank/bg_icon_bank06.png) !important;}
.icb_032,
.ic-r-bank7{background-image:url(/pconts/images/bank/bg_icon_bank07.png) !important;}
.icb_034,
.ic-r-bank8{background-image:url(/pconts/images/bank/bg_icon_bank08.png) !important;}
.icb_020,
.ic-r-bank9{background-image:url(/pconts/images/bank/bg_icon_bank09.png) !important;}
.icb_035,
.ic-r-bank10{background-image:url(/pconts/images/bank/bg_icon_bank10.png) !important;}
.icb_081,
.ic-r-bank11{background-image:url(/pconts/images/bank/bg_icon_bank11.png) !important;}
.icb_011,
.ic-r-bank12{background-image:url(/pconts/images/bank/bg_icon_bank12.png) !important;}
.icb_039,
.ic-r-bank13{background-image:url(/pconts/images/bank/bg_icon_bank13.png) !important;}
.icb_012,
.ic-r-bank14{background-image:url(/pconts/images/bank/bg_icon_bank14.png) !important;}
.icb_045,
.ic-r-bank15{background-image:url(/pconts/images/bank/bg_icon_bank15.png) !important;}
.icb_007,
.ic-r-bank16{background-image:url(/pconts/images/bank/bg_icon_bank16.png) !important;}
.icb_048,
.ic-r-bank17{background-image:url(/pconts/images/bank/bg_icon_bank17.png) !important;}
.icb_071,
.ic-r-bank18{background-image:url(/pconts/images/bank/bg_icon_bank18.png) !important;}

.ic-r-bank19{background-image:url(/pconts/images/bank/bg_icon_bank19.png) !important;}
.icb_002,
.ic-r-bank20{background-image:url(/pconts/images/bank/bg_icon_bank20.png) !important;}
.icb_005,
.ic-r-bank21{background-image:url(/pconts/images/bank/bg_icon_bank21.png) !important;}
.icb_027,
.ic-r-bank22{background-image:url(/pconts/images/bank/bg_icon_bank22.png) !important;}
.icb_054,
.ic-r-bank23{background-image:url(/pconts/images/bank/bg_icon_bank23.png) !important;}
.icb_021,
.ic-r-bank24{background-image:url(/pconts/images/bank/bg_icon_bank24.png) !important;}
.icb_026,
.ic-r-bank25{background-image:url(/pconts/images/bank/bg_icon_bank25.png) !important;}
.icb_055,
.ic-r-bank26{background-image:url(/pconts/images/bank/bg_icon_bank26.png) !important;}
.icb_089,
.ic-r-bank27{background-image:url(/pconts/images/bank/bg_icon_bank27.png) !important;}
.icb_090,
.ic-r-bank28{background-image:url(/pconts/images/bank/bg_icon_bank28.png) !important;}
.icb_053,
.ic-r-bank29{background-image:url(/pconts/images/bank/bg_icon_bank29.png) !important;}

.icb_064,
.ic-r-bank30{background-image:url(/pconts/images/bank/bg_icon_bank30.png) !important;}
.icb_209,
.ic-r-bank31{background-image:url(/pconts/images/bank/bg_icon_bank31.png) !important;}
.icb_218,
.ic-r-bank32{background-image:url(/pconts/images/bank/bg_icon_bank32.png) !important;}
.icb_230,
.ic-r-bank33{background-image:url(/pconts/images/bank/bg_icon_bank33.png) !important;}
.icb_238,
.ic-r-bank34{background-image:url(/pconts/images/bank/bg_icon_bank34.png) !important;}
.icb_240,
.ic-r-bank35{background-image:url(/pconts/images/bank/bg_icon_bank35.png) !important;}
.icb_243,
.ic-r-bank36{background-image:url(/pconts/images/bank/bg_icon_bank36.png) !important;}
.icb_247,
.ic-r-bank37{background-image:url(/pconts/images/bank/bg_icon_bank37.png) !important;}
.icb_262,
.ic-r-bank38{background-image:url(/pconts/images/bank/bg_icon_bank38.png) !important;}
.icb_263,
.ic-r-bank39{background-image:url(/pconts/images/bank/bg_icon_bank39.png) !important;}
.icb_266,
.ic-r-bank40{background-image:url(/pconts/images/bank/bg_icon_bank40.png) !important;}
.icb_269,
.ic-r-bank41{background-image:url(/pconts/images/bank/bg_icon_bank41.png) !important;}
.icb_270,
.ic-r-bank42{background-image:url(/pconts/images/bank/bg_icon_bank42.png) !important;}
.icb_050,
.ic-r-bank43{background-image:url(/pconts/images/bank/bg_icon_bank43.png) !important;}
.icb_278,
.ic-r-bank44{background-image:url(/pconts/images/bank/bg_icon_bank44.png) !important;}
.icb_287,
.ic-r-bank45{background-image:url(/pconts/images/bank/bg_icon_bank45.png) !important;}
.icb_280,
.ic-r-bank46{background-image:url(/pconts/images/bank/bg_icon_bank46.png) !important;}
.icb_291,
.ic-r-bank47{background-image:url(/pconts/images/bank/bg_icon_bank47.png) !important;}
.icb_261,
.ic-r-bank48{background-image:url(/pconts/images/bank/bg_icon_bank48.png) !important;}
.icb_267,
.ic-r-bank49{background-image:url(/pconts/images/bank/bg_icon_bank49.png) !important;}
.icb_279,
.ic-r-bank50{background-image:url(/pconts/images/bank/bg_icon_bank50.png) !important;}
.icb_290,
.ic-r-bank51{background-image:url(/pconts/images/bank/bg_icon_bank51.png) !important;}
.icb_265,
.ic-r-bank52{background-image:url(/pconts/images/bank/bg_icon_bank52.png) !important;}
.icb_268,
.ic-r-bank53{background-image:url(/pconts/images/bank/bg_icon_bank53.png) !important;}
.icb_292,
.ic-r-bank54{background-image:url(/pconts/images/bank/bg_icon_bank54.png) !important;}
.icb_289,
.ic-r-bank55{background-image:url(/pconts/images/bank/bg_icon_bank55.png) !important;}
.icb_264,
.ic-r-bank56{background-image:url(/pconts/images/bank/bg_icon_bank56.png) !important;}

/* ==========================================================================
   이벤트배너
========================================================================== */
/* 이벤트 배너공통 */
.event_bnr {position:relative; display:block; overflow:hidden;}
.event_bnr .event_inner {height:100%; background-color:rgb(98, 125, 218);}
.event_bnr .event_cont {position:relative; display:block; height:100%; margin:0 auto;}
.event_bnr .event_cont, .event_bnr .event_cont a {color:#fff;}
.event_bnr .event_cont .cont,
.event_bnr .event_cont .link {display:-webkit-flex; display:-ms-flexbox; display:flex; position:relative; height:100%; align-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; z-index:1;}
.event_bnr .event_cont .link {padding:0 70px;}
.event_bnr .event_cont .tit {display:block; width:100%; font-size:24px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.event_bnr .event_cont .txt {display:block; width:100%; font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.event_bnr .event_cont .label {display:inline-flex; flex:none; width:auto; height:28px; margin-top:13px; padding:2px 16px 0 16px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-radius:14px; border:1px solid #fff; color:#fff; font-size:13px; font-weight:700;}
.event_bnr .event_cont .img {display:block; height:100%; position:absolute; top:50%; transform:translateY(-50%); overflow:hidden;}
.event_bnr .event_cont .img img {width:100%; height:100%;}
.event_bnr .event_cont .arw::after {content:''; display:inline-block; width:9px;height:9px;margin-left:6px;border-width:1px 1px 0 0;border-color:#fff;border-style:solid;transform:rotate(45deg);}
.event_bnr .event_close {position:absolute; right:0; top:0; overflow:hidden; z-index:2; width:50px; height:50px; background:url('/pconts/images/common/event_close.png') no-repeat center center; text-indent:-999px;}
.event_bnr.img_right .event_cont .img {right:0;}
.event_bnr.img_left .event_cont {text-align:right;}
.event_bnr.img_left .event_cont .img {left:0;}
.event_bnr.img_left .event_cont .label {margin-left:auto;}
.event_bnr .swiper-container,
.event_bnr .swiper-wrapper,
.event_bnr .swiper-slide {height:100%;}
.event_bnr .swiper-button-prev,
.event_bnr .swiper-button-next {position:absolute;top:50%;display:block;overflow:hidden;width:30px;height:30px;margin-top:-15px;z-index:10;overflow:hidden;background-image:none;}
.event_bnr .swiper-button-prev::before,
.event_bnr .swiper-button-next::before {content:'';position:absolute;top:7px;left:3px;width:15px;height:15px;border-top:1px solid #fff; border-right:1px solid #fff;}
.event_bnr .swiper-button-prev {left:12px;}
.event_bnr .swiper-button-next {right:12px;}
.event_bnr .swiper-button-prev::before {left:8px;transform:rotate(-135deg); left:11px;}
.event_bnr .swiper-button-next::before {transform:rotate(45deg);}
.event_bnr .swiper-button-disabled {opacity:0.5; pointer-events:none;}
.event_bnr .swiper-controls {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.event_bnr .swiper-pagination-fraction {position:relative;width:auto;bottom:0;left:0;font-size:13px;color:#fff;letter-spacing:-1px;}
.event_bnr .swiper-pagination-fraction span {display:inline-block; padding-top:1px; line-height:19px;}
.event_bnr .swiper-button-pause {position:relative;display:block;left:0;top:0; width:20px;height:20px;z-index:10;overflow:hidden;}
.event_bnr .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#fff;border-style:solid;}
.event_bnr .swiper-button-play {position:relative;display:none;left:0;top:0; width:20px;height:20px;z-index:10;overflow:hidden;}
.event_bnr .swiper-button-play::before {content:'';position:absolute;top:5px;left:7px;width:0;height:0;border-width:5px 0 5px 6px; border-color:transparent transparent transparent #fff; border-style:solid;}
.event_bnr.no_swiper .swiper-button-prev,
.event_bnr.no_swiper .swiper-button-next,
.event_bnr.no_swiper .swiper-button-play,
.event_bnr.no_swiper .swiper-button-pause,
.event_bnr.no_swiper .swiper-controls {display:none;}
.event_bnr .event_cont.skin_light, .event_bnr .event_cont.skin_light a {color:#333;}
.event_bnr .event_cont.skin_light .label {border:1px solid #333; color:#333;}
/* .event_bnr.skin_light {border:1px solid #dddddd;} */
.event_bnr.skin_light .event_cont, .event_bnr.skin_light .event_cont a {color:#333;}
.event_bnr.skin_light .event_cont .label {border:1px solid #666; color:#111;}
.event_bnr.skin_light .swiper-controls {color:#333;}
.event_bnr.skin_light .swiper-pagination-fraction {color:#333;}
.event_bnr.skin_light .swiper-button-play::before {border-color:transparent transparent transparent #333;}
.event_bnr.skin_light .swiper-button-prev::before, 
.event_bnr.skin_light .swiper-button-next::before {border-color:#333;}
.event_bnr.skin_light .swiper-button-pause::before {border-color:#333;}

/* IE대응 */
.event_bnr .swiper-container-fade .swiper-slide {opacity:0 !important; visibility:hidden; transition:visibility 0.3s ease;}
.event_bnr .swiper-container-fade .swiper-slide-active {opacity:1 !important; visibility:visible; transition:visibility 0.3s ease;}
.event_bnr.no_swiper .swiper-container-fade .swiper-slide {opacity:1 !important; visibility:visible; transition:visibility 0.3s ease;}

/* 이벤트 메인비주얼영역 */
.event_mainVisual {height:180px; transition:all 0.5s ease;}
.event_mainVisual .ly_inner {width:776px !important; height:100%; position:relative;}
.event_mainVisual .event_cont .img {width:230px; height:230px; transform:none; top:0;}
.event_mainVisual .event_cont .link {padding:0 0 35px 0;}
.event_mainVisual.no_swiper .event_cont .link {padding-bottom:0;}
.event_mainVisual .swiper-controls {position:absolute; bottom:30px; width:100%;}
.event_mainVisual .swiper-controls.is_played .swiper-button-play {display:none;}
.event_mainVisual .swiper-controls.is_played .swiper-button-pause {display:block;}
.event_mainVisual .swiper-controls.is_stoped .swiper-button-play {display:block;}
.event_mainVisual .swiper-controls.is_stoped .swiper-button-pause {display:none;}
.event_mainVisual .swiper-pagination-fraction {margin:0 5px 0 0;}
.event_mainVisual .swiper-button-prev,
.event_mainVisual .swiper-button-next {width:40px; height:40px; background:rgba(0,0,0,0.2);}
.event_mainVisual .swiper-button-prev,
.event_mainVisual .swiper-button-next,
.event_mainVisual .swiper-button-disabled {opacity:0; transition:all 0.25s ease;}
.event_mainVisual.is_focusin .swiper-button-prev,
.event_mainVisual.is_focusin .swiper-button-next  {opacity:1;}
.event_mainVisual.is_focusin .swiper-button-disabled {opacity:0.5;}
.event_mainVisual .swiper-button-prev {left:auto; right:calc(100% + 54px);}
.event_mainVisual .swiper-button-next {right:auto; left:calc(100% + 54px);}
.event_mainVisual .swiper-button-prev::before {left:17px;top:13px;}
.event_mainVisual .swiper-button-next::before {left:10px;top:13px;}
.event_mainVisual.img_right .event_cont .img {right:0;}
.event_mainVisual.img_left .event_cont .img {left:0;}
.event_mainVisual.img_right .event_cont .link {padding-right:250px;}
.event_mainVisual.img_left .event_cont .link {padding-left:250px; text-align:right;}
.event_mainVisual.img_right .swiper-controls {left:0;}
.event_mainVisual.img_left .swiper-controls {right:0; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}

/* 이벤트 서브메인 중앙 */
.event_subVisual {height:150px; border-radius:10px;}
.event_subVisual .event_cont .img {width:230px; height:230px;}
.event_subVisual .event_cont.skin_light {border:1px solid #ddd; border-radius:10px;}
.event_subVisual .swiper-controls {position:absolute; right:50px; top:15px; width:auto;}
.event_subVisual .swiper-controls.is_played .swiper-button-play {display:none;}
.event_subVisual .swiper-controls.is_played .swiper-button-pause {display:block;}
.event_subVisual .swiper-controls.is_stoped .swiper-button-play {display:block;}
.event_subVisual .swiper-controls.is_stoped .swiper-button-pause {display:none;}
.event_subVisual .swiper-pagination-fraction {margin:0 5px 0 0;}
.event_subVisual.img_right .event_cont .img {right:40px;}
.event_subVisual.img_left .event_cont .img {left:40px;}
.event_subVisual.img_right .event_cont .link {padding-right:296px;}
.event_subVisual.img_left .event_cont .link {padding-left:296px; text-align:right;}

/* 이벤트 서브메인 탑 */
.event_subTop {height:0; overflow:hidden; z-index:45; background-color:rgb(98, 125, 218);}
body.has_eventTopBnr .event_subTop {height:60px;}
.event_subTop .event_inner {height:100%; transition:all 0.5s ease;}
.event_subTop .ly_inner {width:1080px; height:100%; position:relative;}
.event_subTop .event_cont {padding:0 280px 0 50px;}
.event_subTop .event_cont .link {padding:0; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.event_subTop .event_cont .link .tit {width:auto;}
.event_subTop .event_cont .link .txt {width:auto; margin-left:20px; padding-right:5px;}
.event_subTop.no_swiper .event_cont .link {padding-bottom:0;}
.event_subTop .swiper-controls {position:absolute; right:210px; top:0; width:auto; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.event_subTop .swiper-controls.is_played .swiper-button-play {display:none;}
.event_subTop .swiper-controls.is_played .swiper-button-pause {display:block;}
.event_subTop .swiper-controls.is_stoped .swiper-button-play {display:block;}
.event_subTop .swiper-controls.is_stoped .swiper-button-pause {display:none;}
.event_subTop .swiper-pagination-fraction {margin:0 5px 0 0;}
.event_subTop .swiper-button-prev {left:-7px;}
.event_subTop .swiper-button-next {right:154px;}
.event_subTop .swiper-button-prev::before,
.event_subTop .swiper-button-next::before {width:12px; height:12px; top:9px;}
.event_subTop .event_close_wrap {display:flex; position:absolute; right:-7px; top:0; z-index:2; width:155px; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; white-space:nowrap;}
.event_subTop .event_close_wrap .event_close {position:relative; width:30px; height:30px; flex:0 0 auto; top:-1px;}
.event_subTop .event_close_wrap .event_close_check {display:flex; flex-grow:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#fff; font-size:13px;}
.event_subTop .event_close_wrap .event_close_check input {width:15px; height:15px; flex:1 0 auto; margin:0 5px 0 0; -webkit-appearance:checkbox;}
.event_subTop.img_right .event_cont .img {right:50px;}
.event_subTop.img_left .event_cont .img {left:50px;}
.event_subTop.img_left .event_cont .link {text-align:right;}

/* 이벤트 상세일반 */
.event_subBanner {height:150px; background-color:rgb(98, 125, 218); transition:all 0.5s ease;}
.event_subBanner .ly_inner {height:100%; position:relative;}
.event_subBanner .event_cont .img {width:230px; height:230px;}
.event_subBanner .event_cont .label {margin-top:16px; margin-bottom:2px;}
.event_subBanner.img_right .event_cont .img {right:50px;}
.event_subBanner.img_left .event_cont .img {left:50px;}
.event_subBanner.img_right .event_cont .link {padding-right:270px;}
.event_subBanner.img_left .event_cont .link {padding-left:270px; text-align:right;}

/* 이벤트 상세스와이프 */
.event_subBanner .swiper-controls {position:absolute; right:50px; top:15px; width:auto;}
.event_subBanner .swiper-controls.is_played .swiper-button-play {display:none;}
.event_subBanner .swiper-controls.is_played .swiper-button-pause {display:block;}
.event_subBanner .swiper-controls.is_stoped .swiper-button-play {display:block;}
.event_subBanner .swiper-controls.is_stoped .swiper-button-pause {display:none;}
.event_subBanner .swiper-pagination-fraction {margin:0 5px 0 0;}
.event_subBanner.img_left .swiper-controls {right:0; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}
.event_subBanner.no_swiper .event_cont .link {padding-bottom:0;}

/* 이벤트 전체보기 왼쪽하단 */
.event_allmenu {position:relative; width:180px; padding:22px; padding-top:0px; background:#eeeff3;}
.event_allmenu .swiper-container,
.event_allmenu .swiper-wrapper,
.event_allmenu .swiper-slide {width:100%; height:100%;}
.event_allmenu .event_cont {height:auto;}
.event_allmenu .event_cont .link {display:block; height:auto; position:relative;}
.event_allmenu .event_cont .img {display:block; text-align:center; width:100%;}
.event_allmenu .event_cont .img img {width:120px; height:120px;}
.event_allmenu .event_cont .tit {display:block; margin-top:8px; font-size:16px; color:#333; overflow:hidden; line-height:23px; height:46px;}
.event_allmenu .event_cont .arw::after {content:''; display:inline-block; width:8px;height:8px;margin-left:2px;border-width:1px 1px 0 0;border-color:#333;border-style:solid;transform:rotate(45deg);}
.event_allmenu .swiper-button-prev,
.event_allmenu .swiper-button-next {position:absolute;top:50%;display:block;overflow:hidden;width:22px;height:44px;margin-top:-50px;z-index:10;overflow:hidden;background-image:none;}
.event_allmenu .swiper-button-prev::before,
.event_allmenu .swiper-button-next::before {content:'';position:absolute;top:50%;left:3px;width:15px;height:15px;margin-top:-8px;border-width:1px 1px 0 0;border-color:#333;border-style:solid;}
.event_allmenu .swiper-button-prev {left:0;}
.event_allmenu .swiper-button-prev::before {left:8px;transform:rotate(-135deg); left:7px;}
.event_allmenu .swiper-button-next {right:0;}
.event_allmenu .swiper-button-next::before {transform:rotate(45deg); left:-1px;}
.event_allmenu .swiper-button-next.swiper-button-disabled {opacity:0.5; pointer-events:none;}
.event_allmenu .swiper-controls {display:-webkit-flex; display:-ms-flexbox; display:flex; position:absolute; left:0; bottom:8px; width:100%; padding:0 22px; -webkit-box-pack:start; -ms-flex-pack:end; justify-content:flex-end;}
.event_allmenu .swiper-pagination-fraction {position:relative;width:28px;bottom:0;left:0;font-size:13px;color:#111;letter-spacing:-1px;}
.event_allmenu .swiper-pagination-fraction span {display:inline-block; padding-top:1px; line-height:19px;}
.event_allmenu .swiper-button-pause {position:relative;display:block;left:0;top:0; width:20px;height:20px;z-index:10;overflow:hidden;}
.event_allmenu .swiper-button-pause::before {content:'';position:absolute;top:5px;left:7px;width:6px;height:10px;border-width:0 2px 0 2px;border-color:#111;border-style:solid;}
.event_allmenu.no_swiper .swiper-button-prev,
.event_allmenu.no_swiper .swiper-button-next,
.event_allmenu.no_swiper .swiper-button-play,
.event_allmenu.no_swiper .swiper-button-pause,
.event_allmenu.no_swiper .swiper-controls {display:none;}

/* 이벤트 상세 */
.event_view {height:150px;}
.event_view .event_cont .img {width:230px; height:230px;}
.event_view .event_cont .cont,
.event_view .event_cont .link {padding:0 16px;}
.event_view .event_cont .tit {font-size:38px;}
.event_view .event_cont .txt {font-size:20px;}
.event_view.img_right .event_cont .img {right:16px;}
.event_view.img_left .event_cont .img {left:16px;}
.event_view.img_right .event_cont .cont,
.event_view.img_right .event_cont .link {padding-right:248px;}
.event_view.img_left .event_cont .cont,
.event_view.img_left .event_cont .link {padding-left:248px; text-align:right;}
.event_view.img_only {height:auto;}
.event_view.img_only img {width:100%;}

/* 금액 인터렉션 */
.js_animate_won {display:inline-flex; overflow:hidden;}
.js_animate_won .txt.num { transition:all 0.3s ease;}
.js_animate_won .txt {display:block; position:relative; height:1000%;}
.js_animate_won .txt .n {display:block; height:10%; font-style:normal;}
.js_animate_won .txt .n::before {content:attr(data-num);}

/* ==========================================================================
   Gnb Sub Layout
========================================================================== */
/* Interaction */
.gnbSub_wrap,
.gnbSub_wrap .gnbSub_inner,
.gnbSub_wrap .gnbSub_dimmer {display:none;}
.gnbSub_wrap.is_visible,
.gnbSub_wrap.is_visible .gnbSub_inner {display:block;}
.gnbSub_wrap .close_wrap {position:absolute; right:0px; bottom:15px; z-index:10;}
.gnbSub_wrap .close_wrap .gnbSub_close {color:#111;}
.gnbSub_wrap, .gnbSub_wrap .gnbSub_inner {transition:all 0.3s ease;}
.gnbSub_wrap .gnbSub_inner {position:relative; z-index:49; height:0; background-color:#fff;}
.gnbSub_wrap .gnbSub_dimmer {position:fixed; left:0; top:0; width:100%; height:100%; z-index:40; background-color:rgba(0,0,0,0.8);}
#header .gnb_wrap .nav_area .allmenu_group {display:none;}
#header .gnb_wrap .nav_area .allmenu_group.is_visible {display:block;}
#header .gnb_wrap .nav_area .allmenu_group {transition:all 1s ease;}
#header .gnb_wrap .nav_area .allmenu_group.is_preved {transform:translateX(-500px);}
#header .gnb_wrap .nav_area .allmenu_group.is_nexted {transform:translateX(500px);}
#header .gnb_wrap .nav_area .allmenu_group.is_active {transform:translateX(0); opacity:1; z-index:20;}
.has_eventTopBnr #header .gnb_wrap .nav_area .allmenu_group {top:170px;}

/* Styles */
#header .gnb_wrap .nav_area .allmenu_group {position:fixed; z-index:10; left:0; top:108px; width:100%; height:0; opacity:0; overflow:hidden; transform:translateX(0); transition:all 0.25s ease;}
#header .gnb_wrap .nav_area .allmenu_group:before {content:''; display:block; clear:both;}
#header .gnb_wrap .nav_area .allmenu_scroll {overflow:auto; margin-top:30px; padding:0; max-height:588px; box-sizing:content-box; border-top:1px solid #e4e4e4;-webkit-overflow-scrolling:touch;}
#header .gnb_wrap .nav_area .allmenu_cont {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:1080px; position:relative; margin:auto;}
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list {position:relative; padding-right:14px; border-left:1px solid #eee; padding:0 20px; margin:36px 0;}
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list .dep1_item .btn_expand::after {right:-3px;}
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(1),
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(2),
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(3),
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(4) {padding-top:0;}
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(1),
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(5),
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(9),
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(13) {border-left:0;}
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(5)::before,
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(9)::before,
#header .gnb_wrap .nav_area .allmenu_cont .allmenu_list:nth-child(13)::before {content:''; display:block; position:absolute; left:0; top:-37px; width:1080px; height:1px; background-color:#eee;}
@media only screen and (min-width:1101px) {
	#header .gnb_wrap .nav_area.swiper-container-free-mode>.swiper-wrapper {-webkit-transform:none !important; transform:none !important;}
}

/* ==========================================================================
   Search Layout
========================================================================== */
/* Display */
.quickSrch_wrap,
.quickSrch_wrap .quickSrch_inner,
.quickSrch_wrap .quickSrch_dimmer {display:none;}
.quickSrch_wrap.is_visible,
.quickSrch_wrap.is_visible .quickSrch_inner,
.quickSrch_wrap.is_visible .quickSrch_dimmer {display:block;}
.quickSrch_wrap .close_wrap {position:absolute; right:0px; bottom:15px; z-index:10;}
.quickSrch_wrap .close_wrap .quickSrch_close {color:#111;}

/* Transition */
.quickSrch_wrap:not(.is_acOnly) .quickSrch_inner, .quickSrch_dimmer {transition:all 0.3s ease;}
.quickSrch_wrap:not(.is_acOnly) .quickSrch_inner {transform:translate(0, -100%);}
.quickSrch_wrap:not(.is_acOnly) .quickSrch_inner.is_active {transform:translate(0, 0);}
.quickSrch_dimmer {opacity:0; transition-property:opacity;}
.quickSrch_dimmer.is_active {opacity:0.8;}
/*.quickSrch_wrap.page_search .quickSrch_dimmer.is_active {display:none;}*/

/* Styles */
.quickSrch_wrap .quickSrch_inner {background-color:#fff;}
.quickSrch_wrap .quickSrch_inner::before {content:''; display:block; position:absolute; height:100%; width:102vw; left:50%; margin-left:-50vw; top:0; bottom:0; background-color:#fff;}
.autoComplete_wrap {position:relative; background-color:#fff; z-index:20;}
.quickSrch_inner {position:absolute; left:0; top:100%; width:100%; z-index:41;}
.quickSrch_dimmer {position:fixed; left:0; top:0; width:100%; height:100%; z-index:40; background-color:#000;}
.quickSrch {position:relative; background:#fff; width:600px; margin:auto;}
.quickSrch_wrap:not(.is_acOnly) .quickSrch {width:600px; margin:auto; min-height:120px;}
.main_index .quickSrch_inner {z-index:61;}
.main_index .quickSrch_dimmer {z-index:60;}

/* 메인, 통합검색 자동완성 전용 */
.quickSrch_wrap.is_acOnly .quickSrch_inner {z-index:161;}
.quickSrch_wrap.is_acOnly .srch_input_wrap {display:none;}
.quickSrch_wrap.is_acOnly .autoComplete_wrap .ac_option {padding:0 20px;}
.quickSrch_wrap.is_acOnly .close_wrap {display:none;}

/* ==========================================================================
   Search Components
========================================================================== */
/* 통합검색 */
.totalSrch_wrap .totalSrch_header {max-width:600px; margin:auto;}
.srch_keyword {color:#e148df; font-weight:700;}

/* 검색입력 */
.srch_input_wrap {position:relative; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:72px; padding-left:0px; border-bottom:2px solid #111;}
.srch_input_wrap form {height:100%;}
.srch_input_wrap .label_srch {display:block; position:absolute; left:-4px; top:50%; margin-top:-14px; line-height:24px; color:#333333; font-size:24px; font-weight:700;}
.srch_input_wrap .ico_srch {display:block; overflow:hidden; width:30px; height:30px; background:url('/pconts/images/common/ico_search.png') no-repeat center center / 24px 24px; text-indent:-999px;}
.srch_input_wrap input {height:70px; border:0; flex-shrink:0; width:100%; padding:0 20px 0 34px; color:#333; font-size:20px; font-weight:700; text-align:left; -moz-appearance:none; -webkit-appearance:none;}
/* .srch_input_wrap input[type="search"],
.srch_input_wrap input[type="text"] {-moz-appearance:textfield; -webkit-appearance:textfield;} */
.srch_input_wrap input:focus {padding-left:32px;}
.srch_input_wrap input::placeholder{font-size:20px; font-weight:300; line-height:70px;}
.srch_input_wrap input::-webkit-input-placeholder{font-size:20px; font-weight:300; line-height:70px;}
.srch_input_wrap input::-moz-placeholder{font-size:20px; font-weight:300; padding-left:34px; line-height:70px;}
.srch_input_wrap input:-moz-placeholder{font-size:20px; font-weight:300; padding-left:34px; line-height:70px;}
.srch_input_wrap input::-ms-input-placeholde{font-size:20px; font-weight:300; padding-left:34px; line-height:70px;}
.srch_input_wrap input:-ms-input-placeholder{font-size:20px; font-weight:300; padding-left:34px; line-height:70px;}

.srch_input_wrap .btn_back {position:absolute; left:-4px; top:50%; margin-top:-15px; overflow:hidden;width:30px; height:30px; background:url('/pconts/images/icon/ico_srch_back.png') no-repeat center center; text-indent:-999px;}
.srch_input_wrap .btn_clear {position:absolute; right:0; top:50%;}
.srch_input_wrap .label_srch {display:block;}
.srch_input_wrap .btn_back {display:none;}
/* 백버튼요구사항 삭제
.srch_input_wrap.is_valued .label_srch {display:none;}
.srch_input_wrap.is_valued .btn_back {display:block;}
*/

/* 검색결과없음 */
.srch_noData {padding-bottom:50px;}
.srch_noData .srch_keyword {color:#111; font-weight:400;}

/* 검색태그 */
.srch_tags_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; height:40px; overflow:hidden; margin:-5px; margin-top:15px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.srch_tags_wrap .hashtag {height:30px; margin:5px; padding:0 12px; border:1px solid #eeeeee; color:#4868e1; font-size:15px; font-weight:400; background-color:#fff;}
.srch_tags_wrap .hashtag.round {border-radius:15px;}
.totalSrch_header.is_opened .srch_tags_wrap {height:auto;}

/* 검색결과건수 */
.srch_count_wrap {padding-top:46px; padding-bottom:44px; text-align:center; border-bottom:1px solid #eeeeee;}
.srch_count_wrap p {font-size:24px; line-height:52px; color:#333;}
.srch_count_wrap em {font-weight:700; color:#333;}

/* 로그인정보 */
.logInfo_wrap {padding:42px 80px 45px 80px; text-align:center;}
.logInfo_wrap .msg_wrap {line-height:26px; color:#111; font-size:20px; text-align:center;}
.logInfo_wrap .msg_wrap em {font-weight:700; color:#333;}
.logInfo_wrap .btn_wrap {margin-top:30px; text-align:center;}
.logInfo_wrap .mylimit_info .parts dt {text-align:left;}
.logInfo_wrap .mylimit_info .head_deck dl {display:-webkit-flex; display:-ms-flexbox; display:flex; margin-top:20px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-bottom:7px;}
.logInfo_wrap .mylimit_info .head_deck dl dt {font-size:18px; color:#333; font-weight:700;}
.logInfo_wrap .mylimit_info .head_deck dl dd {font-size:18px; color:#4868e1; font-weight:700;}

/* 통합검색_공통 */
.totalSrch_sec {padding:55px 0 0px;}
.totalSrch_sec .title_wrap {display:block; margin-bottom:20px;}
.totalSrch_sec .cont_wrap {display:block;}
.totalSrch_sec .h_title {display:block; line-height:30px; font-size:24px; font-weight:700; color:#333;}
.totalSrch_sec .s_title {display:block; margin-bottom:15px; line-height:1; font-size:20px; font-weight:700; color:#333;}
body.os_ios .totalSrch_sec .s_title {word-break:break-all}
.totalSrch_sec .marker_wrap {margin-bottom:-5px;}
.totalSrch_sec .more_area {margin-top:7px; text-align:right; line-height:1;}
.totalSrch_sec .more_area .btn_more {position:relative; overflow:hidden; padding:2px 16px 2px 0;; color:#333; font-size:15px;}
.totalSrch_sec .more_area .btn_more::after {content:''; position:absolute; right:2px; top:50%; width:8px; height:8px; margin-top:-4px; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg);}
.totalSrch_sec .more_area .srch_count {color:#4868e1; font-size:15px;}
.totalSrch_sec .more_page {margin-top:38px;}

/* 통합검색 상세페이지 */
.totalSrch_sec.result {margin-top:80px; padding:0;}
.totalSrch_sec.result .title_wrap {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-bottom:18px; border-bottom:1px solid #eeeeee;}
.totalSrch_sec.result .title_wrap .select_wrap {width:160px;}

/* 통합검색 결과없음 */
.srch_nodata {margin:60px 0; padding:140px 50px 0; background:url(/pconts/images/icon/ico_nodata_srch.png) no-repeat center top; text-align:center;}
.srch_nodata p {color:#111; font-size:15px; font-weight:300; line-height:1;}
.srch_nodata p .srch_keyword {font-weight:700; color:#111;}

/* 통합검색_컨텐츠 */
.totalSrch_sec.type_quick.expend_wrap {padding:37px 0 40px;}
.totalSrch_sec.type_quick .s_title {margin-top:28px;}
.totalSrch_sec.type_quick .s_text {margin-top:30px; color:#333;}
.totalSrch_sec.type_quick .s_title + .s_text {margin-top:10px;}
.totalSrch_sec.type_quick .s_text + .s_text {margin-top:0px;}
.totalSrch_sec.type_quick .s_text + .btn_area {margin-top:11px;}
.totalSrch_sec.type_quick .cont_wrap + .title_wrap {margin-top:50px;}
.totalSrch_sec.type_menu .breadcrumb_list {margin:-5px 0;}
.totalSrch_sec.type_menu .breadcrumb_list p {line-height:25px;}
.totalSrch_sec.type_menu .breadcrumb_list p + p {margin-top:8px;}
.totalSrch_sec.type_menu.result .breadcrumb_list p + p {margin-top:19px;}
.totalSrch_sec.type_card {display:block;}
.totalSrch_sec.type_card .s_title {margin-bottom:8px;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap {margin:-20px 0; border-bottom:0;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li {padding:20px 0; border-bottom:0;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li::after {content:''; display:block; clear:both;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap.more a,
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap.vertical.more a {padding-bottom:0; background-image:none;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li {color:#9a9a9a; font-weight:400;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li > span {color:#333;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap ul li + li {padding-top:8px;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap {margin-bottom:19px;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .benefit_wrap > ul {margin-top:-3px; margin-bottom:-5px;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_name_wrap {width:630px;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap {margin-bottom:0;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap img {height:170px;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .card_img_wrap.vertical img {height:auto;}
.totalSrch_sec.type_card .card_list_common .card_list_wrap > li .list_btn_wrap {width:501px;}
.totalSrch_sec.type_card.result .title_wrap {margin-bottom:25px;}
.totalSrch_sec.type_qna {display:block;}
.totalSrch_sec.type_qna .title_wrap {margin-bottom:24px;}
.totalSrch_sec.type_qna .srch_list li + li {margin-top:27px;}
.totalSrch_sec.type_qna .srch_list li {color:#333; font-size:16px; font-weight:300;}
.totalSrch_sec.type_qna .srch_list li .qusetion {display:inline-flex; font-weight:700; color:#4868e1; margin-right:10px;}
.totalSrch_sec.type_qna .srch_list li a {position:relative; display:inline-block; padding-right:12px;}
.totalSrch_sec.type_qna .srch_list li a::after {content:''; position:absolute; right:0; top:50%; width:8px; height:8px; margin-top:-5px; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg);}
.totalSrch_sec.type_event {display:block;}
.totalSrch_sec.type_event .title_wrap {margin-bottom:15px;}
.totalSrch_sec.type_notice {display:block;}
.totalSrch_sec.type_notice .title_wrap {margin-bottom:24px;}
.totalSrch_sec.type_notice .noti_list li + li {margin-top:27px;}
.totalSrch_sec.type_notice .noti_list li {color:#333; font-size:16px; font-weight:300;}
.totalSrch_sec.type_notice .noti_list li a {display:inline-flex; position:relative; padding-right:16px;}
.totalSrch_sec.type_notice .noti_list li a::after {content:''; position:absolute; right:3px; top:50%; width:8px; height:8px; margin-top:-5px; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg);}
.totalSrch_sec.type_notice .noti_list li a .txt {display:inline-block; width:120px; color:#111;}
.totalSrch_sec.type_notice .noti_list li a .tit {display:inline-block; position:relative; padding-right:20px; font-weight:700;}
.totalSrch_sec.type_notice .noti_list li a .badge {margin-left:5px;}
.totalSrch_sec.type_finance .srch_finance_list .item,
.totalSrch_sec.type_info .srch_info_list .item {margin-top:30px;}
.totalSrch_sec.type_finance .srch_finance_list .item:first-child,
.totalSrch_sec.type_info .srch_info_list .item:first-child {margin-top:0;}
.totalSrch_sec.type_etc {display:block; padding-bottom:0;}
.totalSrch_sec.type_etc .title_wrap {margin-bottom:26px;}
.totalSrch_sec.type_etc .define_items .item {position:relative; padding-right:16px; margin-top:28px;}
.totalSrch_sec.type_etc .define_items .item a {display:block;}
.totalSrch_sec.type_etc .define_items .item:first-child {margin-top:0;}
.totalSrch_sec.type_etc .define_items .item::after {content:''; position:absolute; right:3px; top:50%; width:8px; height:8px; margin-top:-5px; border:1px solid #333; border-width:1px 1px 0 0; transform:rotate(45deg);}
.totalSrch_sec.type_etc .define_items .tit {margin-bottom:4px; font-weight:700; color:#333; font-size:16px;}
.totalSrch_sec.type_etc .define_items .txt {font-size:15px; line-height:27px;}

.totalSrch_sec .cont_wrap P.marker_dot.Mid::before, 
.totalSrch_sec .cont_wrap .marker_dot.Mid > li::before {top:8px;}

/* 신한앱카드 */
.shCardApp_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.shCardApp_list a {display:block;}
.shCardApp_list .app_item {padding:30px 30px 0 30px; width:230px; height:200px; background-color:#fff;}
.shCardApp_list .app_item dt {text-align:center;}
.shCardApp_list .app_item dt i {display:block; width:80px; height:80px; margin:auto; background:no-repeat center center / 100% 100%;}
.shCardApp_list .app_item dt .tit {display:block; margin-top:18px; text-align:center; font-size:16px; color:#111; font-weight:700;}
.shCardApp_list .app_item dd {text-align:center; font-size:13px; color:#111;}
.shCardApp_list .app_item dt i.ico_shPayfan {background-image:url('/pconts/images/icon/ico_app_shPayfan.png');}
.shCardApp_list .app_item dt i.ico_shCard {background-image:url('/pconts/images/icon/ico_app_shCard.png');}
.shCardApp_list .app_item dt i.ico_shAllthat {background-image:url('/pconts/images/icon/ico_app_shAllthat.png');}
.shCardApp_list .app_item dt i.ico_shPremium {background-image:url('/pconts/images/icon/ico_app_shPremium.png');}

/* 자동완성 */
.autoComplete_wrap {display:none; text-align:left;}
.autoComplete_wrap.is_visible {display:block;}
.autoComplete_wrap .ac_menu {padding:3px 20px 0;}
.autoComplete_wrap .ac_title {padding-top:10px; color:#111; font-size:13px;}
.autoComplete_wrap .ac_list {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:12px 0;}
.autoComplete_wrap .ac_item {display:-webkit-flex; display:-ms-flexbox; display:flex; width:50%; padding:8px 10px 8px 0; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.autoComplete_wrap .ac_btn_keyword {position:relative; width:auto; padding-top:2px; padding-left:20px; padding-right:5px; text-align:left; line-height:18px; font-size:15px; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.autoComplete_wrap .ac_btn_keyword::before {content:''; display:block; position:absolute; left:0; top:50%;}
.autoComplete_wrap .ac_btn_keyword.latest::before {width:15px; height:15px; margin-top:-8px; background:url('/pconts/images/icon/ico_latest.png') no-repeat center center;}
.autoComplete_wrap .ac_btn_keyword.srch::before {width:13px; height:13px; margin-top:-7px; background:url('/pconts/images/icon/ico_srch.png') no-repeat center center;}
.autoComplete_wrap .ac_btn_remove {position:relative; width:16px; height:16px; text-indent:-9999px; overflow:hidden;flex:none;}
.autoComplete_wrap .ac_btn_remove::before {content:''; position:absolute; left:0; top:0; display:inline-block; width:100%; height:100%; text-indent:0; background:url('/pconts/images/icon/ico_remove_keyword.png') no-repeat center center;}
.autoComplete_wrap .ac_btn_srch {position:relative; width:16px; height:16px; top:1px; text-indent:-9999px; overflow:hidden;}
.autoComplete_wrap .ac_btn_srch::before {content:''; position:absolute; left:0; top:0; display:inline-block; width:100%; height:100%; text-indent:0; background:url('/pconts/images/icon/ico_srch_go.png') no-repeat center center / 8px 8px;}
.autoComplete_wrap .ac_option {display:-webkit-flex; display:-ms-flexbox; display:flex; height:50px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-top:1px solid #eeeeee;}
.autoComplete_wrap .ac_option .ac_btn_text {padding:5px; color:#111; font-size:13px;}
.autoComplete_wrap .ac_option .ac_btn_text + .ac_btn_text {margin-left:5px;}
.autoComplete_wrap .ac_option .ac_option_left,
.autoComplete_wrap .ac_option .ac_option_right {display:-webkit-flex; display:-ms-flexbox; display:flex; margin:0 -5px; margin-left:auto;}
.autoComplete_wrap .ac_option .ac_option_left {margin-left:-5px;}
.autoComplete_wrap .ac_nodata {padding:38px 0; text-align:center;}
.autoComplete_wrap .ac_nodata p + p {margin-top:13px;}

/* 자동완성 퀵결과 */
.autoComplete_wrap .ac_quick_wrap {padding:10px 0; border-top:1px solid #eeeeee;}
.autoComplete_wrap .ac_quick_wrap .ac_quick_group {display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 -18px;} 
.autoComplete_wrap .ac_quick_wrap .ac_quick_list {width:50%; padding:10px 18px;}
.autoComplete_wrap .ac_quick_wrap .ac_quick_list li {position:relative; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:30px; background:no-repeat left center / 20px auto;}
.autoComplete_wrap .ac_quick_wrap .type_event li {background-image:url('/pconts/images/icon/ico_srch_item01.png');}
.autoComplete_wrap .ac_quick_wrap .type_card li {background-image:url('/pconts/images/icon/ico_srch_item02.png');}
.autoComplete_wrap .ac_quick_wrap .type_qna li {background-image:url('/pconts/images/icon/ico_srch_item03.png');}

/* 보안 프로그램 이용안내 */
.install_type {width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.install_type > li {float:left;display:inline-block;width:50%;padding:56px 30px;text-align:center;}
.install_type > li:first-child {border-right:1px solid #eee;}
.install_type .icon_box {width:100%;padding:74px 0 0;}
.install_type .icon_box.icon64,
.install_type .icon_box.icon65 {background-position:top;background-size:50px auto;}
.install_type .icon_box strong {display:block;margin-bottom:10px;font-weight:700;font-size:20px;color:#333;}


/* 2022.08.17 404에러 페이지에 스포카 폰트 적용 */
@font-face{
	font-family: 'SpoqaHanSansNeo';
	src: local('SpoqaHanSansNeo1'),
	    url('/pconts/fonts/shcard/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Thin.woff') format('woff'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Thin.woff') format('truetype'),
        url('/pconts/fonts/SpoqaHanSansNeo-Thin.eot') format('embeded-opentype');
	font-weight: 100;
	font-style: normal;
	font-display:swap;
}
@font-face{
	font-family: 'SpoqaHanSansNeo';
	src: local('SpoqaHanSansNeo'),
	    url('/pconts/fonts/shcard/SpoqaHanSansNeo-Light.woff2') format('woff2'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Light.woff') format('truetype'),
        url('/pconts/fonts/SpoqaHanSansNeo-Light.eot') format('embeded-opentype');
	font-weight: 200;
	font-style: normal;
	font-display:swap;
}
@font-face{
	font-family: 'SpoqaHanSansNeo';
	src: local('SpoqaHanSansNeo2'),
        url('/pconts/fonts/shcard/SpoqaHanSansNeo-Regular.woff2') format('woff2'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Regular.woff') format('truetype'),
        url('/pconts/fonts/SpoqaHanSansNeo-Regular.eot') format('embeded-opentype');
	font-weight: 400;
	font-style: normal;
	font-display:swap;
}
@font-face{
	font-family: 'SpoqaHanSansNeo';
	src: local('SpoqaHanSansNeo'),
        url('/pconts/fonts/shcard/SpoqaHanSansNeo-Medium.woff2') format('woff2'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Medium.woff') format('truetype'),
        url('/pconts/fonts/SpoqaHanSansNeo-Medium.eot') format('embeded-opentype');
	font-weight: 700;
	font-style: normal;
	font-display:swap;
}
@font-face{
	font-family: 'SpoqaHanSansNeo';
	src: local('SpoqaHanSansNeo'),
        url('/pconts/fonts/shcard/SpoqaHanSansNeo-Bold.woff2') format('woff2'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
	    url('/pconts/fonts/SpoqaHanSansNeo-Bold.woff') format('truetype'),
        url('/pconts/fonts/SpoqaHanSansNeo-Bold.eot') format('embeded-opentype');
	font-weight: 900;
	font-style: normal;
	font-display:swap;
}

body{font-family:'SpoqaHanSansNeo','sans-serif' !important;}
.btn.blue {background:#476eff;}