@charset "utf-8";

@font-face {
    font-family: 'Noto Sans';
    font-weight: 700;
    src: local('Noto Sans Bold'),
    url('../font/notokr-bold.woff2') format('woff2'),
    url('../font/notokr-bold.woff') format('woff'),
    url('../font/notokr-bold.ttf') format('truetype');
}


@font-face {
    font-family: 'Noto Sans';
    font-weight: 500;
    src: local('Noto Sans Medium'),
    url('../font/notokr-medium.woff2') format('woff2'),
    url('../font/notokr-medium.woff') format('woff'),
    url('../font/notokr-medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    font-weight: 400;
    src: local('Noto Sans Regular'),
    url('../font/notokr-regular.woff2') format('woff2'),
    url('../font/notokr-regular.woff') format('woff'),
    url('../font/notokr-regular.ttf') format('truetype');
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, input, textarea, select, button, optgroup {margin:0; padding:0; box-sizing:border-box; font-family:'Noto Sans', "Malgun Gothic", "돋움", Dotum, Arial, Verdana, Helvetica, sans-serif;}
body{ overscroll-behavior-y : none; font-family:'Noto Sans', "Malgun Gothic", "돋움", Dotum, Arial, Verdana, Helvetica, sans-serif;color:#111; font-size:15px; line-height:1.6;word-break:normal;text-size-adjust:none; user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important; font-weight:400;letter-spacing: -1px;}
ul li, ol li {list-style:none;}
a {color:#35373a; text-decoration:none;-webkit-tap-highlight-color: transparent;}
img {width:100%;}
table {width:100%;border-collapse:collapse;border-spacing:0}
caption {position:absolute; top:-9999px; left:-9999px; text-indent:-9999px; font-size:0;}
button {background:#fff;border:none;cursor:pointer;}
button {border:none; cursor:pointer;-webkit-tap-highlight-color: transparent;}
button:disabled { opacity:0.3; }
em {font-style: normal;}

html.ios input:disabled,
html.ios select:disabled,
html.ios textarea:disabled{opacity:1;-webkit-text-fill-color:inherit;}
html.ios .form_item.type_date .input .i_txt {display:block; font-size:14px;}
.offscreen {position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);font-size:3px;line-height:0.5;}
.lock, .lock body {height: 100%; overflow: hidden;} /* 2022-08-01 : 레이어 팝업 오픈 화면 최상단으로 올라가는것 수정  -- 2022-08-24 height 살림*/
.lock2, .lock2 body {height: auto;overflow: hidden;}
select,
input[type=text],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
input[type=date],
input[type=time]{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; max-width:100% !important;}
input::placeholder {color:#bdbdbe; font-size:15px; font-weight:400;}
/* input[type="radio"],
input[type="checkbox"]{position:absolute;width:1px;height:1px;margin:-1px;border:0;overflow:hidden;padding:0;clip:rect(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius:0;} */
select,
.btn_select{position:relative; width:100%; max-width:100% !important;height:40px; padding:0 14px; border:1px solid #d4d5d8; vertical-align:middle;background-size:23px auto;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:border 0.3s;transition:border 0.3s; outline:0; background:url(../../../image/gap/GP/images/ico_select_arrow_off.png) no-repeat right 14px center; background-size:14px auto; z-index:50; -webkit-appearance:none; -moz-apperance:none; appearance:none; font-size:14px;color: #000;} /* 2022-08-22 */
.btn_select.t2 {border-top-left-radius:3px; border-bottom-left-radius:3px; border-top-right-radius:0; border-bottom-right-radius:0; font-size:14px;}
.btn_select.t2 {background:url(../../../image/gap/GP/images/btn_select01.png) no-repeat right 14px center; background-size:16px 9px; z-index:50;}
select:focus, .btn_select:focus {border-color:#150f96; outline: none;}
select.on {background:url(../../../image/gap/GP/images/ico_select_arrow_on.png) no-repeat right 14px center; background-size:10px 6px;}

.w100 {width:100% !important;}
.tc1{color:#150f96 !important}
.tc2{color:#f08801 !important}
.tc-errror { color:#FF6600!important}
.mt0  {margin-top:0 !important;}
.mt10  {margin-top:10px !important;}
.mt15  {margin-top:15px !important;}
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt38  {margin-top:38px;}
.mgb0 {margin-bottom:0 !important;}
.mgb10 {margin-bottom:10 !important;}
.mgl5 {margin-left:5px !important;}
.mgl18 {margin-left:18px !important;}
.pdt0 { padding-top:0 !important; }
.pdt5 {padding-top:5px;}
.pdt40 {padding-top:40px !important;}
.pdr0 {padding-right: 0 !important;}
.pdr10 {padding-right:10px !important;}
.pdb0 {padding-bottom:0 !important;}
.pdb10 {padding-bottom:10px !important;}
.pdl0 {padding-left: 0 !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.wid90 {width:90px !important;}
.wide {margin:0 -18px;}
.float_r {float:right;}
.tar, .txtR {text-align:right !important;}
.tac {text-align:center;}
.bc1 {background-color:#150f96 !important;}
.bc2 {background-color:#808285 !important;}
.btn {display:inline-block; width:100%; height:56px; line-height:56px; color:#fff; border-radius:5px; font-size:16px; text-align:center; background:#150f96;}
.btn:disabled { opacity:1; background:#d8d8d9; color:#fff;}
.fixed_bottom_button>ul>li>.btn.disabled,
#wrapper .btn.color:disabled,
.dialog .btn.color:disabled {background-color: #ebf3ff !important;color: #afafaf !important;}
.fixed_bottom_button > ul > li > a.btn.disabled {pointer-events: none;}
.btn.t1 {width: 100%; height: 48px; padding-left: 0; padding-right: 0; line-height: 1; color: #150f96; border: 1px solid #150f96; font-size: 16px; text-align: center; background: #fff; box-sizing: border-box;font-weight:500;}
a.btn.t1{line-height:3;} 
.btn.t1:disabled { opacity:0.3; }
.btn.t2 {position:relative; background:#2d333e; text-align:right; padding:0 46px 0 20px;}
.btn.t2:after {content:''; display:inline-block; position:absolute; top:50%; right:20px; width:8px; height:18px; margin-top:-9px; background:url(../../../image/gap/GP/images/btn_page_next.png) no-repeat right center; background-size:10px 18px;}
.btn.contractor {width:60px; height:36px; line-height:36px;}
.btn1 {display:block; height:30px;line-height: 30px; padding: 0 10px; color: #150f96; border: 1px solid #150f96; font-size: 13px;}
.btn1.bc {color:#fff; background:#150f96; border-color:#fff;}
.mark {display:inline-block; width:52px; color:#fff; border-radius:3px; font-size:13px; text-align:center; background:#9a9b9c;}
.last {padding-bottom:55px;}
.grid li {float:left;}
.grid2 li {float:left; position:relative;}
.grid2 li {margin-left:18px;}
.grid2 li:first-child {margin-left:0;}
.dv.w10 {width:9%;}
.dv.w50 {width:50%;}
.dv.contract_btn {width:100px; padding-left:10px;}
.dv.contract_btn button {color:#fff; background:#150f96;}
.mark1 {height: 25px; line-height: 25px; padding: 0px 8px; color: #fff; border-radius: 3px; font-size: 13px; background: #808285;}
.radio .dv.tal {width:40%;}
.radio>p{margin-top:15px}
.radio>p:first-of-type{margin-top:0}
.grid_box{padding:17px 13px;background-color:#f6f7f8;border:1px solid #c5c6c7;border-radius:3px}

.checkbox, .radio {position:relative;}
.checkbox input, .radio input {position: absolute; left: 0; top: 0; width: 20px; height: 20px; opacity: 0; margin: 0; z-index: 2; clip: auto;}
.checkbox label, .radio label {display:block; position:relative; margin-bottom:0; padding-left:37px; font-size:16px; color:#111; font-weight:500; cursor:pointer; text-align:left; }
.checkbox label:before, .radio label:before {content:'';  position:absolute; top:0; left:0; width: 26px; height: 26px; background:url(../../../image/gap/GP/images/bg_agree_chk_off.png) no-repeat 0 0; background-size:26px auto;}
.checkbox input:checked+label:before, .radio input:checked+label:before {content:''; background:url(../../../image/gap/GP/images/bg_agree_chk_on.png) no-repeat 0 0; background-size:26px auto;}
.checkbox label.trt_name {width:calc(78% - 20px);}
.checkbox.t2 label {padding-left:28px;}
.checkbox.t2 label:before {content:'';  position:absolute; top:2px; left:0; width: 20px; height: 20px; background:url(../../../image/gap/GP/images/ico_contract_check_off.png) no-repeat 0 0; background-size:20px auto;}
.checkbox.t2 input:checked+label:before {content:''; background:url(../../../image/gap/GP/images/ico_contract_check_on.png) no-repeat 0 0; background-size:20px auto;}

.radio.t2 input {width:24px; height:24px;}
.radio.t2 label {padding-left:30px;}
.radio.t2 label:before {width:24px; height:24px; background:url(../../../image/gap/GP/images/ico_radio_off.png) no-repeat 0 0;background-size:24px auto;}
.radio.t2 input:checked+label:before {background:url(../../../image/gap/GP/images/ico_radio_on.png) no-repeat 0 0; background-size:24px auto;}

.radio.n3 input {width:24px; height:24px;}
.radio.n3 label {padding-left:30px;}
.radio.n3 label:before {width:24px; height:24px; background:url(../../../image/gap/GP/images/ico_radio_off.png) no-repeat 0 0;background-size:24px auto;}
.radio.n3 input:checked+label:before {background:url(../../../image/gap/GP/images/ico_radio_on.png) no-repeat 0 0; background-size:24px auto;}
.radio.n3>span{display:inline-block;width:29%}
.radio.n3>span.ln{width:39%}

.radio i:not(.score) {position: absolute; left: 0; top: 0; display: inline-block; width: 26px; height: 26px; border: 1px solid #c2c4c6; background: #fff; box-sizing: border-box; overflow: hidden; border-radius: 50%; vertical-align: top; -webkit-transition: 0.3s; transition: 0.3s; z-index: 1;}
.inp_del {display: inline-block; width: 15px; height: 15px; vertical-align: middle; background: url(../../../image/gap/GP/images/ico_close_btn.png); font-size: 3px; color: transparent;
background-size:15px 15px;;}
.content {position:relative; padding:170px 20px 150px;}
.content.info {padding-top:170px;} /*1201*/
.content.short {padding-top:80px;}
.content.short2 {padding-top:105px;}
.content.short3 {padding-top:20px;}
.content.main {padding-top:150px;}
.content.no_pd { padding-left:0 !important; padding-right:0 !important; }
/* .content.btn_after { padding-bottom:120px; } */
.content.btn_after2 { padding-bottom:150px; }
.content.search {margin-top:0; padding-top:50px; }
.content .tab_panel { padding-left:0; padding-right:0; }
.content.prod { padding-top:0; }
.content.long_tab {padding-top:255px;}
.content.long_tab.t2 {padding-top:220px;}
.content.long_tab.t3 {padding-top:170px;}
.content.short_tab {padding-top:81px;}
.content.elec {padding-top:170px;} /* 1214 */
.content.interval .tab_panel .total_people {margin: 0 20px;}

.btn-refresh { position:relative; width: 20px; height: 20px; color:#666; /*padding-right:25px;*/ }
.btn-refresh span {font-size: 0;}
.btn-refresh:after { content:''; display:block; position:absolute; top:0; right:0; width:15px; height:15px; background:url(../../../image/gap/GP/images/btn_refresh.png) no-repeat center center; background-size:15px auto;      }

.h-wrap + .form_item { margin:0; }


/* header */
header { position:fixed; min-height:50px; height:145px; left:0; right:0; padding:17px 18px 0;  background:#150f96; z-index:100;}
header.main {position:relative; padding-top:0;}
header.short {height:50px; padding-top:0; padding-left:0;}
header.normal_type {padding-top:0; padding-left:0;background-color:#dff6f7 !important;}
header.normal_type .h_top h1.no-btn {padding-left:17px;}
header.normal_type .h_bottom {padding-left:18px;}
header .page_prev_button { display:block; float:left; width:45px; height:50px; background:url(../../../image/gap/GM/renewal/btn_prev.png) no-repeat center center; background-size:12px 19px;}
header.short .h_top h1 {font-size:16px; line-height:1.3;}
header.tab .header_top {min-height:204px; position:fixed; top:0; left:0; right:0; padding:0; z-index:222; background:#150f96;}
header.tab .header_top .h_top {position:static; padding:0 18px 0 0; height:50px; background:#150f96;}
header.tab.t2 .header_top {min-height:153px;}
header.tab.t2 .h_bottom { padding-left:18px; margin-top:5px;}
header.tab.t2 .additional_search_btn {bottom:15px;}
header .h_top .page {float:left; color:#91d0ff; padding:0 5px 0 0; line-height:50px;}
header .h_top .page.no-btn {padding-left:18px;}
header .h_top .page .current {color:#00cbd7; font-weight:700; font-size:15px;}
header .h_top .page .current:after {content:'/'; color:#bbb; display:inline-block; width:5px; height:13px;margin:0 0 0 4px;}
header .h_top .page .total {padding-right:7.5px;color:#000; font-size:15px; }
header .h_top h1 { color:#000; font-size:14px; font-weight:500; margin-left:0; padding-top:15px; }
header .h_top .logo {position:absolute; top:15px; right:18px;}
header .h_top .logo a {display:block; width:19px; height:20px; background:url(../../../image/gap/GP/images/btn_go_home.png)no-repeat 0 0; background-size:19px 20px;}
header.tab .h_bottom {padding-left:18px;}
header .h_bottom {margin-top:36px;}
header .h_bottom.t2 {margin-top:20px;}
header .h_bottom h2 {color:#000; line-height:1.3; font-size:26px; font-weight:400;}
header .h_bottom h2.bg {display:inline-block;}
header .h_bottom h2.bg2 {display:inline;}
header .h_bottom h2.ln {font-size:22px;}
header .h_bottom .customer_data_info {display:inline-block; margin-left:4px; width:25px; height:25px; margin-top:7px;  background:url(../../../image/gap/GP/images/ico_header_h2.png) no-repeat 0 0; vertical-align:top; background-size:25px auto;}
header .h_bottom .customer_data_info.vat-base {vertical-align:bottom; position:relative; top:-5px;}
.search_layout {position:fixed; top:152px; bottom:0; left:0; right:0; height:50px; z-index:200;}
.search_layout.pop {top:71px;}
.search_layout.pop2 {position:static;}
.search_wrap {position:relative; padding:8px 20px; border-top:1px solid #e3e4e5; border-bottom:1px solid #e3e4e5;}
.search_wrap.t2 {background:#f4f5f6; border-top:none;}
.search_wrap .search_customer {position:absolute; top:11px; right:18px;}
.search_wrap .search_customer .search_btn {position:relative; font-size:13px; background:inherit; vertical-align:middle;color: #150f96;} /* 2022-08-22 color */
.search_wrap .search_customer .search_btn:after {content:''; display:inline-block; width:17px; height:17px; margin-left:5px; background:#f4f5f6 url(../../../image/gap/GP/images/btn_search_customer.png) no-repeat 0 center; background-size:17px auto; vertical-align:top;}

header .additional_search_btn {position:absolute; bottom:65px; right:18px;}
header .additional_search_btn button {display:block; color:#fff; width:94px; height:30px ;margin-top:5px; border:1px solid #fff; text-align:center; background:#150f96; font-size:13px;}
header .additional_search_btn button:after {content:''; display:inline-block; position:relative; top:1px; left:10px; width:13px; height:13px; margin-right:10px; background:url(../../../image/gap/GP/images/btn_add_search.png) no-repeat 0 0; background-size:13px auto;}
header .additional_search_btn button.join:after { display:none; }
header .additional_search_btn.t2 {bottom:15px;}/*1118*/
header .additional_search_btn.t2 button:after {display:none;}/*1118*/

header .content { padding:0; margin:0; }

.no-data { text-align:center; padding:10px; border-top:2px solid #666; border-bottom:1px solid #e3e4e5;  }

/*로그인*/
.checkbox_wrap {margin-top:30px;}
.btn_wrap {margin-top:25px;}
.btn_wrap.space {margin:0 -6px;}
.footer { padding:0 18px 30px 18px; }
.footer ul {text-align:center; font-size:0;}
.footer ul li {display:inline-block; font-size:13px;}
.footer ul li a {display:block;color:#111}
.footer ul li a:after {content:''; display:inline-block; width:1px; height:9px; background:#d2d3d4;margin:0 9px;}
.footer ul li:last-child a:after {display:none;}
.btn_cancel {background:#f4f5f6 !important; font-size:13px;}
.btn_wrap.n2 a{float:left;width:49%;margin-left:1%;font-size:14px}
.btn_wrap.n2 a:first-child{margin-left:0;margin-right:1%}
.caution{position:relative;margin:10px 0;padding-left:25px;color:#999;font-size:14px;line-height:1.5;vertical-align:middle;letter-spacing:-0.025em}
.caution:before{content:'!';display:inline-block;position:absolute;top:1px;left:0;width:18px;height:18px;border:1px solid #999;border-radius:100%;
	color:#999;font-size:13px;font-weight:bold;line-height:17px;text-align:center;letter-spacing:0}

/*계약 관계자정보 선택 */
.contract_official:first-child {margin-top:0;}
.contract_official {margin-top:35px;}
.contract_official.t2 {margin-top:12px;}
.contract_official .t2:first-child { margin-top:0; }
.tit_wrap {position:relative;}
.tit_wrap .tit {margin-bottom:10px; font-size:15px; font-weight:700;}
.tit_wrap .tit.dot {position:relative; margin-bottom:0; padding-left:10px;}
.tit_wrap .tit.dot:after {content:''; display:block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#666666;}
.tit_wrap .plus_button {position:absolute; top:12px; right:0;}
.tit_wrap.t2 {position:relative;}
.tit_wrap.t2 .tit {margin-top:-2.5px;}
.tit_wrap.t3 {padding:15px 0; border-bottom:1px solid #999;}
.tit_wrap .contract_check {position:absolute; top:0; right:0;}
.tit_wrap .premium {position:absolute; top:0; right:18px;}
.tit_wrap .premium.space {right:0;}
.tit_wrap .premium span {color:#150f96; font-weight:700;}
.tit_wrap .contract_check input {width:20px; height:20px;}
.tit_wrap .contract_check label {padding-left:28px;}
.tit_wrap .contract_check label:before {top:1px; width:20px; height:20px; background:url(../../../image/gap/GP/images/ico_contract_check_off.png) no-repeat 0 0; background-size:20px 20px;}
.tit_wrap .contract_check input:checked+label:before {top:1px; width:20px; height:20px; background:url(../../../image/gap/GP/images/ico_contract_check_on.png) no-repeat 0 0; background-size:20px 20px;}
.Official_link {display:block; position:relative; width:100%; padding:17px 55px 17px 13px; border:1px solid #c5c6c7; border-top-left-radius:3px; border-top-right-radius:3px; text-align:left; font-size:15px; background:#f6f7f8;}
.Official_link span {font-size:15px; color:#150f96;} /* 2022-08-26 박종서 color */
.Official_link span:before {content:''; display:inline-block; width:1px; height:12px; margin:0 9px; background:#d2d3d4;}
.Official_link span:first-child:before {display:none;}
.Official_link .product_name {display:block; padding-right:40px; font-size:15px; color:#150f96;}
.Official_link .c_layout {position:absolute; top:50%; right:13px; margin-top:-8.5px;}
.Official_link .c_layout strong {position:relative; color:#150f96; font-size:15px; font-weight:400;}
.Official_link .c_layout strong:after {content:''; display:inline-block; width:6.5px; height:12px; margin-left:7px; background:url(../../../image/gap/GP/images/btn_search_list.png) no-repeat 0 0; background-size:6.5px 12px;}
.form_wrap {padding:0 14px 14px; border:1px solid #c5c6c7;  border-radius:3px; background:#f6f7f8;}
.form_box .form_item:first-child {margin-top:15px;}
.radio.t2 .family_info_wrap {margin:0 -14px;}
.radio.t2 .family_info_wrap .family_info {padding:14px; border-bottom:1px solid #e3e4e5;}
.radio.t2 .family_info:after {content:''; display:block; clear:both;}
.radio.t2 .family_info li {float:left; position:relative; margin-right:30px;}
.radio.t2 .family_info li:last-child {margin-right:0;}

.inp_top_box{padding:11px 13px;border:1px solid #c5c6c7;border-top-left-radius:3px;border-top-right-radius:3px;}
.inp_top_box ~ .Official_link{border-top-left-radius:0;border-top-right-radius:0;border-top:0}
.inp_top_box ~ .Official_link.non_selected{border-bottom-left-radius:3px;border-bottom-right-radius:3px}
.inp_bottom_box{padding:4px 13px;border:1px solid #c5c6c7;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:0}
.inp_bottom_box li{padding:11px 0;border-top:1px solid #d4d5d8}
.inp_bottom_box li:first-of-type{border-top:0}
.inp_bottom_box .tit{float:left;width:85px;color:#666;font-weight:400}
.inp_bottom_box li em{float:right;width:calc(100% - 92px);font-style:normal}
.inp_bottom_box .tit2{display:inline-block;width:55px;color:#666;font-weight:400}
.inp_bottom_box li:after{content:"";clear:both;display:block}
#repre_dialog .contract_official_wrap{padding-bottom:100px}
.dialog_header .btn_info{display:inline-block;width:25px;height:25px;margin-left:4px;margin-top:7px;background:url(../../../image/gap/GP/images/ico_header_h2b.png) no-repeat 0 0; vertical-align:top; background-size:25px auto;}
.dialog_header .inline{display:inline}
.tit_wrap.isbtn .tit{display:inline-block;line-height:30px}
.tit_wrap.isbtn .btn1{float:right;border-radius:3px}

/* 계약자 신분증 인증 */
.contract_official .iden_type{padding-top:10px}
.contract_official .iden_type .input .dv{display:table-cell;position:relative;vertical-align:middle}
.contract_official .iden_type .input .dv:last-child {width:120px; padding-left:10px; }
.contract_official .iden_type .input .dv .btn{display:inline-block;min-width:60px;}
.contract_official .iden_type .lb{display:block;margin-bottom:7px}
.contract_official .iden_type .i_txt{width:100%;height:42px; padding:0 14px; line-height:42px; border:1px solid #d4d5d8;background-color:#fff;font-size:16px;font-weight:700;vertical-align:middle;-webkit-transition:border 0.3s;transition:border 0.3s;}
.contract_official .iden_type .i_txt:focus{border-color:#150f96; outline: none;}


/*btn_toggle*/
.grid.s2:after {content:''; clear:both; display:block;}
.grid.s2>li {width:50%; float:left;}
.btn_toggle li{position:relative; text-align:center;}
.btn_toggle li input{width:100%;height:100%;left:0;top:0;clip:auto;opacity:0;}
.btn_toggle li input+label,
.btn_toggle li a{display:block;margin:0;height:42px;line-height:41px;color:#111;/*text-align:center;*/border:1px solid #c5c6c7; word-break:break-all;background:#fff;}
.btn_toggle li input:checked+label {color:#fff; border-color:#018bed; background:#018bed;}
.btn_toggle li:first-child input+label {border-top-left-radius:5px; border-bottom-left-radius:5px;}
.btn_toggle li:last-child input+label {border-top-right-radius:5px; border-bottom-right-radius:5px;}
.btn_toggle li + li label {border-left-width:0;}
/* 2022-08-09 : GMU120P3.html radio 스타일 추가 */
.btn_toggle.label_input {
  overflow: hidden;
  border: 1px solid #c5c6c7;
  border-radius: 5px;
}
.btn_toggle.label_input > li + li {
  border-left: 1px solid #c5c6c7;
}
.btn_toggle.label_input label {
  display: block;
  position: relative;
}
.btn_toggle.label_input label input {
  position: absolute;
  top: 0;
  left: 0;
}
.btn_toggle.label_input label span {
  display: block;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
}
.btn_toggle.label_input input:checked + span {
  background-color: #150f96;
  color: #fff;
}
/* //2022-08-09 : GMU120P3.html radio 스타일 추가 */

/* button type */
.btn_toggle.btn_style_g li:first-child a {border-top-left-radius:5px; border-bottom-left-radius:5px}
.btn_toggle.btn_style_g li:last-child a {border-left-width:0;border-top-right-radius:5px; border-bottom-right-radius:5px}
.btn_toggle.btn_style_g li.active a{color:#fff; border-color:#018bed; background:#018bed}

/* form */
.form_item.t2 {margin-top:10px;}
.form_item.t3 {margin-top:0;}
.form_item.t3 .input {margin-top:-1px;}
/* .form_item.t3 .input select {border-top:none;} */
.form_item.t3 span:first-child select {border-bottom-left-radius:3px;}
.form_item.t3 span:last-child select {border-bottom-right-radius:3px;}
.form_item:first-child {margin-top:0;}
.form_item{position:relative;margin-top:20px}
.form_item .lb{font-weight:400; color:#666; font-size:16px;}
.form_item .job_sort {position:absolute; right:0; top:0; font-size:13px;}
.form_item .job_sort span {display:inline-block;}
.form_item .job_sort span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 3px 0 5px; background:#d2d3d4;}
.form_item .job_sort span:last-child:after {display:none;}
.form_item .job_sort span strong {color:#150f96;}
.form_item .input.triple_select select {padding:0 7px; background:url(../../../image/gap/GP/images/btn_select01.png) no-repeat right 5px center; background-size: 16px 9px; border-top:0;}
.form_item .input .dv.bor {border:1px solid #d4d5d8;}
.form_item .input .dv .job_search {display:inline-block; position:relative; padding-right:32px; font-size:14px;}
.form_item .input .dv .job_search:after {content:''; display:block; position:absolute; right:5px; top:50%; width:17px; height:17px; margin-top:-8.5px; background:url(../../../image/gap/GP/images/btn_search_customer.png) no-repeat 0 0; background-size:17px auto; font-size:14px;}
.form_item .lb.bold {color:#111; font-weight:700; font-size:15px;}
.form_item .lb+.guide_box{margin-top:15px;}
/* 2022-08-02 : 결함번호 168번 수정 */
.form_item .i_txt{max-width: 100%; width:100%;height:48px; padding:0 14px; line-height:42px; border:1px solid #d4d5d8;background-color:#fff;font-size:16px;font-weight:500;vertical-align:middle;-webkit-transition:border 0.3s;transition:border 0.3s;}
/* //2022-08-02 : 결함번호 168번 수정 */
.form_item .i_txt:focus{border-color:#666; outline: none;}
.form_item .i_txt[type="date"],
.form_item .i_txt[type="time"]{font-weight:400; }
.form_item .i_txt[type="date"]::-webkit-inner-spin-button,
.form_item .i_txt[type="time"]::-webkit-inner-spin-button,
.form_item .i_txt[type="date"]::-webkit-calendar-picker-indicator,
.form_item .i_txt[type="time"]::-webkit-calendar-picker-indicator { opacity:0; -webkit-appearance: none; }

.form_item .i_txt.no_del{padding-right:0;}
.form_item .i_txt.right{text-align:right;}
.form_item .i_txt.i_chk{padding-right:65px;}
.form_item .i_txt:disabled, .form_item .i_txt:readonly{border-color:#dcdcdc;background:none;color:#777;}
.form_item .i_txt:disabled+.ui-datepicker-trigger, .form_item .i_txt:readonly+.ui-datepicker-trigger{opacity:0.3;z-index:-1;}
.form_item .input{display:table;width:100%;margin-top:7px;table-layout:fixed;position:relative;}
.form_item .input.triple_select {margin-top:0;}
.form_item .input.triple_select span:first-child select {border-bottom-left-radius:3px;}
.form_item .input.triple_select span:last-child select {border-bottom-right-radius:3px;}
.form_item .input.multi{margin-top:17px}
.form_item .input .row{display:table-row;}
.form_item .input .dv{display:table-cell;position:relative;vertical-align:middle}
.form_item .input .dash {display:table-cell;position:relative; width:20px; color:#d0d0d0; text-align:center;  vertical-align:middle}
.form_item .input .dv .btn{display:inline-block;min-width:60px;}
.form_item .input .dv.search {width:60px; padding-left:10px;}
.form_item .input .dv.search .btn_cancel {color: #150f96;} /* 2022-08-22 */
.form_item .input .dv.product_select {width:197px;}
.form_item .input.btn-type { position:relative; border:1px solid #d4d5d8; height:40px; font-weight:700; font-size:16px; }
.form_item .input.btn-type .txts { float:left; width:calc(100% - 40px); overflow:hidden; padding:7px 14px 0 14px; height:40px; white-space: nowrap; text-overflow:ellipsis;  }
.form_item .input.btn-type button { position:absolute; top:0; right:0; height:40px; width:40px; background:url(../../../image/gap/GP/images/btn_go_link.png) no-repeat calc(100% - 15px) center; background-size:9px 16px;   }
.form_item .btn_toggle.t2{margin-top:15px;}
.form_item .inp_del{position:absolute;right:10px;top:50%;margin-top:-10px;}
.form_item .i_chk+.inp_del{right:45px;}
.form_item .chk_timer{display:block;text-align:right;position:absolute;right:0;top:50%;margin-top:-11px;font-size:1.1rem;color:#535353;padding-left:13px;background:url(../../../image/gap/GP/images/common/chk_timer.png) no-repeat left center;background-size:10px auto;}
.form_item .btn_right{position:absolute;top:0;right:0;}
.section>.form_item:first-child{margin-top:0;}
.form_item .input.phone_form .dv:first-child{width:28%;}
.form_item .input.certification .dv:last-child {width:120px; padding-left:10px; }
.form_item .dv .timer {position:absolute; top:50%; right:13px; color:#150f96; font-size:13px; transform:translateY(-50%);}
.form_item .dv .timer.error { color:#FF6600; }
.form_item .input.contact .dv:first-child {position:relative; width:117px;}
.form_item .input.contact .dv:first-child label {display:inline-block; position:relative; padding-left:10px; font-size:13px;}
.form_item .input.contact .dv:first-child label:before {content:''; display:block; position:absolute; top:50%; left:1px; width:4px; height:4px; margin-top:-2px; border-radius:5px; background:#666;}
.form_item input.error, .form_item select.error {border-color:#FF6600;}
.form_item .error_box {display:none;color:#FF6600; margin-top:3px; margin-bottom:7px; font-size:13px;}
.form_item .error_box.tel {margin-left:118px;}
.form_item .error_box1 {display:block; color:#FF6600; margin-top:3px; margin-bottom:7px; font-size:13px;}
.form_item.invalid .input .i_txt,
.form_item .input.invalid .i_txt,
.form_item.invalid .input select,
.form_item .input.invalid select,
.form_item.invalid .input .textarea,
.form_item .input.invalid .textarea{border-color:#FF6600}
.form_item.disabled .lb, .form_item.disabled .input .won{color:#c9c9c9}
.invalid_txt{display:block;margin-top:5px;font-size:14px;font-weight:400;color:#ff0198;}
.ref_txt{margin-top:10px;font-size:13px;color:#666}

.form_item.etc_items { margin-top:10px; }
.form_item .input.search_contractor {position:relative}
.form_item .input.search_contractor .btn_search_contractor {position:absolute; top:0; right:0; width:50px; height:42px; background:url(../../../image/gap/GP/images/btn_search_customer.png) no-repeat center center; background-size:17px 17px;}
.form_item .input.search_contractor .btn_search_contractor_close {position:absolute; top:50%; right:50px; margin-top:-13px;}
.form_item .input.search_contractor .btn_search_contractor_close span {display:inline-block; width:26px; height:26px; line-height:27px; border-radius:13px; background:#ccc; color:#fff; font-size:15px; font-weight:700;}

.form_item.box{margin-top:10px;background:#f6f7f8;border:0;border-radius:0}
.form_item.box .input{margin-top:0}
.form_item.box .btn_select{border:0;border-left:1px solid #808285;background-color:#fff;border-top-right-radius:3px;border-bottom-right-radius:3px}
.form_item.box .input .dv{border:1px solid #808285;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px}
.form_item.box .input .dv:first-of-type{padding:0 14px;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0}
.form_item.box .input .dv.bg{background-color:#808285;color:#fff;border:0}


.txt_search_contractor {margin-top:20px;}
.txt_search_contractor span {color:#150f96;}

.customer_info_form h2 {margin-top:-8px;}

.cont-chk-wrap > div:nth-child(n + 9) { display:none; }
.cont-chk-wrap.active > div:nth-child(n + 9) { display:block; }

/*****************************************************************
  Accordion
*****************************************************************/
.acc_wrap {margin-top:14px;}
.accordion{overflow:hidden; margin-bottom:10px;}
.accordion .title{position:relative}
.accordion .title a{display:block;position:relative;overflow:hidden;}
.accordion .title a .ico{text-indent:-9999px}
.accordion.t1 .title{margin-top:15px}
.accordion.t1 .title:first-child{margin-top:0}
.accordion.t1 .title a{padding:12px 13px; border:1px solid #c5c6c7;border-radius:3px;background-color:#fff;font-size:15px; font-weight:400;}
.accordion.t1 .title a .ico{position:absolute;top:50%;right:14px;width:14px;height:10px; margin-top:-5px; overflow:hidden}
.accordion.t1 .title a .ico:before, .accordion.t1 .title a .ico:after{content:'';position:absolute;top:3px;width:10px;height:2px;background-color:#111;border-radius:2px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.accordion.t1 .title a .ico:before{left:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.accordion.t1 .title a .ico:after{right:-2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/*.accordion.t1 .title a.active{border-color:#157941;background-color:#e3f4e9;color:#157941}*/
.accordion.t1 .title a.active {background:#f4f5f6; border-bottom:none; border-bottom-left-radius:0; border-bottom-right-radius:0; font-size:15px;}
.accordion.t1 .title a.active .ico:before, .accordion.t1 .title a.active .ico:after{background-color:#150f96;}
.accordion.t1 .title a.active .ico:before{transform:rotate(-45deg)}
.accordion.t1 .title a.active .ico:after{transform:rotate(45deg)}
.accordion.t1 .title a.active .toggle {font-size:15px;}
.accordion.t1 .title .toggle {font-size:15px;}
.accordion.t1 .title .toggle span{position:relative;padding:0 9px 0 9px; font-size:15px;}
.accordion.t1 .title .toggle span:first-child{padding-left:0;}
.accordion.t1 .title .toggle span:last-child{padding-right:0;}
.accordion.t1 .title .toggle span:before{content:"";display:block;position:absolute;top:4px;left:0;width:1px;height:15px;background:#d2d3d4;}
.accordion.t1 .title .toggle span:first-child:before{display:none;}
.accordion.t1 .title .toggle .num{position:absolute;top:12px;left:25px;}
.accordion.t1 .title .toggle .value{padding-left:23px;}
.accordion.t1 .title .toggle [class*=bg_c]{padding:0;}
.accordion.t1 .title .toggle .cate{color:#ca4c07;}
.accordion.t1 .title .toggle .txt{padding:0;}
.accordion.t1 .title .toggle .txt:before{display:none;}
.accordion.t1 .keyword{background:#ffee7e;}
.accordion.t1 .panel{padding:20px 14px; border:1px solid #c5c6c7; border-top-color:#e3e4e5; background:#f4f5f6; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.accordion.t1 .panel .value_list ul li {display:table; margin-bottom:10px;}
.accordion.t1 .panel .value_list ul li:last-child {margin-bottom:0;}
.accordion.t1 .panel .value_list ul li span {display:table-cell;}
.accordion.t1 .panel .value_list ul li .lb {width:100px; color:#666666; vertical-align:middle;}
.acc_btn_area {display:table; width:100%;}
.acc_btn_area span {display:table-cell;}
.acc_btn_area span:first-child {width:90px; margin-right:10px;}
.acc_btn_area span:last-child {padding-left:10px;}
.acc_btn_area span button {width:100%; height:42px; line-height:42px; color:#fff; border-radius:3px; text-align:center; background:#150f96;}
.acc_btn_area span:first-child button {background:#8c8d8f;}




/*tab*/
.tabmenu2 ul:after {content:'';display:block; clear:both;}
.tabmenu2 ul li{float:left;}
.tabmenu2 ul li:first-child{margin-left:0;}
.tabmenu2 ul li a{position:relative;display:block;width:70px; padding:4px 0; border:1px solid #d2d3d4; text-align:center;font-size:14px;color:#adaeae; background:#fff;}
.tabmenu2 ul li.active a{color:#fff; background:#808285; border-color:#808285; }
.tabmenu2 ul li+li a {border-left-width:0;}
.tabmenu2.t2 ul li {margin-right:4px;}
.tabmenu2.t2 ul li:last-child {margin-right:0;}
.tabmenu2.t2 ul li+li a {border-left-width:1px;}
.tabmenu2.t3 {padding-top:2px;}
.tab_wrap2 {position:fixed; top:153px; left:0; right:0; padding:0; z-index:111;}
.tab_wrap2.static {
  position: static;
}
.tab_wrap2.padding {
  padding: 0;
}
.tab_wrap2 .tabmenu2 {height:50px; padding:8px 20px 0; border-top:1px solid #e3e4e5; border-bottom:1px solid #e3e4e5; background:#f4f5f6;}
.tab_panel{display:none; padding:19px 18px 0;}
.tab_panel.t1 {padding-top:0;}
.tab_panel.t2 {padding:14px 0 0;}
.tab_panel.t3 {padding:0;}
.tab_panel.t4 {padding:19px 0 0;}

.tab_panel.active{display:block;}
.tab_panel .inner {position:relative;}
.total_people {position:relative;padding-right: 28px;}
.total_people span.people_count {color:#150f96; font-weight:700;}
.total_people.underline .btn-refresh {top: 16px;}
.total_people .btn-refresh {position:absolute;top:0px; right:0; }
.total_people .btn-refresh span {font-size:0;}
.total_people .btn1{position:absolute; top:-3px; right:0;}
.total_people.interval {margin-top: 10px;}
.total_people.multiLine {/* padding-bottom: 24px; */}
.search_people {position:absolute; top:-4px; right:0;}
.guide_wrap.t2 .guide_txt:first-child {padding-top:19px;}
.guide_txt {margin-bottom:24px; padding-bottom:29px; border-bottom:1px solid #e3e4e5;}
.guide_wrap.t2 .guide_txt:last-child {margin-bottom:0;}
.guide_wrap.t3 .guide_txt {margin-bottom:10px; padding-bottom:10px;}
.guide_wrap.t3 .guide_txt .tit {margin-bottom:5px;}
.guide_txt .tit {font-size:20px; line-height:30px; margin-bottom:10px;}
.guide_txt .tit .b_txt {color:#111;font-size:20px; font-weight:400;}
.guide_txt .tit .s_txt {color:#111;font-size:14px; font-weight:400;}
.guide_txt .tit .number {padding-right:4px; color:#cdced0; font-size:20px; font-weight:700;}
.guide_txt .tit span {color:#150f96}
.guide_txt .txt {color:#666; font-size:14px;}
.guide_txt .txt span {color:#150f96}

/*고객정보 등록 팝업*/
.customer_info_form h2 {font-size:22px; text-align:center; font-weight:400;}
.customer_info_form .form_item {margin-top:28px;}
.customer_info_form .customer_info {margin-top:27px; padding:7.5px 18px; border-top:2px solid #666666; border-bottom:1px solid #999999; text-align:center;}
.customer_info_form .customer_info span {display:inline-block;}
.customer_info_form .customer_info span:after {content:''; display:inline-block; width:1px; height:11px; background:#cecfd0;margin:0 9px;}
.customer_info_form .customer_info span:last-child:after {display:none;}
.mail_address_wrap {margin-top:32px;}
.mail_address_wrap .mail_radio_wrap {position:relative; margin-bottom:60px;}
.mail_address_wrap .mail_radio_wrap .error_box {color:#FF6600; margin-top:3px; font-size:13px;}
.mail_address_wrap .mail_radio_wrap:last-child {margin-bottom:0;}
.mail_address_wrap .mail_radio_wrap .mail_content {position:relative; margin-top:20px;}
.mail_address_wrap .mail_radio_wrap .mail_content:last-child {margin-bottom:0;}
.mail_address_wrap .mail_radio_wrap .mail_content .mail_address {margin-top:17px; padding-left:30px;}
.mail_address_wrap .mail_radio_wrap .mail_content .mail_btn_wrap {position:absolute; top:0; right:0;}
.mail_address_wrap .mail_radio_wrap .mail_content .mail_btn_wrap .mail_btn {display:block; height:30px; line-height:30px; padding:0 10px; color:#150f96; border:1px solid #150f96; font-size:13px;}

/*고객정보관리*/
.search_wrap {position:relative; padding:8px 20px; border-top:1px solid #e3e4e5; border-bottom:1px solid #e3e4e5;}
.search_wrap.t2 {background:#f4f5f6; border-top:none; height:50px; }
.search_wrap .search_customer {position:absolute; top:11px; right:18px;}
.search_wrap .search_customer .search_btn {position:relative; font-size:13px; background:inherit; vertical-align:middle;}
.search_wrap .search_customer .search_btn:after {content:''; display:inline-block; width:17px; height:17px; margin-left:5px; background:#f4f5f6 url(../../../image/gap/GP/images/btn_search_customer.png) no-repeat 0 center; background-size:17px auto; vertical-align:top;}

/*고객정보 등록 완료 팝업*/
.complete_customer_info {position:relative;}
.complete_customer_info .btn_area {position:absolute; top:3px; right:0;}
.complete_customer_info .name {font-size:22px;}

/* fixed_bottom_button */
.fixed_bottom_button>ul{position:fixed; left:0; right:0; bottom:0; padding-bottom:20px; background-color:#fff;z-index:100;}
.fixed_bottom_button.t3>ul {padding-bottom:70px;}
.fixed_bottom_button>ul>li {width:100%; padding:20px 20px 0;}
.fixed_bottom_button.t3>ul>li {padding:0 18px;}
.fixed_bottom_button>ul>li>.btn{display:block; position:relative; width:100%;font-size:18px; height:50px; line-height:50px; padding-left:0;padding-right:0; padding-bottom:50px; border-radius:28px; color:#000; text-align:center; background:#00cbd7; cursor:pointer;font-weight:500;}
.fixed_bottom_button>ul>li>.btn.bc {background:#d8d8d9 !important;}
.fixed_bottom_button>ul>li>.btn.t2 {position:relative; padding:0 46px 0 20px; text-align:right !important;}
.fixed_bottom_button>ul>li>.btn.t2 span {position:absolute; left:14px; top:0; color:#fff;}
.fixed_bottom_button>ul>li>.btn.t2 span strong {font-size:20px; color:#fff;}
.fixed_bottom_button>ul>li>.btn.t2.bc {background:#d8d8d9;}
.fixed_bottom_button>ul>li>.btn.t3{color:#fff; font-size:16px; background:#d8d8d9;}
.fixed_bottom_button>ul>li>.btn.t4{background:#018bed;}
.fixed_bottom_button.t2>ul {margin:0 -5px; left:14px; right:14px;}
.fixed_bottom_button.t2>ul>li {float:left; width:50%; padding:0 5px;}
/* 2022-08-11 */
.fixed_bottom_button.t2.noPadding>ul {
  margin: 0;
  left: 20px;
  right: 20px;
}
.fixed_bottom_button.t2.noPadding>ul>li {padding:0}
.fixed_bottom_button.t2.noPadding>ul>li + li {border-left:2px solid #d7d7d7;}
.fixed_bottom_button.t2.noPadding>ul>li a.bc {color:#afafaf;}
/* //2022-08-11 */
.fixed_bottom_button.t4>ul {padding:0 20px 70px;} /* 2022-08-09 */
.fixed_bottom_button.t4>ul:after {content:''; display:block; clear:both;}
.fixed_bottom_button.t4>ul>li {float:left; padding:0;}
.fixed_bottom_button.t4>ul>li:first-child {width:20%;}
.fixed_bottom_button.t4>ul>li:last-child {width:80%;}
.fixed_bottom_button.t4>ul>li:first-child>.btn {color:#fff; border-top-right-radius:0; border-bottom-right-radius:0; background:#808285;}
.fixed_bottom_button.t4>ul>li:last-child>.btn {display:inline-block; border-top-left-radius:0; border-bottom-left-radius:0; background:#2d333e;}
.content.btn_after.w100 {
  padding-bottom: 86px;
}
.content.btn_after.w100 .fixed_bottom_button > ul,
.content.btn_after.w100 .fixed_bottom_button > ul > li {
  padding: 0;
}
.content.btn_after.w100 .fixed_bottom_button > ul > li button.btn {
  height: 56px;
  padding: 0;
  font-size: 18px;
}

.fixed_layer{position:fixed;left:0;bottom:0;width:100%;z-index:3}
.fixed_layer .division {width:100%; padding:30px 16px 5px; margin-bottom:-2px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0,rgba(255,255,255,1) 30px);}
.fixed_layer .division label{color:#150F96;font-weight:500;}
.fixed_layer.fixed_bottom_button .col2{position:relative;padding:10px 20px}
.fixed_layer.fixed_bottom_button .col2:after{content:"";clear:both;display:block}
.fixed_bottom_button .col2 li:first-child {border-radius:3px 0 0 3px;}
.fixed_bottom_button .col2 li:last-child {border-radius:0 3px 3px 0;}

.modal_guide_txt ul li {position:relative; margin-bottom:10px; padding-left:9px; text-align:left;}
.modal_guide_txt ul li:before {content:''; display:block; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:1.5px; background:#666666;}
.modal_guide_txt strong { color:#150f96; }

.messenger_wrap {margin-top:28px;}
.messenger_wrap ul:after {content:''; display:block; clear:both;}
.messenger_wrap ul li {width:50%; float:left;}
.messenger_wrap ul li a{display:block; font-weight:700; font-size:15px;}
.messenger_wrap ul li a img {width:60px; height:60px;}
.messenger_wrap ul li a .txt {display:block; }

.messenger_wrap.t2 ul {display:flex; width:100%; justify-content:center;}
.messenger_wrap.t2 ul li {width:auto;}
.messenger_wrap.t2 ul li a img {width:38px; height:38px;}
.messenger_wrap.t2 ul li:first-child {margin-right:25px;}
.messenger_wrap.t2 ul li:last-child {margin-left:25px;}
.messenger_wrap.t2 ul li a {border:1px solid #d8d8d9; padding:15px 15px 13px; border-radius:5px;}

.search_box_top.t1 {padding-bottom:20px; border-bottom:1px solid #e3e4e5;}

.form_item .input .btn_search {display:block; position: absolute; width: 34px; height: 35px; top: 50%; right:8px; margin-top:-17px; background: url(../../../image/gap/GP/images/btn_search.png) no-repeat 50% 50%; background-size: 17px 17.5px;}

.input_area {position:absolute; top:-3px; left:18px; right:18px; z-index:111;}

.search_address_wrap {margin-top:25px;}
.search_address_wrap .mail_address_name {margin-bottom:5px;}
.search_address_wrap  ul li {margin-bottom:6px;}
.search_address_wrap  ul li:last-child {margin-bottom:0;}
.search_address_wrap  ul li .mark {margin-right:6px;}
.further_ex {margin-top:15px;}
.additional_juso {margin-top:14px;}
.additional_juso label {color:#666;}
.additional_juso .txt {margin-top:5px; padding-left:7px; color:#150f96;}
.search_result {position:relative; margin-top:30px;}
.search_result .tit {font-weight:700;}
.search_result .unit {position:absolute; top:0; right:0;}
.result_box {margin-top:10px;}
.result_box .txt {padding:15px 0; border-top:2px solid #666; border-bottom:1px solid #999999;   text-align:center; font-size:15px;}
.search_result .unit span {color:#150f96; font-weight:700;}

.search_guide_wrap {margin-top:30px;}
.search_guide_wrap.t2 {margin-top:7px;}
.search_guide_wrap .search_guide_tit {font-weight:700; font-size:15px;}
.search_guide_wrap .search_guide_tit .mark {width:37.5px; margin-right:8px; background:#fc8800; font-size:14px;}
.search_guide_txt {margin-top:14px;}
.search_guide_txt ul li {margin-bottom:5px;}
.search_guide_txt ul li div:first-child {position:relative; padding-left:7.5px;}
.search_guide_txt ul li div:first-child:before {content:''; display:block; position:absolute; top:10px; left:0; width:4px; height:1.5px; background:#111;}
.search_guide_txt ul li div:last-child {margin-top:6px; padding-left:8px; color:#150f96;}
.juso_list ul li:first-child a {border-top:2px solid #666;}
.juso_list ul li:last-child a {border-bottom:1px solid #999;}
.juso_list ul li a {display:block; position:relative; padding:14px 0 18px 0; border-bottom:1px solid #e3e4e5;}
.juso_list ul li a .search_address_wrap {margin-top:0;}
.juso_list ul li a .search_list_btn_wrap {position:absolute; top:15px; right:0;}
.juso_list ul li a .search_list_btn_wrap .search_list_btn {display:inline-block; position:relative; padding-right:14px; color:#150f96; font-size:13px;}
.juso_list ul li a .search_list_btn_wrap .search_list_btn:after {content:''; display:block; 
position:absolute; top:3px; right:0; width:6.5px; height:12px; background:url(../../../image/gap/GP/images/btn_search_list.png) no-repeat 0 0; background-size:6.5px 12px;}


.custom-select {position: relative; width:100% !important;}
.custom-select select {display: none;}
.select-selected {background-color:#fff;}
.select-selected:after {position: absolute; content: ""; top: 18px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #111 transparent transparent transparent;}
.select-selected.select-arrow-active:after {border-color: transparent transparent #111 transparent; top: 10px;}
.select-selected.select-arrow-active {border-bottom:none;}
.select-items div {padding:0 14px; color: #111; background:#fff; height:42px; line-height:42px;  border: 1px solid transparent; cursor: pointer !important;}
.select-selected{height:42px; line-height:42px; color: #111; padding: 0 14px; border:1px solid #c5c6c7; cursor:pointer !important;}
.select-items {position: absolute; top: 100%; left: 0; right: 0; border:1px solid #dfe0e0; z-index: 99;}
.select-hide {display: none;}
.select-items div:hover, .select-items div:focus {background-color:#f4f5f6; color:#150f96;}
.same-as-selected{background-color: rgba(0, 0, 0, 0.1);}
.btn_area3 {display:table; width:100%; margin-top:20px;}
.btn_area3 .dv {display:table-cell; width:100%; }
.btn_area3 .dv .btn {height:42px; line-height:42px; border-radius:5px;}
.btn_area3 .dv.other {width:90px;}
.btn_area3 .dv.other .btn {display:block; width:90px; color:#fff; background:#8c8d8f; text-align:center;}
.btn_area3 .dv:last-child {padding-left:10px;}
/*상품정보선택 팝업*/
.dialog_header .call_easy_design_btn {position:absolute; top:50%; right:55px; margin-top:-15px;}
.dialog_header .call_easy_design_btn.t2 {top:22px; margin-top:0;}

/*가입대상자 체크사항 팝업*/
.check_wrap .check_comment {margin-top:7px; color:#FF6600; font-size:14px;}
.check_comment {margin-top:7px; color:#FF6600; font-size:14px; font-weight:400;}
.check_comment.mt {margin-top:7px;}

/*신청정보최종확인*/
.tit_wrap {position:relative; margin-top:30px;}
.tit_wrap:first-child {margin-top:0;}
.tit {font-size:16px; font-weight:700;}
.tit_wrap .change_btn {position:absolute; top:0; right:0; color:#150f96; font-size:15px;}
.tit_wrap .change_btn:after {content:''; display:inline-block; position:relative; top:1px; width:6.5px; height:12px; margin-left:7px; background:url(../../../image/gap/GP/images/btn_search_list.png) no-repeat 0 0; background-size:6.5px 12px;}
.contract_info .tbl {margin-top:0; /*padding-bottom:15px;*/ border-bottom:1px solid #e3e4e5;}
.contract_info .tbl.mt0 {margin-top:0;}
.contract_info .tbl:last-child {margin-top:0;}
.contract_info .tbl:last-child {border-top:none; border-bottom:1px solid #999;}
.contract_info .tbl.t3 table th, .contract_info .tbl.t3 table td { padding:4px 0;}
.contract_info .tbl.t3 table tr:first-child th, .contract_info .tbl.t3 table tr:first-child td {padding-top:11px;}
.contract_info .tbl.t3 table tr:last-child th, .contract_info .tbl.t3 table tr:last-child td {padding-bottom:11px;}
/* 2022-08-30 : GMF701M0 계약사항정보 - 납입유예일 간격 수정, 해당 페이지에서 pading_interval 추가 */
.contract_info .tbl.t4.padding_interval table #padding_interval_top_th, .contract_info .tbl.t4.padding_interval table #padding_interval_top_td{ padding: 28px 0 13px 0;}
.contract_info .tbl.t4.padding_interval table #padding_interval_bottom_th, .contract_info .tbl.t4.padding_interval table #padding_interval_bottom_td{ padding: 13px 0 28px 0;}
/* 2022-08-30 */


.contract_info .tbl.br_none {border-top:none;}
.product_info {margin-top:26px;}
.product_list_wrap .product_tit:after {content:''; display:block; clear:both;}
.product_list_wrap .product_tit {padding:12px 0; }
.product_list_wrap .product_tit div:first-child {float:left;}
.product_list_wrap .product_tit div:last-child {float:right;}
.product_list {border-top:2px solid #111; border-bottom:1px solid #999999;}
.product_list .product {position:relative; padding:13px 0; border-bottom:1px solid #e3e4e5;}
.product_list .product.cl {border-color:#999;}
.product_list .product .position_r {position:absolute; top:13px; right:0;}
.product_list .product .position_r.at{top:8px;}
.product_list .product span {display:block; position:absolute; top:13px; left:0; width:22px; height:22px; padding:1px 1px 0 0;  color:#fff; border-radius:50%; font-size:13px; text-align:center; background:#343944;}
.product_list .product.dot {border-bottom:1px dotted #e3e4e5;}
.product_list .product .product_name {padding-left:30px; font-weight:700; font-size:14px;}
.product_list .product .product_name.large {font-size:17px;}
.product_list .product span.top{background:#018bed; color:#fff;}
.product_list .product span{background:#111; color:#fff;}
.product_list .product .add_info {margin-top:5px; padding-left:30px; font-size:14px;}
.product_list .product .add_info:after {content:''; display:block; clear:both;}
.product_list .product .add_info div:first-child {float:left;}
.product_list .product .add_info div:last-child {float:right;}
.product_list .product .bl {color:#150f96; font-size:20px;}
.product_list .product:last-child {border-bottom:none;}




/* Table */

.tbl {margin-top:25px; border-top:2px solid #666;}
.tbl .title {position:relative; margin-top:15px; padding-left:10px; font-weight:700;}
.tbl .title:before {content:''; display:block; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:50%; background:#666;}
.tbl .title .btn1 { position:absolute; top:0; right:0; }
.tbl table th, .tbl table td {padding:11px 0; border-bottom:1px solid #e3e4e5;}
.tbl table th {color:#666666; font-size:13px; font-weight:400; text-align:left;}
.tbl table td {text-align:left;}
.tbl table td.fail,
.tbl table td.point {color:#FF6600;}
.tbl table tr:first-child td {padding-top:11px;}
.tbl table tr:last-child td {padding-bottom:11px;}
.tbl table td ul li {margin-bottom:12px;}
.tbl table td ul li span {display:inline-block; position:relative;}
.tbl table td span:after {content:''; display:inline-block; width:1px; height:10px; margin-left:9px; margin-right:7px; background:#d2d3d4;}
.tbl table td span:last-child:after {display:none;}
.tbl table td ul li:first-child span:first-child:after {content:''; display:inline-block; width:1px; height:11px; margin:0 9px 0 9px; background:#cecfd0;}
.tbl table td ul li span.two_word:after {content:''; display:inline-block; width:1px; height:11px; margin:0 9px 0 21px !important; background:#cecfd0;}
.tbl table td ul li:last-child {margin-bottom:0;}
.tbl table td ul li.table {display:table; width:100%;}
.tbl table td ul li.table span {display:table-cell; vertical-align:middle;}
.tbl table td ul li.table span:first-child {width:50px;}
.tbl table td ul li.table span:after {display:none;}
.tbl table td ul li.table:first-child span:after {display:none;}
.tbl table td ul li.table span:last-child {margin-left:30px;}
.tbl table td.last {padding-bottom:11px !important;}

.tbl.t2 table th, .tbl.t2 table td {text-align:right; padding:12px 0;}
.tbl.t2 table tr:last-child td {padding-bottom:12px; border-color:#999999;}
.tbl.t2 table th {border-bottom:1px solid #999999;}
.tbl.t3 table th, .tbl.t3 table td {border-bottom:none;}
.tbl.t3 table td span {position:relative; display:inline-block; letter-spacing:-1px;}
.tbl.t3 table td span:after {content:''; display:inline-block; width:1px; height:10px; margin-left:9px; margin-right:7px; background:#d2d3d4;}
.tbl.t3 table td span:last-child:after {background:none;}
.tbl.t4 table th, .tbl.t4 table td {border-bottom:none;}
.tbl.t5 table th, .tbl.t5 table td {border-bottom:none;}
.tbl.t5 {margin-top:15px; border-bottom:1px solid #e3e4e5;}
.tbl.t5 table th, .tbl.t5 table td {padding:5px 0;}
.tbl.t5 table tr:first-child th {padding-top:11px;}
.tbl.br_none { border-top:0; margin-top:0; border-bottom:1px solid #999; } 
/* 2022-08-23 보완등록 버튼 위치 수정 -3px -> -9px */
.tbl.t5 > .title .btn1 {top: -9px;}
.tbl.t5.border_hidden { border-bottom: 0 none; } 
.tbl.t5.border_hidden .tbl-txts.content_end { border-bottom:1px solid #e3e4e5; } 
/* 2022-08-22 */
.tbl tr.line td,
.tbl tr.line th { border-top:1px solid #999; }
.tbl-txts dt { color:#666; margin-bottom:10px; }
.tbl-txts dd { padding-bottom:10px; }
.tbl-txts.memo-box dd { height:25px; overflow:hidden;  }
.tbl-txts.memo-box.active dd { height:auto; }

/* tbl-type-list */
.tbl_type_list {margin-top:15px;}
.tbl_type_list.t2 {margin-top:0;}
.tbl_type_list.t2 ul li:first-child {margin-top:0;}
.tbl_type_list ul li:first-child {margin-top:15px;border-top:2px solid #666666;}
.tbl_type_list ul li a {display:block; position:relative; padding:13px 0 10px 0; border-bottom:1px solid #e3e4e5;}
.tbl_type_list ul li:last-child a {border-color:#999999;}
.tbl_type_list ul li a:after {content:''; display:block; position:absolute; right:0; top:50%; width:9px; height:16px; margin-top:-8px; background:url(../../../image/gap/GP/images/btn_go_link.png) no-repeat 0 0; background-size:9px 16px;}
.tbl_type_list ul li a .summary {display:inline-block;}
.tbl_type_list ul li a .summary .mark1 {display:inline-block; height:25px; line-height:25px; padding:0 8px; color:#fff; border-radius:3px; font-size:13px; background:#808285;} /*1214*/
.tbl_type_list ul li a .summary .mark1.bg_c {background:#111;}
.tbl_type_list ul li a .summary .pr {display:inline-block; margin-left:0;}
.tbl_type_list ul li a .summary .pr span {display:inline-block;}
.tbl_type_list ul li a .summary .pr span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 5px 0 7px; background:#d2d3d4;}
.tbl_type_list ul li a .summary .pr span:last-child:after {background:none;}
.tbl_type_list ul li a .summary .mark1 + .pr {margin-left:10px;} /* 2022-07-28 */
.tbl_type_list ul li a .title {margin-top:13px; padding-right:20px;}
.tbl_type_list ul li a .date {margin-top:7px;  color:#999; font-size:13px;}
.tbl_type_list ul li a .work_name {padding-right:135px; font-size:15px;}
.tbl_type_list ul li a .unit {position:absolute; top:50%; right:25px; height:20px; margin-top:-12px;}
.tbl_type_list ul li a .unit span strong {color:#150f96;}
.tbl_type_list ul li a .unit span {display:inline-block; font-size:13px;}
.tbl_type_list ul li a .unit span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 3px 0 5px; background:#d2d3d4;}
.tbl_type_list ul li a .unit span:last-child:a fter {display:none;}
.tbl_type_list li .no_result {padding:12px 0; border-top:2px solid #666; border-bottom:1px solid #999; font-size:15px; text-align:center;}
.tbl_type_list li:first-child .no_result {border-top:0;}
.tbl_type_list.ischk ul li{position:relative;border-bottom:1px solid #e3e4e5}
.tbl_type_list.ischk ul li span.checkbox.t2{float:left;width:30px;padding-top:50px}
.tbl_type_list.ischk ul li a{float:right;width:calc(100% - 30px);border-bottom:0}
.tbl_type_list.ischk ul li:after{content:"";clear:both;display:block}
.tbl_type_list ul li > a > button {
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 10px 0 8px 0;
  color: #150f96;
  border: 1px solid #150f96;
  font-size: 13px;
}

.table_type_list li:first-child a {border-top:2px solid #666;}
.table_type_list li a {display:block; position:relative; padding:15px 20px 15px 0; border-bottom:1px solid #e3e4e5; background:url(../../../image/gap/GP/images/btn_go_link.png) no-repeat right center; background-size:9px 16px;}
.table_type_list {margin-top:18px;}
.table_type_list.t3 {margin-top:13px;}
.table_type_list li a span {display:inline-block;}
.table_type_list li a span:before {content:''; display:inline-block; width:1px; height:11px; margin:0 9px; background:#d2d3d4;}
.table_type_list li a span:first-child:before {display:none;}
.table_type_list li a .mark {display:inline-block; position:absolute; top:50%; right:25px; margin-top:-11px; width:65px; padding:1px 8px; color:#fff; border-radius:3px; font-size:13px; font-weight:400; background:#9a9b9c}
.table_type_list .s_txt {color:#999; font-size:13px;}
.table_type_list.t2 {margin-top:0;}
.table_type_list.t2 li:first-child a {border-top:none; padding-top:18px;}
.table_type_list li .no_result {padding:12px 0; border-top:2px solid #666; border-bottom:1px solid #999; font-size:15px; text-align:center;}

.tbl_type_list ul li .list_wrap2 {display:block; position:relative; padding:13px 0 10px 0; border-bottom:1px solid #e3e4e5;}
.tbl_type_list ul li:last-child .list_wrap2 {border-color:#999999;}
.tbl_type_list ul li .list_wrap2 .summary {display:inline-block;}
.tbl_type_list ul li .list_wrap2 .summary .mark1 {height:20px; line-height:20px; padding:2px 8px; color:#fff; border-radius:3px; font-size:13px; background:#808285;}
.tbl_type_list ul li .list_wrap2 .summary .mark1.bg_c {background:#111;}
.tbl_type_list ul li .list_wrap2 .summary .pr {display:inline-block; margin-left:10px;}
.tbl_type_list ul li .list_wrap2 .summary .pr span {display:inline-block;}
.tbl_type_list ul li .list_wrap2 .summary .pr span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 5px 0 7px; background:#d2d3d4;}
.tbl_type_list ul li .list_wrap2 .summary .pr span:last-child:after {background:none;}
.tbl_type_list ul li .list_wrap2 .title {margin-top:13px; padding-right:20px;}
.tbl_type_list ul li .list_wrap2 .date {margin-top:7px;  color:#999; font-size:13px;}
.tbl_type_list ul li .list_wrap2 .work_name {padding-right:135px; font-size:15px;}
.tbl_type_list ul li .list_wrap2 .unit {position:absolute; top:50%; right:25px; height:20px; margin-top:-12px;}
.tbl_type_list ul li .list_wrap2 .unit span strong {color:#150f96;}
.tbl_type_list ul li .list_wrap2 .unit span {display:inline-block; font-size:13px;}
.tbl_type_list ul li .list_wrap2 .unit span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 3px 0 5px; background:#d2d3d4;}
.tbl_type_list ul li .list_wrap2 .unit span:last-child:after {display:none;}
.tbl_type_list ul li .list_wrap2 .pop_btn_area {font-size:0;}
.tbl_type_list ul li .list_wrap2 .pop_btn_area button {display:inline-block; width: 94px; height: 30px; margin-top: 5px; color:#fff; border: 1px solid #fff; border-radius:5px; text-align: center; background: #150f96; font-size: 13px;}
.tbl_type_list ul li .list_wrap2 .pop_btn_area button:first-child {margin-right:10px;}


/*상품설명서 발송*/
.gray_box {height:52px; line-height:52px; padding:0 20px; background:#f4f5f6;}
.gray_box .contractor_profile div:first-child {float:left;}
.gray_box .contractor_profile div:last-child {float:right;}
.gray_box .contractor_profile div:last-child span {display:inline-block;}
.gray_box .contractor_profile div:last-child span:last-child:after {display:none;}
.gray_box .contractor_profile div:last-child span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 7px; background:#cecfd0;}
.product_manual_guide .tit {font-size:15px; font-weight:700; margin-bottom:10px;}
.product_manual_guide ul li {position:relative; margin-bottom:10px; padding-left:9px;}
.product_manual_guide ul li:before {content:''; display:block; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:50%; background:#666666;}

/*청약서류 수령방식*/
.ap_document_wrap .form_item.t2 ul {margin:0 -7.5px;}
.ap_document_wrap .form_item.t2 ul:after {content:''; display:block; clear:both;}
.ap_document_wrap .form_item.t2 ul li {float:left; width:33.3333%; padding:0 7.5px;}
.ap_document_wrap .form_item.t2 ul li input[type="radio"],
.ap_document_wrap .form_item.t2 ul li input[type="checkbox"] {position: absolute;width: 1px;height: 1px;margin: -1px;border: 0;overflow: hidden;padding: 0;clip: rect(0,0,0,0);-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0;}
.ap_document_wrap .product_manual_guide { margin-top:30px; }
.form_item.t2 ul li label {display:block; position:relative; width:100%; height:103px; border:1px solid #e8e8e9; border-radius:4px; background:#fff;}
.form_item.t2 ul li label:before {content:'';display:block; position:absolute; top:11px; left:50%; width:60px; height:60px; margin-left:-30px; background:url(../../../image/gap/GP/images/ico_kakao_off.png) no-repeat 0 0; background-size:60px auto;}
.form_item.t2 ul li:nth-child(2) label:before {background:url(../../../image/gap/GP/images/ico_messenger.png) no-repeat 0 0; background-size:60px auto;}
.form_item.t2 ul li:nth-child(3) label:before {background:url(../../../image/gap/GP/images/ico_email_off.png) no-repeat 0 0; background-size:60px auto;}
.form_item.t2 ul li label:after {content:''; display:block; position:absolute; top:6px; right:6px; width:20px; height:20px; background:#fff url(../../../image/gap/GP/images/ico_contract_check_off.png) no-repeat 0 0; background-size:20px auto;}
.form_item.t2 ul li label span {display:block; padding-top:75px; text-align:center; color:#a0a0a0;}
.form_item.t2 ul li input:checked+label {border-color:#c5c6c7;}
.form_item.t2 ul li input:checked+label:after {background:url(../../../image/gap/GP/images/ico_contract_check_on.png) no-repeat 0 0; background-size:20px auto;}
.form_item.t2 ul li input:checked+label span {color:#111;}
.form_item.t2 ul li input:checked+label:before {background:url(../../../image/gap/GP/images/ico_kakao.png) no-repeat 0 0; background-size:60px auto;}
.form_item.t2 ul li input:checked+label:before {background:url(../../../image/gap/GP/images/ico_kakao.png) no-repeat 0 0; background-size:60px auto;}
.form_item.t2 ul li:nth-child(2) input:checked+label:before {background:url(../../../image/gap/GP/images/ico_messenger_on.png) no-repeat 0 0; background-size:60px auto;}
.form_item.t2 ul li:nth-child(3) input:checked+label:before {background:url(../../../image/gap/GP/images/ico_mail.png) no-repeat 0 0; background-size:60px auto;}
.email_box {height:50px; line-height:50px; margin-top:20px; margin-bottom:30px; color:#666; border-radius:3px; text-align:center; background:#f6f7f8;}
.email_box span {color:#018bed; font-weight:700;}

/*서면청약 완료 페이지*/
.ap_complete_wrap div span {font-weight:700;}
.ap_complete_wrap div+div {margin-top:18px;}

/*도트 리스트 타입*/
.dot_list_type ul li {position:relative; margin-bottom:10px; padding-left:9px;}
.dot_list_type ul li:before {content:''; display:block; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:50%; background:#666666;}
.dot_list_type ul li:last-child {margin-bottom:0;}
.tbl + .dot_list_type { margin-top:10px; }

/*상품정보선택*/
.call_easy_contract_wrap {position:absolute; bottom:15px; right:18px;}

/*간편설계 완료*/
.join_box {position:relative; height:55px; line-height:55px; border-top:2px solid #666; border-bottom:1px solid #999;}
.join_box .insured_person {color:#666666; padding-right:68px;}
.join_box .btn1 {position:absolute; top:50%; right:0; margin-top:-15px;}

/*간편설계 생년월일성별입력*/
.privacy_guide_wrap {margin:-26px -20px 0; padding:20px; border-bottom:1px solid #e3e4e5;}
.privacy_guide .privacy_guide_txt {position:relative; padding-left:21px; font-size:13px;}
.privacy_guide .privacy_guide_txt:before {content:''; display:block; position:absolute; top:3px; left:0; width:15px; height:15px; background:url(../../../image/gap/GP/images/ico_privacy_txt.png) no-repeat 0 0; background-size:15px auto;}
.privacy_guide .privacy_guide_txt span {color:#018bed;}

.exclamation_wrap {margin:-26px -18px 0; padding:20px 18px; border-top:1px solid #e3e4e5; border-bottom:1px solid #e3e4e5;}
.exclamation_wrap.t2 {margin-top:0;}
.exclamation_wrap .exclamation_guide_txt {position:relative; padding-left:21px; font-size:13px;}
.exclamation_wrap .exclamation_guide_txt span {color:#FF6600;}
.exclamation_wrap .exclamation_guide_txt:before {content:''; display:block; position:absolute; top:3px; left:0; width:15px; height:15px; background:url(../../../image/gap/GP/images/ico_privacy_txt.png) no-repeat 0 0; background-size:15px auto;}

/*모바일청약접수완료*/
.m_Subscription_guide {padding-bottom:28px; border-bottom:1px solid #e3e4e5;}
.sub_number {margin-bottom:24px; padding-bottom:10px; border-bottom:1px solid #e3e4e5;}
.sub_number span {font-weight:700;}


.product_info_wrap {margin:0 -20px; padding:25px 0; border-bottom:1px solid #e3e4e5;}
.product_info_wrap .product_info_inner {padding:0 20px;}
.product_info_wrap .product_info_inner .division{justify-content:left}
.product_info_wrap .product_info_inner .product_name {font-size:20px; font-weight:700;}
.product_info_wrap .product_info_inner .duration {display:inline-block;margin-top:17px;margin-left:15px}
.product_info_wrap .product_info_inner .duration span.date { float:left; }

.tit_line {position:relative; margin-bottom:15px; padding-top:25px;}
.fee {position:absolute; right:0; top:20px; font-size:15px;}
.fee span {color:#150f96; font-size:25px;}

.basic_box {padding:15px 0; border-top:2px solid #666666; border-bottom:1px solid #999999;}
.basic_box ul:after {content:''; display:block; clear:both;}
.basic_box.t2 ul li {color:#666;}
.basic_box ul li {position:relative; margin-bottom:10px;}
.basic_box ul li div:first-child {padding-right:100px; color:#666;}
.basic_box ul li div:last-child {position:absolute; right:0; top:0;}
.basic_box ul li div.por {position:absolute; right:0; top:0;}
.basic_box ul li:last-child {margin-bottom:0;}
.basic_box ul li ul {margin-top:12px;}
.basic_box.t3 .prd_tit {color:#111 !important; padding-right:0 !important; font-size:17px; font-weight:700;}
.basic_box.t3 .prd_tit+div {color:#666; margin-top:5px;}
/*.basic_box.t3 ul li {margin-bottom:20px;}*/
.basic_box.t3 ul li:last-child {margin-bottom:0;}
.basic_box.t3 ul li .fee_wrap {position:relative;}
.basic_box.t3 ul li .fee_wrap div:last-child {position:absolute; top:0; right:0; color:#111;}
.basic_box.t3 ul li ul {margin-top:3px;}
.basic_box.t3 ul li ul li {position:relative; margin-bottom:0;}
.basic_box.t3 ul li ul li div:last-child {position:absolute; top:0; right:0;}

.basic_box.t2 .prd_tit {font-size:17px; font-weight:700;}

.product_info_choice_wrap:first-child {margin-top:0;}
.product_info_choice_wrap .tit_wrap {position:relative;}
.product_info_choice_wrap .tit_wrap:first-child { margin-top:0; }
.product_info_choice_wrap .tit_wrap .choice_button_wrap {position:absolute; top:0; right:0;}
.product_info_choice_wrap .tit_wrap .choice_button_wrap .choice_button {position:relative; display:block;}
.product_info_choice_wrap .tit_wrap .choice_button_wrap .choice_button:before {content:''; display:block; position:absolute; left:-25px; top:0; width:20px; height:20px; background:url(../../../image/gap/GP/images/btn_choice.png) no-repeat 0 0; background-size:20px auto;}
.product_info_choice_wrap {margin-top:33px;}
.form_choice_wrap:first-child {margin-top:0;}
.form_choice_wrap {margin-top:10px; padding-bottom:10px;}
.form_choice_wrap .input_wrap {position:relative; padding:13px 14px; border:1px solid #c5c6c7; border-radius:3px; background:#f6f7f8;}
.form_choice_wrap .input_wrap.t2 {border-bottom-left-radius:0; border-bottom-right-radius:0;}
.form_choice_wrap .input_wrap .fee {position:absolute; top:12px; right:14px;}
.form_choice_wrap .input_wrap .fee span {color:#018bed; font-weight:700; font-size:14px;}

.search_number span {color:#018bed; font-weight:700; font-size:14px;}

.ui_slick .slick-list{padding-left:12.5px;padding-right:32.5px;}
.ui_slick.swiper-container-initialized{padding:0 12.5px;overflow:hidden;}
.ui_slick.swiper-container-initialized .item,
.ui_slick.slick-slider .item{padding:0 7.5px;}
.ui_slick .swiper-wrapper{height:auto !important;}
.ui_slick.swiper-container-initialized .item{width:95%;}
.ui_slick.swiper-container-initialized .item+.item,
.ui_slick.slick-slider .item+.item{opacity:1;height:auto;}
.ui_slick .swiper-pagination,
.ui_slick .slick-dots{text-align:center;margin-top:20px;}
.ui_slick .slick-dots{padding:0 15px;height:11px;}
.swipe-container .swiper-pagination{position:static;line-height:0;font-size:0;}
.swipe-container .swiper-pagination .swiper-pagination-bullet{display:inline-block;margin:0 5px;width:11px;height:11px;vertical-align:top;overflow:hidden;background-color:#d7d8d9;border-radius:100%;font-size:3px;color:transparent; transition: background 0.3s;opacity:1;}
.swipe-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#313131}
.swiper-button-prev,
.swiper-button-next{display:block;font-size:3px;color:transparent;overflow:hidden;}
.swiper-button-prev{left:20px;}
.swiper-button-next{right:20px;}
.recommend_prd_wrap .tit_h3 {margin:0;  font-size:13px; color:#fff;}
.recommend_prd_wrap .ui_slick_wrap,
.recommend_prd_wrap .ui_slick_wrap>div{position:relative;overflow:hidden;min-height:220px;}
.recommend_prd_wrap .ui_slick_wrap>div{-webkit-transition:left 0.5s cubic-bezier(0.4, 1, 0.3, 1), height 0.3s;transition:left 0.5s cubic-bezier(0.4, 1, 0.3, 1), height 0.3s;}
.recommend_prd_wrap .ui_slick{float:left;opacity:0;height:1px;}
.recommend_prd_wrap .ui_slick:first-child,
.recommend_prd_wrap .ui_slick.swiper-container-initialized{opacity:1;height:auto;}
.recommend_prd_wrap .ui_slick .recommend_prd a{display:block;}
.recommend_prd_wrap .ui_slick .recommend_prd a > div{margin-top:12px; padding:15px;min-height:100px;border-radius:5px;overflow:hidden; background:#fff; font-weight:700; font-size:17px;}
.recommend_prd_wrap .ui_slick .swiper-pagination,
.recommend_prd_wrap .ui_slick .slick-dots{text-align:left;padding:0 2.5px;}
.recommend_prd_wrap .ui_slick .tit{font-size:17px;font-weight:700}
.recommend_prd_wrap .ui_slick .sub{margin-top:20px;font-size:1.5rem;font-weight:500;min-height:44px;}
.recommend_prd_wrap .ui_slick .tag_wrap{margin-top:22px;font-size:0;margin-right:-20px;}
.recommend_prd_wrap .ui_slick .tag_wrap span{display:inline-block;height:26px;margin-right:5px;margin-bottom:7px;padding:0 15px;font-size:1.4rem;font-weight:500;line-height:24px;border-radius:13px;background-color:rgba(255,255,255,0.2)}
.recommend_prd_wrap .ui_slick .tag_wrap span:last-child{margin-right:0;}
.recommend_prd_wrap .ui_slick .tag_wrap span:before{content:'# ';}


.tab_swipe_wrap {position:fixed; top:50px; left:0; right:0; padding:0; z-index:111;}
.tab_swipe_wrap.no_fixed { position:static !important;}
.header_top .tab_swipe_wrap.no_fixed { margin:0 -18px; }
.content .tab_swipe_wrap.no_fixed { margin:0 -18px; }
.tab_swipe_wrap.long {position:fixed; top:214px; left:0; right:0; padding:0; z-index:111;}
.tab_swipe_wrap.long.t2 {top:153px;}
.tab_swipe_wrap.long.static {position: static;} /* 05-31 */


.swiper-container-initialized .tab_swiper{position:relative;width:100%;height:100%;z-index:1;display:flex;-webkit-transition-property:transform;transition-property:transform;box-sizing:content-box;}
.swiper-container-initialized .tab{flex-shrink:0;position:relative;-webkit-transition-property:transform;transition-property:transform;}
.tab_track{position:relative;height:50px;overflow:hidden; padding-top:7px; border-top:1px solid #e3e4e5; border-bottom:1px solid  #e3e4e5; background:#f4f5f6;}
.tab_track.t2 {border-top:0;}

.tab_swiper {position: relative !important; width: 100% !important; height: 100% !important; z-index: 10; display: flex !important; -webkit-transition-property: transform;transition-property: transform;box-sizing: content-box !important;}
.tab_swiper .tab {flex-shrink: 0; position: relative;-webkit-transition-property: transform;
  transition-property: transform;}
.tab_nav li{position:relative;float:left;width:auto;padding:0 2px;}
.tab_nav li:first-child{padding-left:20px;}
.tab_nav li:last-child{padding-right:20px;}
.tab_nav li a{display:block;min-width:82px; height:34px;line-height:32px;padding: 0 5px;color:#666; border:1px solid #d2d3d4; background:#fff;  text-align:center;}
.tab_nav li a span{display:inline-block;position:relative;height:100%}
.tab_nav li.active a{color:#fff; background:#150F96; border-color:#150F96;}
/* 2022-08-09 */
.tab_nav.type2 {display:block; width:100%;}
.tab_nav.type2 li{position:relative;width:33.3%;padding:0;}
.tab_nav.type2 li:first-child{padding-left:18px;}
.tab_nav.type2 li:last-child{padding-right:20px;}
/* //2022-08-09 */
.swiper-container-initialized .tab_swiper{position:relative;width:100%;height:100%;z-index:1;display:flex;-webkit-transition-property:transform;transition-property:transform;box-sizing:content-box;}
.swiper-container-initialized .tab{flex-shrink:0;position:relative;-webkit-transition-property:transform;transition-property:transform;}


.share_box {margin-top:15px;}
.share_box ul li {position:relative;}
.share_box ul li a {display:table; box-sizing:content-box;} 
.video_wrap {position:relative;}
.video_wrap .video_content {margin-top:27px;}
.video_wrap .video_content:first-child {margin-top:0;}
.video_wrap .video_img {position:relative; margin:0 -18px;}
.video_wrap .tit {position:absolute; top:18px; left:16px; color:#fff; font-size:13px;}
.video_info_wrap {position:relative; margin-top:20px;}
.video_info_wrap .mark {display:block; position:absolute; top:0; left:0; width:38px; padding:7px 0; color:#fff; border-radius:5px; font-size:13px; background:#bfc4c8;} 
.video_info_wrap .title {padding-left:48px; min-height:38px;}
.video_info_wrap .title .new1 {display:inline-block; width:15px; height:15px; line-height:15px; margin-left:5px; color:#fff; border-radius:50%; text-align:center; text-indent:-2px; font-size:9px; background:#ff2d2d; }
.video_info_wrap .summary {margin-top:11px; font-size:13px; color:#666;}
.video_info_wrap .past {margin-top:10px; color:#999; font-size:12px;}

/*기본 검색 조회횟수 테이블 양식 border-top:2px 진한검정 border-bottom:1px 연한회색*/
.basic_search_wrap {margin-top:18px;}
.basic_search_wrap .basic_search_info {margin-bottom:14px;}
.basic_search_wrap .basic_search_info .color {color:#150f96;}
.basic_table_list ul li {position:relative; padding:17px 0 13px 0;border-bottom:1px solid #e3e4e5;}
.basic_table_list ul li:first-child {border-top:2px solid #666666;}
.basic_table_list ul li .pr_info span {display:inline-block;}
.basic_table_list ul li .pr_info span:last-child:after {background:none;}
.basic_table_list ul li .pr_info span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 4px 0 8px; background:#d2d3d4;}
.basic_table_list ul li .result {position:absolute; top:17px; right:0;}
.basic_table_list ul li .result.complete {color:#150f96;}
.basic_table_list ul li .result.fail {color:#FF6600;}
.basic_table_list ul li .title {margin-top:15px; padding-right:15px;}
.basic_table_list ul li .bottom {position:relative; margin-top:10px; color:#999; font-size:13px;}
.basic_table_list ul li .bottom .date {position:absolute; top:0; right:0;}

.product_box_wrap {padding:0 0 25px 0;}
.product_box_wrap .title {font-size:20px; font-weight:700; line-height:30px; }
.con_wrap {position:relative; margin-top:12px;}
.con_wrap .con_mark {display:inline-block; height:20px; padding:0 5px; line-height:20px; color:#fff; border-radius:3px; font-size:13px; text-align:center; background:#150f96;}
.con_wrap .con_number {padding-left:5px;}
.con_wrap .con_number strong {color:#666; font-weight:400;}
.con_wrap .unit {position:absolute; top:0; right:0;}
.con_wrap .unit span {color:#150f96; font-weight:700;}
.con_wrap .txts {position:absolute; top:0; right:0; font-weight:bold; }
.product_box_wrap .btns { margin-top:15px; text-align:right; }
.product_box_wrap .btns .btn1 { display:inline-block; margin-left:5px;  }
.product_box_wrap.btn-type { margin:-30px -18px 0 -18px; padding:0 18px; background:#f4f5f6;  }
.product_box_wrap.btn-type .btns { margin-top:0; padding:10px 0; }
.product_box_wrap.btn-type .btns .btn1 { background:#fff; }
.b_tit_wrap { position:relative; margin-top:30px; margin-bottom:10px; }
.b_tit_wrap:first-child { margin-top:0; }
.b_tit_wrap .b_tit {font-size:15px; font-weight:700;}
.b_tit_wrap .plus_button { position:absolute; bottom:0; right:0;}


.job_search_form {margin-top:-4px;}
.form_item .job_search_btn {position:absolute; top:0; right:5px; width:34px; height:100%; background:url(../../../image/gap/GP/images/btn_search.png) no-repeat 50%; background-size:17px auto;}
.form_item .email_comment {position:absolute; top:0; right:0; font-size:13px; color:#FF6600;}
.form_item.telecom-item .check-wrap.mvno { display:none; }

/*small-gray-box*/
.small_gray_box {padding:15px 0; border-top:1px solid #e3e4e5; border-bottom:1px solid #e3e4e5; background:#f4f5f6;}
.small_gray_box .pr_info {display:inline-block;}
.small_gray_box .pr_info span {display:inline-block; font-size:15px;}
.small_gray_box .pr_info span:first-child {padding-left:10px;}
.small_gray_box .pr_info span:after {content:''; display:inline-block; width:1px; height:11px; margin:0 2px 0 6px; background:#d2d3d4;}
.small_gray_box .pr_info span:last-child:after {display:none;}

.product_tit_tbl {display:table; width:100%; height:55px; border-top:2px solid #666666; border-bottom:1px solid #999999;}
.product_tit_tbl div {display:table-cell; vertical-align:middle;}
.product_tit_tbl div.enter_btn {padding-top:11px;}

.btn_wrap3 {margin-top:30px;}
.two_btn {margin:0 -5px; padding-bottom:55px;}
.two_btn li {float:left; width:50%; padding:0 5px;} 
.two_btn li a {display:block; height:55px; line-height:55px; color:#fff; border-radius:4px; text-align:center; background:#150f96;}
/*******************************************************************
                        공지사항
********************************************************************/
/*헤더 높이값 짧은경우*/
/* header.s{min-height:50px} */
/*전체 좌우 패딩 없을때*/
/* .content.no_pd{padding:0}
.content.tab_swipe{padding:180px 0 0} */
/* 아코디언 스타일 t2 일때 */
.accordion.t2 .title a.active .ico:before,.accordion.t2 .title a.active .ico:after{background-color:#150f96;}
.accordion.t2 .title a .ico{position:absolute;top:50%;right:14px;width:14px;height:10px; margin-top:-5px; overflow:hidden}
.accordion.t2 .title a .ico:before, .accordion.t2 .title a .ico:after{content:'';position:absolute;top:3px;width:10px;height:2px;background-color:#111;border-radius:2px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.accordion.t2 .title a .ico:before{left:-2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.accordion.t2 .title a .ico:after{right:-2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.accordion.t2 .title a.active .ico:before{transform:rotate(-45deg)}
.accordion.t2 .title a.active .ico:after{transform:rotate(45deg)}
.content.no_pd .accordion.t2 .title{padding-bottom:15px;margin:0 20px;border-bottom:1px solid #e3e4e5}
.content.no_pd .accordion.t2 .panel{padding:25px 18px; margin-top:-1px; border-top:1px solid #e3e4e5; border-bottom:1px solid #e3e4e5}
.content.no_pd .accordion.t2 .panel.notice {background:#f6f7f8;}
.content.no_pd .accordion.t2 .panel+.title{margin-top:15px}
.accordion.t2 .title .tag{font-size:13px;padding:0 8px;margin-right:8px}
.accordion.t2 .title .tag.r{border:1px solid #ff2d2d;border-radius:5px;color:#ff2d2d}
.new{position:relative;display:inline-block;top:-1px;font-size:8px;color:#fff;left:5px}
.new:before{content:"";position:absolute;top:0;left:50%;margin-left:-7.5px;width:15px;height:15px;border-radius:50%;background-color:#ff2d2d;z-index:-1}
.accordion.t2 .title .sub{font-size:12px;color:#999;margin-top:10px}
.accordion.t2 .list_txt_wrap.file {padding-bottom:10px;}
.accordion.t2 .list_txt+.list_txt{margin-top:15px}
.accordion.t2 .list_txt i{font-style:normal;margin-right:8px}
.accordion.t2 .attach_file_wrap {padding-top:12px; border-top:1px solid #e3e4e5;}
.accordion.t2 .attach_file_wrap a {display:block; position:relative; margin-bottom:10px; padding-left:30px;}
.accordion.t2 .attach_file_wrap a:before {content:''; display:block; position:absolute; top:0; left:0; width:18px; height:18px; background:url(../../../image/gap/GP/images/icon_file.png) no-repeat; background-size:18px auto;}
.accordion.t2 .attach_file_wrap a:last-child {margin-bottom:0;}


.btn-share { position:relative; color:#150f96; padding-left:27px; font-size:13px;}
.btn-share:before { content:''; width:20px; height:20px; position:absolute; margin-top:-10px; top:50%; left:0; background:url(../../../image/gap/GP/images/btn_share.png) no-repeat 0 0; background-size:20px auto;   }

[class*="btn-more"] { position:relative; color:#150f96; padding-right:15px;} 
[class*="btn-more"]:before { content: ''; position: absolute; display: block; top: 50%; right:2px; width: 8px;  height: 8px; border-bottom: 1px #150f96 solid; border-right: 1px #150f96 solid; transform: rotateZ(-45deg); margin: -4px 0 0 -6px;  }

.btn-more-tog:before { transform:rotateZ(45deg); top:10px; }
.btn-more-tog.on:before { transform:rotateZ(-135deg); top:14px; }

.btn-cal { width:40px; height:42px; background:url(../../../image/gap/GP/images/btn_cal.png) no-repeat center center; background-size:18px auto;   }

.btn.cancel { background:#808285 !important; }

.ico-new { display:inline-block; width:15px; height:15px; vertical-align:middle; background:url(../../../image/gap/GP/images/ico_new.png) no-repeat 0 0; background-size:15px auto;    }

textarea { -webkit-appearance:none; border:0;}
.txtarea { width:100%; border-radius:0; }
.txtarea { display:block; max-height:200px; padding:15px;  line-height:22px;  overflow-y:hidden; border:1px #e0e0e0 solid; }
.txtarea::placeholder { line-height:22px; color:#bdbdbe; font-size:15px;  }
.txtarea:focus { outline: none; border: 1px solid #150f96;}


.h-wrap { position:relative; }
.h-wrap [class*="btn-more"] { position:absolute; bottom:0px; right:0; }
.h-wrap .info { position:absolute; bottom:0px; right:0; }

.section > .h3:first-child { margin-top:0; }

.h3 { margin:30px 0 15px 0; }
h4.dot { position:relative; padding-left:10px; margin:20px 0 10px 0; font-size:15px; }
h4.dot:first-child { margin-top:0; }
h4.dot:before { content:''; position:absolute; top:50%; left:0; margin-top:-2px; display:block; width:4px; height:4px; border-radius:50%; background:#666; }
.h3 + .form_item { margin-top:0; }
.form_item .check-wrap { margin-top:7px; }
.form_item .note { position:absolute; top:2px; right:0; font-size:13px; color:#666;  }

.recommend_prd_wrap { padding:0 0 30px 18px; }

.fixed_bottom_button .col2 { padding:20px; }
.fixed_bottom_button .col2 li { overflow:hidden; float:left; width:70%; padding:0 !important; border-radius:0 28px 28px 0;  }
.fixed_bottom_button .col2 li:first-child { width:30%;/*  border-radius:28px 0 0 28px;  */}
.fixed_bottom_button .col2 .btn { border-radius:0; }

.form_item:after { content:''; display:block; clear:both; }
.form_item.type_date { margin-top:10px; }
.form_item.type_date:before { content:''; position:absolute; top:50%; left:calc(50% - 5px); width:10px; height:1px; background:#666; }
.form_item.type_date .input { float:left; width:calc(50% - 10px); margin:0 0 0 20px; }
.form_item.type_date .input:first-child { margin-left:0; }
.form_item.type_date .btn-cal { position:absolute; top:0; right:0; }
.form_item.type_date.call { margin-top:0; }
.form_item.type_date.call:before { display:none; }
.form_item.type_date input { background:url(../../../image/gap/GP/images/btn_select01.png) no-repeat calc(100% - 10px) center; background-size:16px auto; }

.search-detail .form_item.type_date { display:none; }
.search-detail .form_item.type_date.t2 { display:block; }
.form_item.type_date.call .input { float:left; width:calc(50% - 5px); margin:0 0 0 10px; }
.form_item.type_date.call .input:first-child { margin-left:0; }

.tbl-info:after { content:''; display:block; clear:both; }
.tbl-info dt { float:left; color:#666; }
.tbl-info dd { float:right; color:#9f64f9; font-weight:700;  }

.check-wrap { display:flex; flex-wrap:wrap; }
.check-wrap:after { content:''; display:block; clear:both; }
.check-wrap > div { width:20%; min-height:35px; }
.check-wrap > div .lbl,
.check-wrap > div label { width:100%; padding:10px 0; height:100%; display:flex; align-items: center;  justify-content: center; text-align:center; color:#666; line-height:18px; border:1px solid #d4d5d8; }
.check-wrap > div input:checked + label { color:#150f96; border-color:#150f96; }
.check-wrap > div label:before { display:none; }
.check-wrap > div button.lbl {font-weight:400; font-size:16px; color:#666;}
.check-wrap > div .lbl.mvno { position:relative; padding-left:10px; justify-content:left; }
.check-wrap > div .lbl.mvno:before { content:''; width:12px; height:7px; display:block; position:absolute; margin-top:-4px; top:50%; right:10px; background:url(../../../image/gap/GP/images/btn_select01.png) no-repeat 0 0; background-size:12px 7px;  }
.check-wrap > div .lbl.mvno.active:before { transform: rotateZ(180deg);  } 
.check-wrap.col2 > div {width:50%;} /*1214*/
.check-wrap > div.col2 { width:40%; }
.check-wrap.col4 > div { width:25%; }
.check-wrap.col3 > div { width:33.333%; }
.check-wrap > div .lbl.active { border-color:#00cbd7; color:#00cbd7;  }

.recommend_prd_wrap { margin-right:-18px; } 
.recommend_prd_wrap h3 { font-weight:400; }
.share_box { margin-top:0 !important; }
.share_box li { border-bottom:1px solid #e3e4e5; padding:10px 0; }
.share_box li a { display:table; width:calc(100% - 110px); margin-left:40px; min-height:60px; }
.share_box .sort { position:absolute; top:50%; left:0; transform:translateY(-50%); padding-top:7px; padding-bottom:7px; width:40px; border-radius:5px; background:#bfc4c8; color:#fff; text-align:center;   }
.share_box .tit { display:table-cell; padding-left:10px; line-height:22px; vertical-align:middle; font-weight:400; }
.share_box .tit .ico-new { margin-left:5px; }
.share_box .btn-share { position:absolute; top:50%; right:0; margin-top:-9px;  } 

.prod_slick { margin:10px 0 0 0; position:relative; overflow:hidden;   }
.prod_slick .slick-slide { padding: 0 15px 0 0; }
.prod_slick .prod-item { position:relative; background:#fff; height:100px; border-radius:15px; padding:20px; }
.prod_slick .prod-item .name { padding-right:30px; font-weight:700; font-size:17px; line-height:26px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;   }
.prod_slick .prod-item .btn-share { position:absolute; bottom:15px; right:20px;   }

/*main slick*/
.main_prd_wrap {position:relative; padding-top:50px;}
.main_prd_wrap .main_util_wrap {position:absolute; top:50px; right:0; background:#fff;}
.main_prd_wrap .main_util_wrap div {margin-bottom:9px; border-radius:5px; background:#150f96;}
.main_prd_wrap .main_util_wrap div a {display:block; position:relative; width:115px; height:70px; padding:10px; color:#fff; border-radius:5px; background:#150f96;z-index:1 }
.main_prd_wrap .main_util_wrap div a:before {content:''; display:block; position:absolute; bottom:12px; right:10px; width:22px; height:22px; background:url(../../../image/gap/GP/images/ico_main_sllde_util01.png) no-repeat; background-size:22px auto;}
.main_prd_wrap .main_util_wrap div:nth-child(2) a:before {width:21px; height:24px; background:url(../../../image/gap/GP/images/ico_main_sllde_util02.png) no-repeat; background-size:21px 24px;}
.main_prd_wrap .main_util_wrap div:last-child a:before {background:url(../../../image/gap/GP/images/ico_main_sllde_util03.png) no-repeat; background-size:22px auto;}
.main_prd_wrap .main_util_wrap div a:after {content:''; display:block; position:absolute; bottom:12px; left:10px; width:15px; height:9px; background:url(../../../image/gap/GP/images/ico_main_link.png) no-repeat; background-size:15px 9px;}
.main_prd_wrap .main_util_wrap div a span {display:inline-block; text-align:left; line-height:17px; font-size:15px;}
.main_prd_wrap .main_util_wrap div:last-child {margin-bottom:0;}
.main_slick {background:#fff;}
.main_slick .info-item {position:relative; background:#fff; height:230px;}
.main_slick .info-item:first-child img {width:64px; height:77px;}
.main_slick .info-item:nth-child(2) img {width:72px; height:77px;}
.main_slick .info-item:nth-child(3) img {width:78px; height:68px;}
.main_slick .info-item .g_txt:before{content:"";clear:both;display:block}
.main_slick .info-item .g_txt {display:block; font-size:24px; line-height:32px; color:#150f96;}
.main_slick .info-item .g_txt .u_line{display:inline-block;position:relative;z-index:1}
.main_slick .info-item .g_txt .u_line:after{content:'';display:inline-block;width:102%;z-index:-1;background:#ffdd7f;height:5px;position:absolute;left:0;bottom:3px;border-radius:5px}
.main_slick .info-item .g_txt .u_point{display:inline-block;margin-left:2px;padding:3px 3px 4px 4px;background:#ffdd7f;border-radius:8px;line-height:1}
	
.main_slick button {margin-top:15px; font-weight:700;}
.main_slick button span {display:inline-block; position:relative; vertical-align:middle; font-size:17px;}
.main_slick button span:after {content:''; display:inline-block; width:7px; height:12px; margin-left:5px; background:url(../../../image/gap/GP/images/ico_main_btn_link.png) no-repeat; background-size:7px 12px;}
.main_slick .slick-slide{float:left;position:relative;outline:none; height:230px;}
.main_slick .slick-dots {position:absolute; bottom:0; left:50%; transform:translateX(-50%); margin-left:-10px}
.main_slick a{display:block;margin-top:15px;color:#111;font-weight:700;font-family:Arial;letter-spacing:-1px}
.main_slick a span {display:inline-block; position:relative; vertical-align:middle; font-size:17px;}
.main_slick a span:after {content:''; display:inline-block; width:7px; height:12px; margin-left:0; background:url(../../../image/gap/GP/images/ico_main_btn_link.png) no-repeat; background-size:7px 12px;}

.table_type_link.result .status { top:15px;  }
.table_type_link.result .title { padding-right:80px; }
.table_type_link.result .info { margin-top:5px; color:#666; font-size:13px;   }
.table_type_link.result .status { color:#150f96; }
.table_type_link.result .status.error { color:#f08801; }

.table_type_link.issue li > a:before { content:''; display:block; position:absolute; top:50%; right:0; margin-top:-8px; width:9px; height:16px; background:url(../../../image/gap/GP/images/btn_go_link.png) no-repeat 0 0; background-size:9px auto; }
.table_type_link.issue li .cont > div { position:relative; }
.table_type_link.issue li .cont .value { float:left; margin-left:20px; }
.table_type_link.issue li .cont .value:before { content:''; display:block; position:absolute; top:50%; margin-top:-5px; left:-10px; width:1px; height:10px; background:#ddd;  }
.table_type_link.issue .sub_tit { padding-right:50px; }

/* main */
header.main {padding-top:0; background:#fff;}
header.main .h_top {position:fixed; left:0; right:0; padding:17px 18px 0; background:#fff; z-index:100;}
header.main .h_top h1 {color:#111; padding-top:0;}
header .log-info { position:absolute; top:17px; right:18px; }
header .log-info button { position:relative;  padding-right:30px;  color:#999999; background:transparent; }
header .log-info button span {font-size:14px;}
header .log-info button:after { content:''; display:block; width:20px; height:18px; position:absolute; top:0; right:0; background:url(../../../image/gap/GP/images/ico_logout.png) no-repeat 0 0; background-size:20px auto; }
header .log-info button.in:after {background:url(../../../image/gap/GP/images/ico_login.png) no-repeat 0 0; background-size:18px auto;}

header .intro { padding:20px 0 30px 0; }
header .intro-txts { font-size:24px; font-weight:400;}
header .intro h2 { margin:10px 0 0 0; font-size:13px; font-weight:400; color:#91d0ff;   }
header .intro dl { display:flex; flex-wrap:wrap; margin-top:-5px; }
header .intro dl > div { position:relative; float:left; width:calc(50% - 5px); margin-top:10px; background:#fff; color:#150f96; border-radius:5px; height:65px; padding:10px 15px 0 15px;   }
header .intro dl > div:nth-child(2n) { margin-left:10px; }
header .intro dl > div dt { font-size:13px; line-height:16px; margin-bottom:5px; font-weight:bold; }
header .intro dl > div dd strong { display:inline-block; font-size:22px; font-weight:700; color:#150f96; line-height:23px;  }
header .intro dl > div dd button { position:absolute; top:0; right:0; bottom:0; width:50px; background:url(../../../image/gap/GP/images/bg_main_more.png) no-repeat calc(100% - 10px) 10px; background-size:19px auto;    }
header .intro .link-box { margin-top:20px; border:1px solid #99d1f7; overflow:hidden; }

.link-box { width:100%; background:#150f96; border-radius:5px; display:flex;  }
.link-box a { position:relative; float:left; width:50%; background:transparent; height:44px; }
.link-box a:before { content:''; position:absolute; left:0; top:50%; margin-top:-8px;  width:1px; height:16px; background:#4daef2;  }
.link-box a:first-child:before { display:none; }
.link-box a span { position:relative; padding-left:22px; color:#fff; display:inline-block; line-height:44px; font-size:14px;   }
.link-box a span:before { content:''; position:absolute; display:block; width:18px; height:18px; top:50%; left:0; margin-top:-9px;}
.link-box.col2 { display:block; margin:10px 0; border:1px solid #c5c6c7;  background:#f4f5f6;}
.link-box.col2 a { text-align:left; border-bottom:1px solid #e3e3e3;  border-right:1px solid #e3e3e3; }
.link-box.col2 a:nth-child(2n) {border-right:0;}
.link-box.col2 a:nth-child(3) {border-bottom:0;}
.link-box.col2 a:nth-child(4) {border-bottom:0;}
.link-box.col2 a span { color:#000; text-align:left; padding-left:35px; font-size:15px; }
.link-box.col2 a span:before { width:17px; height:18px; margin-top:-9px; left:10px; }
.link-box.col2 a.doc span:before {background:url(../../../image/gap/GP/images/ico_main_search_result01.png) no-repeat; background-size:14px 18px;}
.link-box.col2 a.edu span:before {background:url(../../../image/gap/GP/images/ico_main_search_result02.png) no-repeat; background-size:14px 17px;}
.link-box.col2 a.mov span:before {background:url(../../../image/gap/GP/images/ico_main_search_result03.png) no-repeat; background-size:16px auto;}
.link-box.col2 a.noti span:before {background:url(../../../image/gap/GP/images/ico_main_search_result04.png) no-repeat; background-size:15px auto;}
.link-box.col2 a:before { display:none; }
.link-box:after { content:''; display:block; clear:both; }
.link-box2 {margin-top:10px;}
.link-box2 ul {margin:0 -5px;}
.link-box2 ul:after {content:''; display:block; clear:both;}
.link-box2 ul li {float:left; width:50%; padding:0 5px;}
.link-box2 ul li button {display:block; width:100%; height:42px; line-height:42px; border-radius:5px; background:#2d333e;}
.link-box2 ul li:last-child button {background:#808285;}
.link-box2 ul li button {width:100%;}
.link-box2 ul li button span {display:inline-block; position:relative; padding-left:25px; color:#fff; font-weight:700; font-size:15px; text-align:center;}
.link-box2 ul li button span:before {content:'';position:absolute; top:50%; left:0; width:15px; height:17px; margin-top:-9px; background:url(../../../image/gap/GP/images/ico_lina_care.png) no-repeat 0 0; background-size:15px 17px;}
.link-box2 ul li:last-child button span:before {background:url(../../../image/gap/GP/images/ico_life_magazing.png) no-repeat 0 0; background-size:15px 17px;}

.link_box { width:100%; background:transparent; border:1px solid #c5c6c7; border-radius:5px; display:flex; margin-bottom:10px;}
.link_box button:first-child {width:28%;}
.link_box button { position:relative; float:left; width:36%; background:transparent; height:44px; }
.link_box button:before { content:''; position:absolute; left:0; top:50%; margin-top:-8px;  width:1px; height:16px; background:#c5c6c7;  }
.link_box button:first-child:before { display:none; }
.link_box button span { position:relative; padding-left:19px; color:#111; display:inline-block; line-height:44px; font-size:13px;   }
.link_box button span:before { content:''; position:absolute; display:block; width:18px; height:18px; top:50%; left:0; margin-top:-9px; background:url(../../../image/gap/GP/images/ico_main_util1.png) no-repeat 0 0; background-size:14px auto;}
.link_box button.simple  span:before {width:14px; height:16px; background:url(../../../image/gap/GP/images/ico_main_util2.png) no-repeat 0 0; background-size:14px 16px;}
.link_box button.join span:before {background:url(../../../image/gap/GP/images/ico_main_util3.png) no-repeat 0 0; background-size:14px auto;}

.link_box2 {margin-bottom:10px; border:1px solid #c5c6c7; border-radius:5px; padding:10px 14px 14px 14px;}
.link_box2 .g_txt {margin-bottom:10px; color:#666666;}
.link_box2 .link_box_inner a:first-child:before,
.link_box2 .link_box_inner a:nth-child(3):before{display:none;}
.link_box2 .link_box_inner a {float:left; position:relative; width:50%; text-align:center;}
.link_box2 .link_box_inner a:before {content:''; position:absolute; left:0; top:50%; margin-top:-8px;  width:1px; height:16px; background:#c5c6c7;}
.link_box2 .link_box_inner a.easy_info_btn1,
.link_box2 .link_box_inner a.easy_info_btn2{margin-bottom:10px}
.link_box2 .link_box_inner a span {display:inline-block; position:relative; color:#111; font-size:15px; font-weight:700;}
.link_box2 .link_box_inner:after{content:"";display:block;clear:both}

.list-btn { display:flex; flex-wrap:wrap; margin-top:-10px; width:100%; }
.list-btn li { float:left; width:calc(50% - 5px); margin-top:10px;  }
.list-btn li:nth-child(2n) { margin-left:10px; }
.list-btn li a { display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #150f96; border-radius:5px; color:#150f96; height:42px; }

.noti-box {position:relative; margin:10px -18px; border:1px solid #e3e4e5; border-width:1px 0; background:#f4f5f6; height:51px; padding:13px 18px 0 18px; display:flex; }
.noti-box a {display:block; width:100%;}
.noti-box a:after {content:''; display:block; position:absolute; top:50%; right:0; margin-top:-25px; width:50px; height:50px; background:url(../../../image/gap/GP/images/btn_go_link2.png) no-repeat 50% 50%; background-size:6px 12px;}
.noti-box a div {display:inline-block;}
.noti-box a div:first-child {display:inline-block; vertical-align:middle; width:40px; height:20px; line-height:20px; margin-right:10px; color:#fff; border-radius:3px; text-align:center; background:#150f96;}
.noti-box a div:last-child {position:relative; vertical-align:middle; width:calc(100% - 65px); overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

.main-info { margin-top:15px; }
.main-info > div { display:table; float:left; width:33.33%; }
.main-info > div dt { display:table-cell; width:50px; position:relative; padding-left:10px; vertical-align:middle; }
.main-info > div dt:before { content:''; position:absolute; display:block; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:50%; background:#666;  }
.main-info > div dd strong { color:#150f96; font-size:18px;  }
.main-info > div dd { display:table-cell; vertical-align:middle; }
.main-info:after { content:''; display:block; clear:both; }
.main-notice {margin-top:-7px;}
.main-notice > div { float:left; height:80px; }
.main-notice .l-box {display:flex; position:relative; width:100%;  margin-right:10px; border:1px solid #c5c6c7; border-radius:5px;}
.main-notice .l-box a { position:relative; display:block; height:100%; width:50%; padding:12px; color:#111; line-height:17px; font-size:15px; }
.main-notice .l-box a:before {content:''; position:absolute; top:12px; left:0; background:#ededee; width:1px; height:50px;}
.main-notice .l-box a span strong {color:#150f96; font-size:18px; }
.main-notice .l-box a span { position:absolute; bottom:8px; right:12px; display:block; }
.main-notice:after { content:''; display:block; clear:both; }
.main-notice .r-box { margin-top:-10px; }
.main-notice .r-box a { display:block; width:100%;  border:1px solid #150f96; border-radius:5px; height:42px; line-height:40px; color:#150f96; text-align:center; margin-top:10px; } 

.doc-btns { margin:10px 0 0 0;}
.doc-btns ul {font-size:0;}
.doc-btns ul:after {content:''; display:block; clear:both;}
.doc-btns ul li {float:left; width:32%; height:30px; margin-left:1.2%; padding:2px 0 0 0;  border:1px solid #150f96; text-align:center; font-size:14px;}
.doc-btns ul li a {display:block; width:100%; padding:0 3px; color:#150f96;}
.acc_wrap .accordion:only-child { margin-bottom:0;}

.call-info { border-bottom:1px solid #e3e4e5; margin-bottom:10px;  }
.call-info > div { border-top:1px solid #e3e4e5; padding:10px 0; }
.call-info > div dt { margin-bottom:5px; font-size:15px;}
.call-info > div dt span { display:block; color:#150f96; font-size:14px;  }
.call-info > div dd { float:left; width:50%; line-height:20px; font-size:15px;}
.call-info > div dd span { display:inline-block; border-radius:2px; font-size:14px; margin-right:5px; background:#9a9b9c; width:40px; height:20px; line-height:20px; color:#fff; vertical-align:top; text-align:center; }
.call-info > div:after { content:''; display:block; clear:both; }

.call-txts span { display:inline-block; margin-right:10px; color:#666; font-size:14px;  }

.main-layer-btn{display:block; position:relative; width:100%; padding: 12px 13px;border: 1px solid #c5c6c7; border-radius: 3px; background-color:#f4f5f6; font-size: 15px; font-weight:700; text-align:left;}
.main-layer-btn .ico {position: absolute; top: 50%; right: 14px; width: 14px; height: 8px; margin-top: -4px; overflow: hidden;}
.main-layer-btn .ico:before {content: ''; position: absolute; top: 3px; width: 10px; height: 2px; background-color: #111; border-radius: 2px; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;     left: -1px;  -webkit-transform: rotate(135deg);  transform: rotate(135deg);}
.main-layer-btn .ico:after {content: '';    position: absolute;    top: 3px;    width: 10px;    height: 2px;    background-color: #111;    border-radius: 2px;    -webkit-transition: all 0.5s ease-out;    transition: all 0.5s ease-out; right: -1px; -webkit-transform: rotate(-135deg);  transform: rotate(-135deg);}

.pop-s-txt {font-size:19px;}
.call-txts {padding-bottom:10px; border-bottom:1px solid #e3e4e5;}

/* 약관 */
.article-txt .article-txt-tit { font-size:19px; font-weight:bold; margin-bottom:10px; }
.article-txt-tit + .article { padding-bottom:20px; border-bottom:1px solid #e3e4e5;  }
.article:last-child { padding-bottom:0; border:0; }
.article-sub-tit-poc,
.article-sub-tit { margin:25px 0 10px 0; font-size:18px; font-weight:bold; line-height:24px }
.article-sub-tit { font-size:16px; }

.dots-li li { position:relative; padding-left:9px; margin-top:5px; }
.dots-li li:before { content: ''; position: absolute; top:10px; left:0; width: 3px;height: 3px; background-color: #535353; border-radius: 100% }
.article-txt-wrap .dots-li { margin-top:10px; }
.article-txt-wrap .tit { margin:20px 0 10px 0 }
.article-txt-wrap .t-term { margin:10px 0 0 0 }

.autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none;  z-index: 99; top: 100%; left: 0; right: 0; }
.autocomplete-items div { padding: 10px;cursor: pointer;background-color: #fff; border-bottom: 1px solid #d4d4d4;}
.autocomplete-items div:hover { background-color: #e9e9e9; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }

.g-tbl01, .g-tbl02 {width:100%; table-layout:fixed; border-bottom:1px solid #d9e0e8; margin:15px 0;}
.g-tbl01 th, .g-tbl01 td, .g-tbl02 th, .g-tbl02 td {text-align:left; font-weight:400; font-size:13px; box-sizing:border-box; line-height:18px; color:#4c6e93; vertical-align:middle; padding:8px 10px 6px; border-top:1px solid #d9e0e8;}
.g-tbl01 th, .g-tbl02 th {background-color:#f3f8fc;}
.g-tbl02 tr:first-child th, .g-tbl02 tr:first-child td  {border-top:2px solid #d9e0e8;}
.g-tbl02 th, .g-tbl02 td {border-left:1px solid #d9e0e8;} 
.g-tbl02 th:first-child, .g-tbl02 td:first-child {border-left:0;}
/* 더보기 버튼 */
.btn_more{margin-top:10px}
.btn_more a{position: relative;display: block;text-align: center;overflow: hidden;background-color:#e3e4e5;border-radius:5px}
.btn_more a>span{position:relative;display:inline-block;height:42px;line-height:42px;padding-right:16px;}

/*******************************************************************
                        보유계좌조회
********************************************************************/
.h_search{position:absolute;right:18px;bottom:15px;border:1px solid #fff;color:#fff;padding:3px 12px}
.h_search>a{color:#fff}
.h_search .ic_search{width:14px;height:14px;background:url(../../../image/gap/GP/images/ico_search.png) no-repeat center center;background-size:14px 14px;display:inline-block;vertical-align:middle;margin-left:8px;position:relative;bottom:1px}
.table_type_link{border-top:2px solid #666;margin-top:15px}
.table_type_link>ul>li{position:relative;border-bottom:1px solid #e3e4e5;padding:15px 0}
.table_type_link>ul>li:last-child{border-bottom:1px solid #999}
.table_type_link>ul>li .tit span{font-size:15px;font-weight:400}
.table_type_link>ul>li .tit span+span:before{content:"";width:1px;height:13px;background-color:#d2d3d4;margin:0 10px;display:inline-block;}
.table_type_link>ul>li .sub_tit{margin-top:15px;}
.table_type_link>ul>li .cont{margin-top:8px;font-size:13px;color:#999}
.table_type_link>ul>li .cont .lb{float:left}
.table_type_link>ul>li .cont .value{float:right}
.table_type_link>ul>li .cont:after{content:"";clear:both;display:block}
.table_type_link>ul>li .status{position:absolute;right:1px;top:20px}
.table_type_link>ul>li .status.b{color:#150f96}
.table_type_link>ul>li .status.o{color:#f08801}
.product_box_wrap.pdt0{padding-top:0}
.btn_wrap:after{content:"";display:block;clear:both}
.btn_wrap.s{margin-top:20px}
.right{text-align:right}
.btn_l{position:relative;display:inline-block;text-align:center;height:30px;line-height:28px;border:1px solid #111;padding:0px 15px;font-size:13px}
.btn_l+.btn_l{margin-left:8px}
.btn_l.b{border:1px solid #150f96;color:#150f96}
.tbl.t6 table th, .tbl.t6 table td{border:0; padding:4px 0; word-break:break-all;}
.tbl.t6 table tr:first-child th, .tbl.t6 table tr:first-child td {padding-top:11px;}
.tbl.t6 table tr:last-child th, .tbl.t6 table tr:last-child td {padding-bottom:11px;}
.tbl.t6{border-bottom:1px solid #999;margin-top:10px}
.tb_tit_wrap{margin:30px 0 10px 0}

/*******************************************************************
                        사전동의
********************************************************************/
/*수정 1118*/
.complete_wrap {padding:0 20px;}
.complete_wrap .complete_top .logo_wrap{text-align:left;margin:42px 0 37px 0;}
.complete_wrap .complete_top .logo_wrap>p {font-weight:700; font-size:15px;}
/*.complete_wrap .complete_top .logo_wrap img{margin:0 auto;height:35px;width:130px}*/
.complete_wrap .complete_top .logo_wrap img{margin:0 auto;width:150px;height:auto;margin-left:-12px;} /* 202405 LOGO 로고넓이, 높이 변경 */
.ico_wrap{position:relative;left:50%;margin-left:-50px;width:100px;height:100px;background:#808285;border-radius:50%;}
.complete_txt{text-align:left;margin:25px 0 20px}
.complete_txt .title{font-size:25px; font-weight:400;line-height:1.3;}
.complete_txt .sub{font-size:19px;margin-top:5px}
.complete_bottom .complete_txt .sub{font-size:16px;margin-top:30px}
.complete_bottom .complete_txt p span {font-weight:700;}
.tit_list{font-size:14px;color:#777;}

.agree_list{border-top:2px solid #999;}
.agree_list .agree_item{border-bottom:1px solid #e3e4e5;}
.agree_item .checkbox>.lbl {display: block;margin-left: 0; width:calc(100% - 35px); padding: 14px 0 16px 34px; word-break: break-all;}
.agree_item .checkbox>.lbl[for="agreeLiAll"] {font-size: 19px;font-weight:700;}
.agree_item .checkbox>.bt { position:absolute; top:0; right:0; width:55px; height:100%; }
.agree_item .checkbox>.bt:after {content: '';display: block;width: 7px;height: 16px;position: absolute;right: 15px;top: 23px;background: url(../../../image/gap/GP/images/btn_go_link.png)no-repeat left top;background-size: 7px auto;}
.agree_item>.checkbox>input, .agree_item>.checkbox>i,.agree_item .checkbox.t2 label:before{position:absolute;top:19px !important;}
.agree_cont_tit>h2{font-size:20px;margin-bottom:10px}
.agree_cont_tit>p+p{margin-top:10px}
.agree_cont_sub{border-top:1px solid #e3e4e5;margin-top:20px;padding-top:20px}
.sub_list ul li+li{margin-top:7px}
.sub_list ul li.dot {position: relative;padding-left: 9px; text-align:left; }
.sub_list ul li.dot:before {content: '';position: absolute;top: 10px;left: 0;width: 3px;height: 3px;background-color: #535353;border-radius: 100%}
.sub_list > p{text-align:left;margin-top:10px}
.sub_list .underline{text-decoration:underline}
.tabmenu2>ul{display:block;width:100%}
.tabmenu2:after{content:"";display:block;clear:both}
.tabmenu2.s3>ul>li {width:25%}
.tabmenu2.s3>ul>li>a{width:auto}
.tabmenu2.s5>ul>li{width:20%}
.tabmenu2.s5>ul>li>a{width:auto}
.tabmenu2.s6>ul>li{width:16.6%}
.tabmenu2.s6>ul>li>a{width:auto}
.tbl_type_list>ul>li .date{position:relative;}
.tbl_type_list>ul>li .date span+span:before{content:"";display:inline-block;margin:0 10px;width:1px;height:10px;background:#d2d3d4}
.no_data{font-size:15px;text-align:center;padding:30px 0;border-bottom:1px solid #999}
.btn_b{display: block;width: 137px;height: 42px;line-height: 42px;border-radius: 3px;font-size: 13px;background: #150f96;margin:15px auto 0}
.btn_b button{background: #150f96;color: #fff;width:100%; font-size:14px;}
hr.line{margin:0 -18px;background:#e3e4e5;height:1px;border:0}
.list_wrap{border-top:2px solid #666;margin-top:10px;border-bottom:1px solid #999;padding:12px 0}
.list_wrap.type_txt .list_item{padding:3px 0}
.list_wrap.type_txt .list_item .item_tit{display:inline-block;color:#666;width:20%}
.list_wrap.type_txt .item_tit+.sub_list{margin-top:10px}
.product_toggle{display:none;}

.btn_more>a>i,.btn_more.active>a>i{ position: absolute;top: 45%;width: 13px;height: 7px;margin-left:-10px;overflow:hidden; font-size:0; line-height: 0;} /* 2022-08-30 */
.btn_more>a>i:before, .btn_more>a>i:after{content:'';position:absolute;top:3px;width:9px;height:1px;background-color:#1d1d1d;border-radius:2px;-webkit-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.btn_more>a>i:before{left:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.btn_more>a>i:after{right:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn_more.active>a>i:before{left:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.btn_more.active>a>i:after{right:-1px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}

.dialog_content .fee_box_wrap:first-child { margin-top:30px; }
.h_btn{position:absolute;right:18px;bottom:15px}
.additional_search_btn.no_tab{bottom:15px}

/* slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden;}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:after{display:block;content:'';clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;position:relative;outline:none;}
[dir='rtl'] .slick-slide{float:right}
.slick-slide .admin-img{display:inline-block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots{line-height:0;font-size:0;}
.slick-dots li{display:inline-block;margin:0 5px;vertical-align:top;overflow:hidden;}
.slick-dots li button{display:block;width:11px;height:11px;padding:0;background-color:#d7d8d9;border-radius:100%;cursor:pointer;font-size:3px;color:transparent;transition:background 0.3s;}
.slick-dots .slick-active button{background-color:#313131}
.slick-dots .slick_play{display:none;border-radius:0;background:url(../../../image/gap/GP/images/spr_swiper_control.png) 0 -10px no-repeat}
.slick-dots .slick_pause{display:block;border-radius:0;background:url(../../../image/gap/GP/images/spr_swiper_control.png) 0 0px no-repeat}
.slick-dots .slick_play a, .slick-dots .slick_pause a{display:block;width:10px;height:10px}
.ui_slick_wrap{margin:40px -20px 0;}
.guide_warning+.ui_slick_wrap{margin-top:15px;}
[class*=tit_h]+.ui_slick_wrap,
.connect_time+.ui_slick_wrap{margin-top:20px;}
.ui_slick .slick-list{padding-left:12.5px;padding-right:32.5px;}
.ui_slick .item{padding:0 20px;}
.ui_slick.swiper-container-initialized{padding:0 12.5px;overflow:hidden;}
.ui_slick.swiper-container-initialized .item,
.ui_slick.slick-slider .item{padding:0 7.5px;}
.ui_slick .swiper-wrapper{height:auto !important;}
.ui_slick.swiper-container-initialized .item{width:95%;}
.ui_slick .item+.item{opacity:0;height:1px;}
.ui_slick.swiper-container-initialized .item+.item,
.ui_slick.slick-slider .item+.item{opacity:1;height:auto;}
.ui_slick .swiper-pagination,
.ui_slick .slick-dots{text-align:center;margin-top:20px;}
.ui_slick .slick-dots{padding:0 15px;height:11px;}

select+.check_comment,
.input+.check_comment {margin-top:7px;}

.basic_box.t3 ul li .fee_btn_wrap {display:block; position:inherit; font-size:0;}
.division {display:flex; justify-content:space-between; margin-top:17px;}/*1214*/
.division .duration {margin-top:0 !important;}
.basic_box .fee_btn_wrap {text-align:right;}/*1214*/
.basic_box .fee_btn_wrap .btn {display:inline-block; width:90px; height: 36px; line-height:36px; color:#fff; box-sizing: border-box; background:#8c8d8f;}/*1214*/
.basic_box .fee_btn_wrap button:last-child {background:#150f96; margin-left:10px;}/*1214*/

.basic_box ul li.isbtn{height:60px}
.basic_box .btn_pos .btn{display:inline-block;width:90px;height:30px;line-height:30px;color:#fff;box-sizing:border-box;background:#8c8d8f}
.basic_box .btn_pos button{background:#150f96}
.basic_box .btn_pos>span{display:block}

.basic_box.t4 ul li div{float:right;padding-right:0;width:calc(100% - 140px);text-align:left}
.basic_box.t4 ul li div:first-of-type{float:left;width:135px}
.basic_box.t4 ul li:after{content:'';display:block; clear:both}
.basic_box.t4 ul li div.sub_desc{position:relative;width:100%;margin-top:7px;padding:7px 10px;background-color:#f3f3f3;border-radius:3px;color:#666;font-size:14px}

.fee_box_wrap.t4 .tit_line .tit{width:135px;display:inline-block;line-height:30px}
.fee_box_wrap.t4 .tit_line .por,
.fee_box_wrap.t4 .btn_pos{float:right;width:calc(100% - 140px);line-height:30px}
.fee_box_wrap.t4 .btn_pos .btn{display:inline-block;width:90px;height:30px;line-height:30px;color:#fff;box-sizing:border-box;background-color:#150f96}
.fee_box_wrap.t4 .tit_line:after{content:'';display:block; clear:both}

/* 로딩 */
.loading {background:#000000;display:none;height:100%;left:0;opacity:0.65;filter:alpha(opacity=0.65);position:fixed;top:0;width:100%;z-index:11000;}
.loading .inner {position:absolute;left:50%;top:50%;width:260px;height:153px;margin-left:-130px;margin-top:-90px;}
.loading .inner .load-img {text-align:center;}
.loading .inner .load-img img {width:52px;display:inline-block;}
.loading .inner .load-img .txt {display:block;text-align:center;font-size:14px;color:#fff;margin-top:15px;}
.loading .inner .load-txt {margin-top:30px;padding-top:25px;border-top:1px solid #acacac;color:#fff;font-size:15px;text-align:center;letter-spacing:-0.04em}

.dialog.full.customer_info_change {position:absolute !important; top:0; overflow:auto !important;}
.dialog.full.customer_info_change .dialog_wrap {position:fixed !important;}
.dialog.full.customer_info_change .dialog_header {position:fixed !important; top:0; left:0; width:100%; z-index:200;}
.fixed_bottom_button.customer_info_change {position:fixed !important; bottom:0; left:0; width:100%; z-index:200;}
.customer_info_form.customer_info_change {padding-top:40px;}

.terms-area table{margin:15px 0 10px;border-top:2px solid #666;border-collapse:separate}
.terms-area table tbody th{padding:10px 8px;background-color:#fafafa;border-bottom:1px solid #cfd6d9;color:#444;text-align:center;word-break:keep-all;line-height:1.3;}
.terms-area table tbody td{padding:10px 15px 11px 15px;border-bottom:1px solid #cfd6d9;line-height:1.4;color:#666}
.terms-area table tbody td strong{display:block;color:#444}
.terms-area .terms-marker{color:#111;font-size:15px;font-weight:500;}
.terms-area .underline{text-decoration:underline}
.terms-area .dots-li{margin-top:0}
.terms-area h5{margin:20px 0 15px;font-size:16px;font-weight:700;color:#111}
.terms-area .txtR .checkbox,
.terms-area .txtR .radio{float:right;margin:5px 0 10px}
.terms-area .txtR:after{content:"";clear:both;display:block}

.terms-area .formLabel input[type='checkbox'] + p { background-image:url(../../../../image/gap/GP/gmp/bg_radio.svg); background-size: 20px;} 
.terms-area .formLabel input[type='checkbox']:checked + p { background-image:url(../../../../image/gap/GP/gmp/bg_radio_on.svg);}
.terms-area .terms-sign{margin-top:20px;text-align:right}
.greybox{margin:15px 0;padding:8px 15px 12px;background:#f3f3f3;box-sizing:border-box;}
.chkdots-li li{padding-left:18px;margin-top:5px;background:url(../../../image/gap/GP/images/bg_chkdot.png) 0 50% no-repeat;background-size:13px auto;}
.article-tit{display:block}

.landing-main{position:relative;padding:50px 18px 30px}
.landing-main .dialog_close{display:block;position:absolute;top:8px;right:18px;width:34px;height:34px;background:url(../../../image/gap/GP/images/btn_pop_close.png) 50% no-repeat;background-size:17px 17px;}

.landing-main h1 img{width:100%;max-width:100%}
.landing-main .ld-title{display:block;margin:35px 0 5px}
.landing-main .ld-title img{width:100%;max-width:100%}
.landing-main .ld-tit{display:block;margin:35px 0 15px;padding:2px 20px;background-color:#150f96;border-radius:15px;color:#fff;font-size:18px}

.landing-main>div{padding:0 20px}
.landing-main h3{margin:20px 0 7px;color:#004286;font-size:15px;}
.landing-main p{color:#111;font-size:15px}
.landing-main p.txt-s{text-align:center;font-size:13px}
.landing-main .img{padding:0}
.landing-main .img img{width:100%;max-width:100%}
.landing-main .prd-list{margin-top:15px;border-bottom:1px solid #817b79}
.landing-main .prd-list li{padding:7px 5px;border-top:1px solid #817b79;font-size:14px;line-height:1.3}
.landing-main .prd-list li:nth-child(2n-1){background-color:#f6f6f6}

.landing-main table th{background-color:#004286;border-left:1px solid #fff;color:#fff;font-weight:bold}
.landing-main table th:first-of-type,
.landing-main table td:first-of-type{border-left:0}
.landing-main table td{padding:12px 5px;border-left:1px solid #817b79;border-bottom:1px solid #817b79;vertical-align:top}
.landing-main table td p,
.landing-main table td ul li{font-size:13px}
.landing-main .underline{color:#004286;text-decoration:underline}
.landing-main .dot-list li{position:relative;padding-left:7px;margin-bottom:7px}
.landing-main .dot-list li span{color:#004286}
.landing-main .dot-list li:before{content:"";position:absolute;top:8px;left:0;width:2px;height:2px;background-color:#666}
.landing-main .dot-list.point li{color:#e60012}
.landing-main .dot-list.point li:before{background-color:#e60012}

.landing-main .download-list{margin-bottom:20px;padding:0 10px}
.landing-main .download-list li{float:left;width:50%;padding:10px}
.landing-main .download-list:after{content:"";clear:both;display:block}
.landing-main .download-list a{position:relative;display:block;padding:15px 5px 75px;border:1px solid #150f96;border-radius:24px;font-size:14px;text-align:center;letter-spacing:-1px}
.landing-main .download-list a strong{display:block;height:17px;position:relative;font-size:1px;color:transparent}
.landing-main .download-list a strong:before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-43px;width:85px;height:16px;background:url(../../../image/gap/GP/images/ld_open_img04.png) no-repeat;background-size:130px auto;}
.landing-main .download-list a:after{position:absolute;bottom:15px;left:50%;margin-left:-16px;content:"";display:inline-block;width:32px;height:45px;background:url(../../../image/gap/GP/images/ld_open_img04.png) no-repeat;background-size:130px auto}
.landing-main .download-list .list01 a:after{background-position:0 -18px}
.landing-main .download-list .list02 a:after{background-position:-32px -18px}
.landing-main .download-list .list03 a:after{background-position:-70px -18px}
.landing-main .download-list .list04 a:after{background-position:-100px -18px}
.landing-main .p-txt{margin-top:10px;padding-left:12px;text-indent:-12px;color:#e60012}

.renewal-open{padding:0}
.renewal-open img{vertical-align:top}
.renewal-open .logo{width:99px;height:25px;margin:0 auto}
.renewal-open .landing-title{width:201px;margin:14px auto 0}
.renewal-open .section-common{padding:40px 20px}
.renewal-open .section-common + .section-common{border-top:7px solid #f2f2f2}
.renewal-open .title-section{margin:0;font-size:28px;line-height:35px;font-weight:300;color:#333}
.renewal-open .title-section .txt-point{font-weight:500;font-style:normal;color:#007be0}
.renewal-open .list-renewal{margin-top:35px}
.renewal-open .list-renewal > li{position:relative;padding:25px;border:2px solid #b8dffa;border-radius:11px}
.renewal-open .list-renewal > li + li{margin-top:15px}
.renewal-open .list-renewal .tit-item{display:block;font-size:17px;line-height:25px;color:#333;letter-spacing:-0.1em}
.renewal-open .list-renewal .txt-desc{display:block;margin-top:4px;font-size:15px;line-height:21px;color:#606060}
.renewal-open .list-renewal > li:after{position:absolute;top:50%;right:30px;width:57px;height:67px;margin-top:-34px;background:url(../../../image/gap/GP/images/sp_renewal_guide.png) no-repeat;background-size:250px 150px;content:''}
.renewal-open .list-renewal > li:nth-child(2):after{right:26px;width:66px;height:51px;margin-top:-26px;background-position:-60px 0}
.renewal-open .list-renewal > li:nth-child(3):after{right:27px;width:53px;height:55px;margin-top:-28px;background-position:-130px 0}
.renewal-open .list-renewal > li:nth-child(4):after{right:30px;width:64px;height:51px;margin-top:-26px;background-position:-185px 0}
.renewal-open .list-renewal > li:nth-child(5):after{right:25px;width:55px;height:58px;margin-top:-29px;background-position:0 -70px}
.renewal-open .list-desc{margin-top:4px}
.renewal-open .list-desc li{position:relative;padding-left:15px;font-size:15px;line-height:21px;color:#606060;letter-spacing:-0.05em}
.renewal-open .list-desc li + li{margin-top:4px}
.renewal-open .list-desc .num{position:absolute;left:0}
.renewal-open .txt-etc{margin-top:10px;font-size:16px;line-height:23px;color:#606060}
.renewal-open .wrap-button{margin:40px 0 0}
.renewal-open .wrap-button .link-common{display:block;height:53px;border:1px solid #007be0;border-radius:26px;font-size:16px;line-height:51px;text-align:center;color:#007be0;box-sizing:border-box}
.renewal-open .wrap-button .link-point{background-color:#007be0;color:#fff}
.renewal-open .title-group{margin-top:35px;font-size:16px;font-weight:500;color:#333}
.renewal-open .list-item{margin-top:17px}
.renewal-open .list-item > li{position:relative;padding-left:10px;font-size:15px;line-height:23px;color:#606060}
.renewal-open .list-item > li:before{position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background-color:#777;content:''}
.renewal-open .list-item > li + li{margin-top:13px}
.renewal-open .list-detail{margin:13px 0 0 -10px;padding:20px;background-color:#f2f2f2}
.renewal-open .list-detail > li{font-size:15px;line-height:26px;color:#777}
.renewal-open .list-detail > li p{font-size:15px;line-height:26px;color:#777}
.renewal-open .list-detail > li + li{margin-top:5px}
.renewal-open .list-detail .num-circle{display:inline-block;position:relative;width:15px;height:15px;font-size:13px;line-height:15px;text-align:center;}
.renewal-open .list-detail .num-circle:after{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:50%;border:1px solid #777;content:''}
.renewal-open .txt-noti{position:relative;margin-top:22px;padding-left:23px;font-size:16px;line-height:21px;color:#606060}
.renewal-open .txt-noti:before{position:absolute;left:0;content:'※'}
.renewal-open .list-noti-detail{margin:7px 0 0 20px}
.renewal-open .list-noti-detail li{position:relative;padding-left:10px;font-size:16px;line-height:21px;color:#606060}
.renewal-open .list-noti-detail li+li{margin-top:5px}
.renewal-open .list-noti-detail li:before{position:absolute;left:0;content:'-'}
.renewal-open .list-download{display:flex;margin-top:35px}
.renewal-open .list-download li{position:relative;height:150px;flex:1;border:2px solid #b8dffa;border-radius:11px;text-align:center}
.renewal-open .list-download li+li{margin-left:12px}
.renewal-open .list-download li:after{position:absolute;left:50%;top:57px;width:56px;height:64px;margin-left:-20px;background:url(../../../image/gap/GP/images/sp_renewal_guide.png) no-repeat;background-size:250px 150px;background-position:-60px -60px;content:''}
.renewal-open .list-download .list02:after{background-position:-120px -60px}
.renewal-open .list-download li a{display:block;height:100%;padding:20px 0 25px}
.renewal-open .list-download b{display:block;font-size:14px;line-height:20px;letter-spacing:-0.05em;color:#111}
.renewal-open .list-download .txt-sub{display:block;font-size:12px;line-height:15px;color:#777}
.renewal-open .wrap-button.has-imgpoint{position:relative;margin-top:15px;padding-top:66px}
.renewal-open .wrap-button .img_btnclick{position:absolute;top:0;right:40px;width:143px;pointer-events:none}

.newsletter-2108{position:relative;padding:0!important}
.newsletter-2108 .sec-img{vertical-align:top}
.newsletter-2108 .newsletter-main{position:relative}
.newsletter-2108 .list-product{position:absolute;left:6.5%;right:6.5%;top:13%;bottom:3.9%}
.newsletter-2108 .list-product .item-product{position:relative;height:31.6%}
.newsletter-2108 .list-product .item-product + .item-product{margin-top:4.7%}
.newsletter-2108 .list-product .link-plan{position:absolute;top:0;right:0;bottom:0;left:0}
.newsletter-2108 .list-product .link-plan + .link-plan{left:51.5%;right:6.4%;bottom:11%;top:auto;height:16.4%}
.newsletter-2108 .foot_info, .ly-newsletter-2108 .foot_info{padding:0 4.8%;background-color:#f5f5f5;font-size:13px;line-height:41px;color:#999}

.ly-newsletter-2108 .sec-img{vertical-align:top}
.ly-newsletter-2108.dialog .dialog_wrap .dialog_content{position:relative;padding:0}
.ly-newsletter-2108 .wrap_tab{position:relative}
.ly-newsletter-2108 .wrap_tab .link_tab{position:absolute;top:0;bottom:0;left:4.8%;right:50%}
.ly-newsletter-2108 .wrap_tab .link_tab + .link_tab{left:50%;right:4.8%}
.ly-newsletter-2108 .product2_tab1 .link_tab{right:37.4%}
.ly-newsletter-2108 .product2_tab1 .link_tab + .link_tab{left:62.6%}
.ly-newsletter-2108 .product2_tab2 .link_tab{right:62.6%}
.ly-newsletter-2108 .product2_tab2 .link_tab + .link_tab{left:37.4%}
.ly-newsletter-2108 .product3_tab .link_tab{right:4.8%}
.ly-newsletter-2108 .btn_wrap{margin:30px 4.8%}
.ly-newsletter-2108 .btn_wrap .link_g{display:block;width:100%;height:55px;background-color:#150f96;border-radius:5px;font-size:16px;line-height:55px;text-align:center;color:#fff}
.ly-newsletter-2108 .btn_wrap .link_g:after{display:inline-block;width:8px;height:12px;margin-left:6px;background:url(../../../image/gap/GP/images/arrow_w.png) no-repeat;background-size:100% auto;content:''}
.ly-newsletter-2108 .btn_wrap .link_g + .link_g{margin-top:15px}
.ly-newsletter-2108 .btn_wrap .link_g.txt_small{position:relative;height:auto;min-height:55px;padding:8px 25px 8px 0;font-size:15px;line-height:19px;letter-spacing:-0.04em}
.ly-newsletter-2108 .btn_wrap .link_g.txt_small:after{position:absolute;right:18px;top:50%;margin-top:-6px}
.ly-newsletter-2108 .dialog_close{display:block;position:absolute;top:8px;right:8px;width:34px;height:34px;background:url(../../../image/gap/GP/images/btn_pop_close2.png) 50% no-repeat;background-size:17px 17px;}

.ly-newsletter-2108 .ico_arrow{display:none;position:fixed;bottom:118px;right:7px;z-index:100;width:65px;height:65px;background:url(../../../image/gap/GP/images/ico_arrow_newsletter.png) no-repeat;background-size:130px 65px;color:#fff}
.ly-newsletter-2108 .ico_arrow.ico_bottom{background-position:-65px 0}
.ly-newsletter-2108 .ico_arrow.is_show{display:block}

.newsletter{position:relative;padding:0!important}
.newsletter .newsletter_number{display:block;margin:19px 6.4% 0;padding-bottom:8px;border-bottom:1px solid #cdcdcd;font-size:12px;line-height:24px;color:#222;letter-spacing:-0.05em;font-style:normal;font-weight:400;box-sizing:border-box}
.newsletter .newsletter_number.no_bottomline{border-bottom:0}
.newsletter .letter-sec-img{vertical-align:top}
.newsletter .letter-main-top,
.newsletter .letter-main{position:relative}
.newsletter .letter-product{position:absolute;left:6.2%;right:6.2%;top:8.4%;bottom:0}
.newsletter .letter-product li{width:100%;height:30.8%}
.newsletter .letter-product li + li{margin-top:3%}
.newsletter .letter-product li a{position:relative;display:block;width:100%;height:100%}
.newsletter .letter-foot-info{padding:0 4.8%;background-color:#f5f5f5;font-size:13px;line-height:41px;color:#999} 
.ly-newsletter .letter-foot-info{padding:0 4.8%;background-color:#f5f5f5;font-size:13px;line-height:41px;color:#999}
.ly-newsletter .letter-sec-img{vertical-align:top}
.ly-newsletter.dialog .dialog_wrap .dialog_content{position:relative;padding:0}
.ly-newsletter .dialog_tab{position:relative;line-height:0}
.ly-newsletter .dialog_tab .letter_tab{position:absolute;top:0;bottom:0;left:4.8%;right:65.06%}
.ly-newsletter .dialog_tab .letter_tab:nth-of-type(2){left:34.93%;right:34.93%}
.ly-newsletter .dialog_tab .letter_tab:nth-of-type(3){left:65.06%;right:4.8%}
.ly-newsletter .dialog_tab.tab_n2 .letter_tab{right:50%}
.ly-newsletter .dialog_tab.tab_n2 .letter_tab:nth-of-type(2){left:50%;right:4.8%}

.ly-newsletter .btn_wrap{margin:30px 4.8%}
.ly-newsletter .btn_wrap .link_a{display:block;width:100%;height:55px;background-color:#150f96;border-radius:5px;font-size:16px;line-height:55px;text-align:center;color:#fff}
.ly-newsletter .btn_wrap .link_a:after{display:inline-block;width:8px;height:12px;margin-left:6px;background:url(../../../image/gap/GP/images/arrow_w.png) no-repeat;background-size:100% auto;content:''}
.ly-newsletter .btn_wrap .link_a + .link_a{margin-top:15px}
.ly-newsletter .btn_wrap .link_a.txt_small{position:relative;height:auto;min-height:55px;padding:8px 25px 8px 0;font-size:15px;line-height:19px;letter-spacing:-0.04em}
.ly-newsletter .btn_wrap .link_a.txt_small:after{position:absolute;right:18px;top:50%;margin-top:-6px}
.ly-newsletter .dialog_close{display:block;position:absolute;top:8px;right:8px;width:10px;height:10px;background:url(../../../image/gap/GP/images/btn_pop_close2.png) 50% no-repeat;background-size:17px 17px;}
.ly-newsletter .ico_arrow{display:none;position:fixed;bottom:118px;right:7px;z-index:100;width:65px;height:65px;background:url(../../../image/gap/GP/images/ico_arrow_newsletter.png) no-repeat;background-size:130px 65px;color:#fff}
.ly-newsletter .ico_arrow.ico_bottom{background-position:-65px 0}
.ly-newsletter .ico_arrow.is_show{display:block}
.ly-newsletter .dialog_close{display:block;position:absolute;top:8px;right:8px;width:10px;height:10px;background:url(../../../image/gap/GP/images/btn_pop_close2.png) 50% no-repeat;background-size:17px 17px;}
.newsletter03 .letter-product{left:10.0%;right:10%;top:65.08%;bottom:0}
.newsletter03 .letter-product li{height:37.5%;}
.newsletter03 .letter-product li + li{margin-top:3.5%}

.newsletter05 .letter-product{left:10.0%;right:10%;top:57.5%;bottom:0}
.newsletter05 .letter-product li{height:24.9%}
.newsletter05 .letter-product li:first-of-type{height:30.8%}
.newsletter05 .letter-product li + li{margin-top:2.9%}

.newsletter06 .letter-product{left:10.0%;right:10%;top:78%;bottom:3%}
.newsletter06 .letter-product li{height:24.9%}
.newsletter06 .letter-product li:first-of-type{height:30.8%}
.newsletter06 .letter-product li + li{margin-top:2.9%}

.newsletter06-pop .letter-product{left:10.0%;right:10%;top:93%;bottom:0}
.newsletter06-pop .letter-product li{height:24.9%}
.newsletter06-pop .letter-product li:first-of-type{height:30.8%}
.newsletter06-pop .letter-product li + li{margin-top:2.9%}

.newsletter07 .letter-product{left:10.0%;right:10%;top:20%;bottom:4%}
.newsletter07 .letter-product li{height:24.9%}
.newsletter07 .letter-product li:first-of-type{height:47.5%}
.newsletter07 .letter-product li + li{margin-top:2.9%}

.newsletter07-pop .letter-product{left:10.0%;right:10%;top:93%;bottom:0}
.newsletter07-pop .letter-product li{height:24.9%}
.newsletter07-pop .letter-product li:first-of-type{height:30.8%}
.newsletter07-pop .letter-product li + li{margin-top:2.9%}

.newsletter08 .letter-product{left:10.0%;right:10%;top:92%;bottom:0%}
.newsletter08 .letter-product li{height:0%}
.newsletter08 .letter-product li:first-of-type{height:72%}
.newsletter08 .letter-product li + li{margin-top:2.9%}
	
.newsletter08-pop .letter-product{left:10.0%;right:10%;top:93%;bottom:0}
.newsletter08-pop .letter-product li{height:24.9%}
.newsletter08-pop .letter-product li:first-of-type{height:30.8%}
.newsletter08-pop .letter-product li + li{margin-top:2.9%}
	
.newsletter08_01_pop .letter-product{left:53.0%;right:40%;top:72%;bottom:0}
.newsletter08_01_pop .letter-product li{height:12%}
.newsletter08_01_pop .letter-product li:first-of-type{height:10%}
.newsletter08_01_pop .letter-product li + li{margin-top:10%}
	
.newsletter08_02_pop .letter-product{left:53.0%;right:40%;top:35.5%;bottom:0}
.newsletter08_02_pop .letter-product li{height:12%}
.newsletter08_02_pop .letter-product li:first-of-type{height:10%}
.newsletter08_02_pop .letter-product li + li{margin-top:10%}
	
.newsletter08_03_pop .letter-product{left:53.0%;right:40%;top:40%;bottom:0}
.newsletter08_03_pop .letter-product li{height:12%}
.newsletter08_03_pop .letter-product li:first-of-type{height:10%}
.newsletter08_03_pop .letter-product li + li{margin-top:30%}
	
.newsletter08_04_pop .letter-product{left:53.0%;right:40%;top:55%;bottom:0}
.newsletter08_04_pop .letter-product li{height:12%}
.newsletter08_04_pop .letter-product li:first-of-type{height:10%}
.newsletter08_04_pop .letter-product li + li{margin-top:50%}
	
.newsletter08_05_pop .letter-product{left:58.0%;right:35%;top:69%;bottom:0}
.newsletter08_05_pop .letter-product li{height:12%}
.newsletter08_05_pop .letter-product li:first-of-type{height:12%}
.newsletter08_05_pop .letter-product li + li{margin-top:50%}

.newsletter09 .letter-product{left:18.0%;right:18%;top:89%;bottom:0%}
.newsletter09 .letter-product li{height:0%}
.newsletter09 .letter-product li:first-of-type{height:40%}
.newsletter09 .letter-product li + li{margin-top:2.9%}

@media screen and (min-width: 360px) {  
  /* SID-02010100.html 자간 조정 */
  .product_list .product .add_info div:first-child {letter-spacing:-1px;}
  .product_list .product .add_info div:last-child {letter-spacing:-1px;}
  /* SID-16000000.html 현 gan에서 사용하지 않음 */
  .landing-main .download-list{padding:0}
  
}
@media screen and (max-width: 360px) { 
  /* SID-17000000.html 현 gan에서 사용하지 않음 */
.ly-newsletter-2108 .btn_wrap .link_g.txt_small{font-size:13px}
.ly-newsletter .btn_wrap .link_a.txt_small{font-size:13px}
}
@media screen and (max-width: 320px) { 
  header .h_top h1.long_txt {font-size:13px;}
  header .h_bottom h2 {letter-spacing:-1px;}
  header .h_bottom h2.long_txt {font-size:27px;}
  header .h_bottom h2.ln{font-size:21px}
  header .h_bottom .customer_data_info.pst {margin-left:-2px;}
  .guide_txt .tit {font-size:21px;}
  .guide_txt .tit.small {font-size:19px;}
  .guide_txt .tit .number {font-size:20px;}
  .guide_txt .txt {font-size:13px;}
  .tab_panel .inner .customer_list li a span{font-size:13px;}
  .tab_panel .inner .customer_list li a .mark {margin-left:10px;}
  .dialog.modal .dialog_content .modal_txt {font-size:13px !important; letter-spacing:-1px;}
  .footer {padding-bottom:15px;}
  .dialog.bottom .dialog_wrap{position:fixed;left:0;bottom:0;border-radius:20px 20px 0 0;max-height:550px !important;}
  .tab_panel .inner .table_type_list li a .mark {display:inline-block; position:absolute; top:50%; right:15px; margin-top:-11px; width:62px; margin-left:28px; padding:1px 8px; color:#fff; border-radius:3px; font-size:13px; font-weight:400; background:#9a9b9c; letter-spacing:-1px;}
  .doc-btns ul li {padding-top:5px;}
  .doc-btns ul li a {font-size:13px !important; letter-spacing:-1px;} /*1110*/
  header .intro-txts {font-size:22px;}
  .Official_link span {font-size:14px;}
  select.small_txt, .btn_select.small_txt {padding:0 5px; font-size:12px !important;}
  .btn_select.t2 {background: url(../../../image/gap/GP/images/btn_select01.png) no-repeat right 7px center; background-size: 16px 9px; z-index: 50;}
  .tabmenu2 ul li a {width:68px;}
  .product_list .product .add_info {font-size:13px;}
  header .h_bottom .s_txt {font-size:26px;}
  .complete_wrap {padding-bottom:70px;}
  .complete_bottom .complete_txt .sub {margin-top:20px;}
  .complete_txt {margin-top:22px;}
  .input_small_txt::placeholder {font-size:14px; font-weight:400;}
  .input_small_txt {font-size:15px !important;}
  .link_box2 {padding:10px 5px 14px 5px;}
  .link_box2 .link_box_inner a span {font-size:13px;}
  header.main .h_top h1 {font-size:13px; letter-spacing:-0.7px;}/*1110*/
  header .log-info {top:13px;}
  header .log-info button {font-size:13px;}
  header .log-info button:after {background-size:18px auto;}
  .tabmenu2.s6>ul>li>a {font-size:13px; letter-spacing:-0.7px;}/*1110*/
  header .h_bottom .customer_data_info.vat-base {margin-left:2px;}
  .total_people {/*font-size:13px; letter-spacing:-1px;*/} /*1110*/
  .main_slick .info-item .g_txt {letter-spacing:-1px;font-size:20px} /*1110*/
  .call-info > div dd {letter-spacing:-1px;} /*1110*/
  .check-wrap > div .lbl.lts, .check-wrap > div label.lts {letter-spacing:-1px;}
  .table_type_list li a span {letter-spacing:-1px;}
  .btn_toggle li {letter-spacing:-1px;}
  .tbl_type_list ul li a .summary .pr {letter-spacing:-1px;margin-left:5px}
  .tbl_type_list ul li a .summary .mark1{padding:0 5px}
  
  .tbl.t2.lts table th, .tbl.t2.lts table td {letter-spacing:-1px;}
  .dialog_header .lts {letter-spacing:-1px;}
  .product_list .product .add_info div:first-child {letter-spacing:-1px;}
  .product_list .product .add_info div:last-child {letter-spacing:-1px;}
  .complete_txt .sub {font-size:18px;}
  .guide_txt .tit .b_txt {font-size:20px;}
  .con_wrap .con_number {letter-spacing:-1px;}
  .tbl.t3 table td span {font-size:13px; letter-spacing:-1.2px;}
  .tbl.t3 table td span.phone_number:after {display:none;}
  .tbl.t3 table td span:after {margin-left:5px; margin-right:1px;}
  .tbl.t6 table td span {font-size:13px; letter-spacing:-1.2px;}
  .tbl.t6 table td span.phone_number:after {display:none;}
  .tbl.t6 table td span:after {margin-left:5px; margin-right:1px;}
  .h-wrap .info {font-size:13px; letter-spacing:-1px;}
  
  .main_slick .slick-dots {transform:translateX(-75%);}
  .main_slick button span,
  .main_slick a span {font-size:15px}
  .link-box2 ul li button span {font-size:13px;}
  .pop-s-txt {font-size:16px;}
  br.display_none {display:none;}
  br.display_block {display:block;}
  .basic_box ul li.isbtn{height:84px}
  
  .landing-main{padding:50px 10px 30px}
  .landing-main .dialog_close{right:10px}
  .landing-main>div{padding:0 15px}
  .landing-main .download-list a b{display:block}
  
  .form_item.box .dv.w30{font-size:12px} 

  .pop_list .gubun {font-size: 13px;}
}

/* ------------------------------ 퀵사전동의, 내고객다보아, 원픽설계 ------------------------------ */
.quick_prior_consent, .onepick_process, .service_daboa,
.quick_prior_consent a, .onepick_process a, .service_daboa a,
.quick_prior_consent button, .onepick_process button, .service_daboa button{font-weight: 400;}
.quick_prior_consent, .service_daboa, .onepick_process .section_customer_search{padding-top: 24px;}
.section_customer_search .sub_desc{margin-bottom: 16px;}
.section_customer_search .sub_desc .txt_desc{line-height: 34px; font-weight: 700; font-size: 26px; color: #000; letter-spacing: -0.02em;}
.customer_search{padding: 16px; border-radius: 8px; border: 1px solid #150f96; box-sizing: border-box;}
.customer_search .box_search .tit{display: block; line-height: 24px; font-weight: 700; font-size: 18px; color: #150f96; letter-spacing: -0.02em;}
.customer_search .box_search .search_input{margin-top: 16px;}
.section_customer_birth .search_input .inner{padding-right: 45px;}
.section_customer_birth .search_input .inner > div{width: 45px;}
.section_customer_birth .search_input .inner button.btn_inp_clear {right: 49px;}
.customer_search .search_input button.btn_goto_search.next{width: 45px;}
/* .customer_search .box_search .form_item{display: flex; justify-content: left; align-items: center; margin-top: 16px; background-color: #f4f4f4;}
.customer_search .box_search .form_item .input{display: flex; table-layout:initial; position:relative; width: calc(100% - 74px); height: 48px; margin-top:0; border-radius: 4px; background:transparent; box-sizing: border-box;}
.section_customer_birth .customer_search .box_search .form_item .input{width: calc(100% - 50px);}
.customer_search .box_search .form_item .input.be_del .btn_del{display:block; position: absolute; top: 50%; right: 8px; width: 16px; height: 16px; background:url('../../../image/gap/GP/qpc/ico_inp_delete.png') no-repeat 0 0; background-size: 16px auto; transform: translateY(-50%);}
.customer_search .box_search .form_item .i_txt{display: inline-block; width: 100%; height: 100%; padding: 9px 30px 9px 8px; border: 0; background-color: #f4f4f4; line-height: 38px;  font-weight: 700; font-size: 16px; color: #000; vertical-align:middle; -webkit-transition: none;transition: none; box-sizing: border-box;}
.customer_search .box_search .form_item .i_txt::placeholder{font-weight: 400; font-size: 16px; color: #767676;}
.quick_prior_consent .form_item .i_txt:focus, 
.onepick_process .form_item .i_txt:focus{border-color:transparent}
.customer_search .box_search .form_item .bttn{display: inline-flex; justify-content: center; align-items: center; width: 66px; height: 30px; margin-top: 0; margin-right: 8px; background:none; font-weight: 500; font-size: 14px; color: #afafaf; text-align: center; letter-spacing: -0.04em; box-sizing: border-box;}
.customer_search .box_search .form_item .bttn.next{width: 42px;}
.customer_search .box_search .form_item .bttn.on{color: #150f96;} */
.customer_search .form_notice{margin-top: 16px;}
.customer_search .form_notice .txt{line-height: 20px; font-size: 14px; color: #ff6600; letter-spacing: -0.04em;}

.quick_prior_consent .customer_info, 
.service_daboa .customer_info, 
.onepick_process .customer_info{margin-top: 8px;}
.quick_prior_consent .customer_info .info_sec, 
.service_daboa .customer_info .info_sec, 
.onepick_process .customer_info .info_sec{padding: 16px; border-radius: 8px; background: #d7d7d7;}
.quick_prior_consent .customer_info .info_sec + .info_sec{margin-top: 1px;}
.onepick_process .customer_info .info_sec.gap_ver{margin-top: 8px;}
.quick_prior_consent .customer_info .tit, 
.service_daboa .customer_info .tit, 
.onepick_process .customer_info .tit{line-height: 24px; font-weight: 700; font-size: 18px; color:#000; letter-spacing: -0.02em;}
.quick_prior_consent .customer_info .wrap_lst_data,  
.onepick_process .customer_info .wrap_lst_data{overflow-y: auto; max-height:144px; margin-top: 16px;}
.service_daboa .customer_info .wrap_lst_data{overflow-y: auto; max-height:144px;}
.quick_prior_consent .customer_info .lst_data,  
.onepick_process .customer_info .lst_data{border-radius: 4px; background: #fff;}
.service_daboa .customer_info .lst_data{border-radius: 0 0 4px 4px; background: #fff;}
.service_daboa .customer_info .tit + .info_box{margin-top:16px;}
.service_daboa .customer_info .info_box .tit{display: block; padding: 8px 16px; border-radius: 4px 4px 0 0; border-bottom: 1px solid #767676; background: #fff; line-height: 20px; font-weight: 700; font-size: 14px; color: #000; letter-spacing: -0.02em; box-sizing: border-box;}
.quick_prior_consent .customer_info .cust_data, 
.service_daboa .customer_info .cust_data, 
.onepick_process .customer_info .cust_data{display: block; position: relative;}
.quick_prior_consent .customer_info .cust_data:not(:last-child), 
.service_daboa .customer_info .cust_data:not(:last-child), 
.onepick_process .customer_info .cust_data:not(:last-child){border-bottom:1px solid #d7d7d7;}
.quick_prior_consent .customer_info .cust_data > a, 
.service_daboa .customer_info .cust_data > a, 
.onepick_process .customer_info .cust_data > a{display: flex; justify-content: left; align-items: center; padding:13px 16px 14px;}
.quick_prior_consent .customer_info .cust_data .cell, 
.service_daboa .customer_info .cust_data .cell, 
.onepick_process .customer_info .cust_data .cell{display: inline-flex; position: relative; line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.quick_prior_consent .customer_info .cust_data .cell:not(:first-child), 
.service_daboa .customer_info .cust_data .cell:not(:first-child), 
.onepick_process .customer_info .cust_data .cell:not(:first-child){margin-left: 9px; padding-left: 8px;}
.quick_prior_consent .customer_info .cust_data .cell:not(:first-child):before, 
.service_daboa .customer_info .cust_data .cell:not(:first-child):before, 
.onepick_process .customer_info .cust_data .cell:not(:first-child):before{content: ''; display: block; position: absolute; top:50%; left:0; width: 1px; height: 12px; background: #d7d7d7; transform: translateY(-50%);}
.quick_prior_consent .customer_info .cust_data .btn_ty1, 
.service_daboa .customer_info .cust_data .btn_ty1, 
.onepick_process .customer_info .cust_data .btn_ty1{display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 8px; width: 66px; height: 30px; border-radius: 2px; border: 1px solid #150f96; background: #fff; font-weight: 500; font-size: 14px; color: #150f96; letter-spacing: -0.04em; transform: translateY(-50%);}
.quick_prior_consent .customer_info .btns, 
.service_daboa .customer_info .btns, 
.onepick_process .customer_info .btns{margin-top: 24px; text-align: right;}
.quick_prior_consent .customer_info .btns .btn_ty2, 
.service_daboa .customer_info .btns .btn_ty2, 
.onepick_process .customer_info .btns .btn_ty2{display: inline-flex; justify-content: center; align-items: center; width: 135px; height: 36px; border-radius: 4px; background: #150f96; font-weight: 500; font-size: 16px; color: #fff; text-align: center; letter-spacing: -0.04em;}
.onepick_process .customer_info .btns .btn_ty3{display:inline-flex; justify-content: center; align-items: center; width:100%; height: 36px; border-radius: 4px; background: #fff; font-weight: 500; font-size: 16px; color: #767676; letter-spacing: -0.04em;}
.service_daboa .customer_info .btns.n2, 
.onepick_process .customer_info .btns.n2{display: flex; justify-content: space-between;}
.service_daboa .customer_info .btns.n2 [class^=btn_] + [class^=btn_], 
.onepick_process .customer_info .btns.n2 [class^=btn_] + [class^=btn_]{margin-left: 8px;}
.service_daboa .customer_info .btns.n2 [class^=btn_], 
.onepick_process .customer_info .btns.n2 [class^=btn_]{width: 100%;}
.service_daboa .customer_info .btns + .info_box{margin-top: 16px;}
.service_daboa .customer_info .info_box + .info_box{margin-top: 8px;}
.service_daboa .customer_info .info_box .btn_holding_cust{display: flex; justify-content: center; align-items: center; width: 100%; height: 36px; border-radius: 4px; background: #150f96; line-height: 20px;font-weight: 500; font-size: 16px; color: #fff; letter-spacing: -0.04em;}
.service_daboa .customer_info .lst_data .no_data{padding: 14px 16px; border-bottom: 0; line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em; text-align: left;}
.customer_info .box_link{display: flex; justify-content: space-between; align-items: center; margin-top: 32px;}
.customer_info .box_link .txt_desc{line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.customer_info .box_link .anc_txt{line-height: 18px; font-weight: 500; font-size: 14px; color: #150f96; letter-spacing: -0.04em;border-bottom: 1px solid #150f96;}

.quick_prior_consent .infs{margin-bottom: 24px;}
.quick_prior_consent .infs .inf{display:flex; justify-content: flex-start; align-items: flex-start;}
.quick_prior_consent .infs .inf:not(:first-child){margin-top: 14px;}
.quick_prior_consent .infs .item{width: 74px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.quick_prior_consent .infs .cont{width: calc(100% - 74px); padding-left: 8px; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
.quick_prior_consent .infs .cont .ls_ini{letter-spacing: -0.02em}
.quick_prior_consent .box_detail, 
.qpc_image_crop .box_detail{padding: 16px; border-radius: 8px; border: 1px solid #150f96;}
.quick_prior_consent .box_detail .tit, 
.qpc_image_crop .box_detail .tit{display: block; margin-bottom: 24px; line-height: 24px; font-weight: 700; font-size: 18px; color: #150f96; letter-spacing: -0.02em;}
.quick_prior_consent .box_detail .btns, 
.qpc_image_crop .box_detail .btns{display: flex; justify-content: space-between; margin-top: 16px;}
.quick_prior_consent .box_detail .btns [class^=btn_] + [class^=btn_], 
.qpc_image_crop .box_detail .btns [class^=btn_] + [class^=btn_]{margin-left: 8px;}
.quick_prior_consent .box_detail .btns .btn_photo, 
.quick_prior_consent .box_detail .btns .btn_camera,
.qpc_image_crop .box_detail .btns .btn_save{display:inline-flex; justify-content: center; align-items: center; width:100%; height: 36px; border-radius: 4px; background: #150f96; font-weight: 500; font-size: 16px; color: #fff; letter-spacing: -0.04em;}
.qpc_image_crop .box_detail .btns .btn_restart{display:inline-flex; justify-content: center; align-items: center; width:100%; height: 36px; border-radius: 4px; border:1px solid #afafaf; background: #fff; font-weight: 500; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
.quick_prior_consent .box_detail .btns .btn_photo:before, 
.quick_prior_consent .box_detail .btns .btn_camera:before,
.qpc_image_crop .box_detail .btns .btn_save:before,
.qpc_image_crop .box_detail .btns .btn_restart:before{content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 2px;}
.quick_prior_consent .box_detail .btns .btn_photo:before{background:url('../../../image/gap/GP/qpc/ico_photo.png') no-repeat 0 0; background-size: 18px auto;}
.quick_prior_consent .box_detail .btns .btn_camera:before{background:url('../../../image/gap/GP/qpc/ico_camera.png') no-repeat 0 0; background-size: 18px auto;}
.qpc_image_crop .box_detail .btns .btn_save:before{background:url('../../../image/gap/GP/qpc/ico_save.png') no-repeat 0 0; background-size: 18px auto;}
.qpc_image_crop .box_detail .btns .btn_restart:before{background:url('../../../image/gap/GP/qpc/ico_restart.png') no-repeat 0 0; background-size: 18px auto;}
.quick_prior_consent .box_detail .footnote{margin-top: 24px;}
.quick_prior_consent .box_detail .tip{position: relative; padding-left: 20px; line-height: 16px; font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em;}
.quick_prior_consent .box_detail .tip:before{content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; margin-right: 2px; background:url('../../../image/gap/GP/qpc/ico_info.png') no-repeat 0 0; background-size: 16px auto;}
.quick_prior_consent .infs .be_thumb .qpc_data{padding-bottom: 24px; border-bottom: 1px solid #d7d7d7;}
.quick_prior_consent .infs .be_thumb .qpc_data:not(:first-child){padding-top: 8px;}
.quick_prior_consent .infs .be_thumb .qpc_data + .qpc_data:last-child{padding-bottom: 0; border-bottom: 0;}
.quick_prior_consent .infs .be_thumb .detail + .thumbnail{margin-top: 10px;}
.quick_prior_consent .infs .be_thumb .thumbnail img{display:block;width: 100%;}
.quick_prior_consent .infs .be_thumb .btns{display: flex; justify-self: start; align-items: center; width:100%; margin-top: 8px;}
.quick_prior_consent .infs .be_thumb .bttn{display: inline-flex; justify-content: center; align-items: center; width: 50%;padding: 5px;border-radius: 2px; border: 1px solid #afafaf; background: #fff; font-weight: 500; font-size: 16px; color: #767676; letter-spacing: -0.04em;}
.quick_prior_consent .infs .be_thumb .bttn:not(:first-child){margin-left: 8px;}

/* 2022-08-11 */
.customer_info .info_sec .tit {vertical-align: middle;}
.customer_info .info_sec .btn_info {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background:url('../../../image/gap/GP/onepick/ico_info3.png') no-repeat 0 50%;
  background-size: 20px auto;
}
.customer_info .info_sec .btn_info + .info_box{margin-top:16px;}
/* //2022-08-11 */

/* 전송로딩 */
.quick_prior_consent .box_loading{padding: 16px; border-radius: 8px; border: 1px solid #150f96; background: #fff;}
.box_loading .main_msg{line-height: 24px; font-weight: 700; font-size: 18px; color: #150f96; letter-spacing: -0.02em;}
.box_loading .progress{display: flex; justify-content: flex-start; align-items: center; margin-top: 16px;}
.box_loading [class^=obj]{width: 8px; height: 8px; border-radius: 50%; background: #150f96;}
.box_loading [class^=obj]:not(:first-child){margin-left: 8px;}
.box_loading .obj1{opacity: 1; animation-name: progressObj1; animation-duration: 2s; animation-iteration-count: infinite;}
.box_loading .obj2{opacity: .8; animation-name: progressObj2; animation-duration: 2s; animation-iteration-count: infinite;}
.box_loading .obj3{opacity: .6; animation-name: progressObj3; animation-duration: 2s; animation-iteration-count: infinite;}
.box_loading .obj4{opacity: .4; animation-name: progressObj4; animation-duration: 2s; animation-iteration-count: infinite;}
.box_loading .obj5{opacity: .2; animation-name: progressObj5; animation-duration: 2s; animation-iteration-count: infinite;}

@keyframes progressObj1 {
  0%{opacity: 1;}
  12.5%{opacity: .2;}
  25%{opacity: .4;}
  37.5%{opacity: .6;}
  50%{opacity: .8;}
  62.5%{opacity: .6;}
  75%{opacity: .4;}
  87.5%{opacity: .2;}
  100%{opacity: 1;}
}
@keyframes progressObj2 {
  0%{opacity: .8;}
  12.5%{opacity: 1;}
  25%{opacity: .2;}
  37.5%{opacity: .4;}
  50%{opacity: .6;}
  62.5%{opacity: .4;}
  75%{opacity: .2;}
  87.5%{opacity: 1;}
  100%{opacity: .8;}
}
@keyframes progressObj3 {
  0%{opacity: .6;}
  12.5%{opacity: .8;}
  25%{opacity: 1;}
  37.5%{opacity: .2;}
  50%{opacity: .4;}
  62.5%{opacity: .2;}
  75%{opacity: .1;}
  87.5%{opacity: .8;}
  100%{opacity: .6;}
}
@keyframes progressObj4 {
  0%{opacity: .4;}
  12.5%{opacity: .6;}
  25%{opacity: .8;}
  37.5%{opacity: 1;}
  50%{opacity: .2;}
  62.5%{opacity: 1;}
  75%{opacity: .8;}
  87.5%{opacity: .6;}
  100%{opacity: .4;}
}
@keyframes progressObj5 {
  0%{opacity: .2;}
  12.5%{opacity: .4;}
  25%{opacity: .6;}
  37.5%{opacity: .8;}
  50%{opacity: 1;}
  62.5%{opacity: .8;}
  75%{opacity: .6;}
  87.5%{opacity: .4;}
  100%{opacity: .2;}
}

.section_customer_photo.load{padding-bottom: 56px;}
.section_customer_photo .box_loading{display: none;}
.section_customer_photo.load .box_loading{display: block; position: fixed; bottom: 14px; left: 18px; right: 18px;z-index: 50;}
.section_customer_photo.load .fixed_bottom_button{display: none;}

/* 이미지 가져오기-사진촬영하기 이미지 크롭 */
.qpc_image_crop .box_img{display: flex; justify-content: center; align-items: center; width: calc(100% + 40px); height: calc(100% - 164px); margin-left: -20px; background: #c4c4c4;}
.qpc_image_crop .area_ctr{display: flex; justify-content: center; align-items: center; height: 164px; box-sizing: border-box;} /* padding:16px 0; */
.qpc_image_crop .area_ctr .box_detail{width: 100%;}

/* 퀵사전동의 완료 */
.section_complete_qpc{padding-top: 24px; padding-bottom: 230px;}
.section_complete_qpc .box_msg .main_str{line-height: 34px; font-weight: 700; font-size: 26px; color: #000; letter-spacing: -0.02em;}
.section_complete_qpc .box_msg .sub_str{line-height: 22px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.section_complete_qpc .box_msg .main_str + .sub_str{margin-top: 24px;}
.section_complete_qpc .box_btn{position: fixed; bottom: 16px; right: 20px; left: 20px;}
.section_complete_qpc .box_btn .bttn{display: block; position: relative; padding: 16px 16px 16px 80px; border-radius: 4px; background: #150f96;}
.section_complete_qpc .box_btn .bttn + .bttn{margin-top: 16px;}
.section_complete_qpc .box_btn .bttn:before{content: ''; display: block; position: absolute; top: 16px; left: 16px; width: 48px; height: 48px;}
.section_complete_qpc .box_btn .bttn.join:before{background:url('../../../image/gap/GP/qpc/ico_join.png') no-repeat 0 0; background-size: 48px auto;}
.section_complete_qpc .box_btn .bttn.onepick:before{background:url('../../../image/gap/GP/qpc/onepick_planning.png') no-repeat 0 0; background-size: 48px auto;}
.section_complete_qpc .box_btn .bttn .tit{display: block; line-height: 24px; font-weight: 700; font-size: 18px; color: #fff; letter-spacing: -0.02em;}
.section_complete_qpc .box_btn .bttn .desc{margin-top: 4px; line-height: 20px; font-weight: 400; font-size: 14px; color: #fff; letter-spacing: -0.04em;}

/* 퀵사전동의-상세정보 입력 */
.section_customer_detail .infs{margin-bottom: 16px;}
.section_customer_detail .infs .inf{display:flex; justify-content: flex-start; align-items: flex-start;}
.section_customer_detail .infs .inf:not(:first-child){margin-top: 14px;}
.section_customer_detail .infs .item{width: 74px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.section_customer_detail .infs .cont{width: calc(100% - 74px); padding-left: 8px; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
.section_customer_detail .infs .cont .ls_ini{letter-spacing: -0.02em}
/* 2022-08-30 */
.section_customer_detail .inf dl.inf {align-items: center !important;height: 48px;}
.section_customer_detail .inf dl.inf input {display: block; width:100%; height:48px; padding: 0 16px; border-radius: 4px; border: 1px solid #afafaf; background: #fff; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
/* 2022-08-30 */
.el_form:not(:first-child){margin-top: 24px;}
.el_form .tit{display: flex; justify-content: left; align-items: center; padding-bottom: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.el_form .tit .btn_tip{width: 16px; height: 16px; margin-left: 2px; background:url('../../../image/gap/GP/qpc/ico_info.png') no-repeat 0 0; background-size: 16px auto;}
.el_form .form_notice{margin-top: 8px;}
.el_form .form_notice .txt{line-height: 16px; font-weight: 400; font-size: 12px; color: #ff6600; letter-spacing: -0.04em;}
.el_form .inp{display: flex; justify-content: left; align-items: center; position: relative; height: 48px;}
.el_form .inp input{display: inline-block; width:100%; height:100%; padding: 0 16px; border-radius: 4px; border: 1px solid #afafaf; background: #fff; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
.el_form .inp input:placeholder {font-weight: 400; font-size: 16px; color:#767676; letter-spacing: -0.04em;}
.el_form .inp input:focus{border-color: #150f96; outline: 0;}
.el_form .inp input:disabled{border-color: #d7d7d7; background-color: #f4f4f4;}
.inp_registration_number{display: flex; justify-content: left; align-items: flex-start; position: relative;}
.inp_registration_number .front{width: 35%; padding-right: 8px; box-sizing: border-box;}
.inp_registration_number .front input{text-align: center;}
.inp_registration_number .coupler{display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 35%; width: 16px; height: 48px; margin-left: -8px; color: #767676;}
.inp_registration_number .rear{width: 65%; padding-left: 8px; box-sizing: border-box;}
.inp_registration_number .be_btn, 
.inp_job .be_btn{position: relative;}
.inp_registration_number .be_btn input, 
.inp_job .be_btn input{padding-right: 82px;}
.inp_registration_number .be_btn .bttn, 
.inp_job .be_btn .bttn{display: inline-flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 66px; height: 30px; border-radius: 2px; background: #150f96; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: -0.04em;}
.inp_registration_number .be_btn .bttn.disabled, 
.inp_job .be_btn .bttn.disabled{background: #150F96; color: #fff;}  /* 220916 고객등록 팝업 실명인증 버튼 수정 김유나 차장님 확인 완료*/
.inp_registration_number .be_btn .bttn.complete{background: #D7D7D7; color: #767676;}  /* 220916 고객등록 팝업 실명인증 버튼 수정 김유나 차장님 확인 완료*/

/* 키워드 선택 */
.box_keyword{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: -8px;}
.box_keyword .keyword{display: inline-flex; justify-content: center; align-items: center; height: 30px; margin-right: 8px; margin-top: 8px; padding: 0 8px; border-radius: 8px; background: #d7d7d7; font-weight: 500; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.box_keyword .keyword.on{padding: 0 8px 0 4px; background: #150f96; color: #fff;}
.box_keyword .keyword.on:before{content: ''; display: inline-block; width: 18px; height: 16px; margin-right: 4px; background:url('../../../image/gap/GP/qpc/ico_check.png') no-repeat 0 0; background-size: 18px auto;}

.box_keyword + .inp_job{margin-top: 16px;}
.inp_job .grade{display: flex; justify-content: right; align-items: center; padding: 16px 0 8px;}
.inp_job .grade .item{display: inline-flex; justify-content: left; align-items: center; line-height: 18px; font-weight: 500; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.inp_job .grade .item:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.inp_job .grade .item:not(:first-child):before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #afafaf; transform: translateY(-50%);}
.inp_job .grade .item .count{margin-left: 4px; font-size: 15px; color: #150f96; letter-spacing: -0.04em;}
.box_keyword + .job_detail_selection{margin-top: 24px;}
.job_detail_selection{position: relative; width: 100%; height: 48px; padding: 0 40px 0 16px; border-radius: 4px; border: 1px solid #afafaf; background: #fff; font-weight: 400; font-size: 16px; color: #767676; letter-spacing: -0.04em; text-align: left;}
.job_detail_selection:focus{border-color: #150f96; outline: none;}
.job_detail_selection:after{content: ''; display: inline-block; position: absolute; top: 50%; right: 16px; width: 16px; height: 16px; background:url('../../../image/gap/GP/qpc/ico_arrow_down.png') no-repeat 0 0; background-size: 16px auto; transform: translateY(-50%);}
.job_detail_selection.selected{font-weight: 700; color: #000;}

/* 직업검색 풀팝업 */
.dialog.full .dialog_wrap .dialog_content.padding > .section.section_job_list{padding: 0 0 30px;}
.section_job_list .search_input{margin: 8px 20px;width: calc(100% - 40px);}
.section_job_list .search_number{padding: 10px 20px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.section_job_list .search_number span{line-height: 20px; font-weight: 400; font-size: 14px; color: #767676 !important; letter-spacing: -0.04em;}
.section_job_list .tbl_type_list {margin-top:0;}
.section_job_list .inner .tbl_type_list:first-child{margin-top: 24px;}
.section_job_list .tbl_type_list ul li:first-child{margin-top:0;border-top:1px solid #4b4e53;}
.section_job_list .tbl_type_list ul li a{display:flex; justify-content: left; align-items: center; position:relative; padding: 0; border-bottom:1px solid #d7d7d7; background: #fff;}
.section_job_list .tbl_type_list ul li:last-child a{border-color:#d7d7d7;}
.section_job_list .tbl_type_list ul li a:after{display:none;}
.section_job_list .tbl_type_list ul li a .work_name{width:65%; min-height: 48px;
   padding: 14px 16px 14px 20px; border-right: 1px solid #d7d7d7; line-height: 20px; font-weight: 400; font-size: 14px;color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
.section_job_list .tbl_type_list ul li a .unit{display: flex; justify-content: center; align-items: center; width: 35%; min-height: 48px;
position:relative; top:0; right:0; height:auto; margin-top:0; padding: 14px 16px 14px 12px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em; box-sizing: border-box;}
.section_job_list .tbl_type_list ul li a .unit span{display:inline-flex; justify-content: left; align-items: center; font-size:14px;}
.section_job_list .tbl_type_list ul li a .unit span:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.section_job_list .tbl_type_list ul li a .unit span:after{display:none;}
.section_job_list .tbl_type_list ul li a .unit span:last-child:after{display:none;}
.section_job_list .tbl_type_list ul li a .unit span:not(:first-child):before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #afafaf; transform: translateY(-50%);}
.section_job_list .tbl_type_list ul li a .unit span strong{margin-left: 4px; font-weight: 400; color:#150f96;}

/* 모든 고객이 조회 */
.data_view_list .all_data{border-bottom: 1px solid #4b4e53;}
.data_view_list .all_data .box_msg{padding: 16px;}
.data_view_list .all_data .box_msg .main_msg{line-height: 20px; font-weight: 400; font-size:14px; color: #000; letter-spacing: -0.04em; text-align: center;}

/* 결과없음 */
.data_view_list .no_data{padding:0; border-top: 1px solid #4b4e53; border-bottom: 0;}
.data_view_list .no_data .box_msg{display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 350px;}
.data_view_list .no_data .box_msg:before{content: ''; display: block; width: 48px; height: 48px; background:url('../../../image/gap/GP/qpc/ico_nodata.png') no-repeat 0 0; background-size: 48px auto;}
.data_view_list .no_data .box_msg.res:before{background:url('../../../image/gap/GP/qpc/ico_noresults.png') no-repeat 0 0; background-size: 48px auto;}
.data_view_list .no_data .box_msg:before + .main_msg{margin-top: 8px;}
.data_view_list .no_data .box_msg .main_msg{line-height: 20px; font-weight: 400; font-size:14px; color: #000;}

/* 사전동의접수 */
.data_view_list.button_type.prior_consent > ul > li > a .summary .status{margin-top: 0;}
.data_view_list.button_type.prior_consent > ul > li > a .summary .category + .status{margin-top: 5px;}

/* 내고객다보아-접촉이력 */
.contact_history_lst .summary .mark1{display:inline-block; height:25px; line-height:25px; padding:0 8px; color:#fff; border-radius:3px; font-size:13px; background:#808285;}
.contact_history .res_search{width: calc(100% + 36px); margin-left: -18px; padding: 10px 18px; background: #f4f4f4;}
.contact_history .res_search .txt{line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.ctr_sort{display: flex; justify-content: left; align-items: center; padding: 16px 0;}
.ctr_sort .btn_sort{display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 8px; border-radius: 8px; background: #d7d7d7; line-height: 18px; font-weight: 500; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.ctr_sort .btn_sort.on{padding: 0 8px 0 4px; background: #150f96; color: #fff;}
.ctr_sort .btn_sort:not(:first-child){margin-left: 8px;}
.ctr_sort .btn_sort.on:before{content: ''; display: inline-block; width: 18px; height: 16px; margin-right: 4px; background:url('../../../image/gap/GP/qpc/ico_check.png') no-repeat 0 0; background-size: 18px auto;}
.contact_history_lst{border-top: 1px solid #4b4e53;}
.contact_history_lst .title .info_box{position: relative; padding: 16px 32px 16px 0; border-bottom: 1px solid #d7d7d7;}
.contact_history_lst .title .active .info_box{border-bottom: 0;}
.contact_history_lst .panel{padding: 16px; background: #f4f4f4; line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.accordion.t2.contact_history_lst .title a.active .ico:before, .accordion.t2 .title a.active .ico:after{background-color: transparent;}
.accordion.t2.contact_history_lst .title a .ico{overflow:hidden; position:absolute; top:50%; right:0; width:16px; height:8px; margin-top:-4px; margin-right: 0; padding: 0; border-radius: 0; border: 0; background:url('../../../image/gap/GP/daboa/ico_arrow3_down.png') no-repeat 0 0; background-size: 16px auto; font-size: 0; color: transparent;}
.accordion.t2.contact_history_lst .title a .ico:before, .accordion.t2.contact_history_lst .title a .ico:after{display: none;}
.accordion.t2.contact_history_lst .title a.active .ico{background:url('../../../image/gap/GP/daboa/ico_arrow3_up.png') no-repeat 0 0; background-size: 16px auto;}
.contact_history_lst .info_box .summary{display: flex; justify-content: flex-start; align-items: center;}
.contact_history_lst .info_box .mark1{display: inline-flex; justify-content: center; align-items: center; height: 19px; margin-right: 8px; padding: 0 8px; border-radius: 2px; background: #767676; line-height: 15px; font-weight: 500; font-size: 12px; color: #fff; letter-spacing: -0.04em;}
.contact_history_lst .info_box .sub_num{display: inline-flex; justify-content: left; align-items: center; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.contact_history_lst .info_box .send_title{display: flex; justify-content: left; align-items: center; margin-top: 8px; line-height: 20px; font-weight: 700; font-size: 14px; color: #000; letter-spacing: -0.02em;}
.contact_history_lst .info_box .title{display: flex; justify-content: left; align-items: center; margin-top: 4px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.contact_history_lst .info_box .date{display: flex; justify-content: left; align-items: center; margin-top: 4px;}
.contact_history_lst .info_box .date .data{line-height: 16px; font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em;}
.contact_history_lst .info_box .date .data:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.contact_history_lst .info_box .date .data:not(:first-child):before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #afafaf; transform: translateY(-50%);}

/* 내고객다보아 */
.ga_header.search.daboa{padding: 0; height: 234px; z-index: 120;}
.ga_header.search.daboa .header_bottom{display: block; height: 184px; padding: 24px 20px 16px; box-sizing: border-box;}
.ga_header.search.daboa + #container .content .tab_swipe_wrap.long.t2{top: 234px;}
.ga_header.search.daboa + #container .content.long_tab.t2{padding-top:284px;}
.ga_header.position.daboa .header_bottom > div {position: relative; bottom: initial; right: initial;}
.individual_area .indi_info{position: relative; padding-bottom: 16px; border-bottom: 1px solid #afafaf;}
.individual_area .indi_info .inf{display: flex; justify-content: left; align-items: center;}
.individual_area .indi_info .inf + .inf{margin-top: 8px;}
.individual_area .indi_info .cell{display: inline-block; line-height: 22px; font-weight: 700; font-size: 16px; color: #fff; letter-spacing: -0.02em;}
.individual_area .indi_info .cell:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.individual_area .indi_info .cell:not(:first-child):before{content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #fff; transform: translateY(-50%);}
.individual_area .indi_info .cell.tel{padding-left: 27px;}
.individual_area .indi_info .cell.tel:after{content: ''; display: inline-block; position: absolute; top: 50%; left: 9px; width: 16px; height: 16px; background:url('../../../image/gap/GP/daboa/ico_tel.png') no-repeat 0 0; background-size: 16px auto; transform: translateY(-50%);}
.individual_area .indi_info .cell.tel .anc{display: inline-block; line-height: 22px; font-weight: 700; font-size: 16px; color: #fff; letter-spacing: -0.02em;}
.individual_area .indi_info .cell.tel .anc:hover{text-decoration: underline;}
.individual_area .indi_info .btn_detail{display: block; position: absolute; top: 3px; right: 0; width: 18px; height: 16px; background:url('../../../image/gap/GP/daboa/ico_arrow2.png') no-repeat 100% 0; background-size: 8px auto;}
.individual_area .date_info{margin-top: 16px;}
.individual_area .date_info .date{display: flex; justify-content: left; align-items: flex-start;}
.individual_area .date_info .date + .date{margin-top: 4px;}
.individual_area .date_info .date .titl{width: 34%; padding-right: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #d7d7d7; letter-spacing: -0.04em; box-sizing: border-box; margin:0;}
.individual_area .date_info .date .inf{display: flex; justify-content: left; align-items: center; width: 66%; margin:0;}
.individual_area .date_info .cell{display: inline-block; line-height: 20px; font-weight: 400; font-size: 14px; color: #fff; letter-spacing: -0.04em;}
.individual_area .date_info .cell:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.individual_area .date_info .cell:not(:first-child):before{content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #d7d7d7; transform: translateY(-50%);}
.individual_area .btns{display: flex; justify-content: right; align-items: center; margin-top: 16px;}
.individual_area .btns > *{width: 33.3%;}
.individual_area .btns > *:not(:first-child){margin-left: 10px;}
.individual_area .btns > *:nth-child(2){width: 33.4%;}
.individual_area .btns .btn_ty1{display: flex; justify-content: center; align-items: center; height: 30px; border-radius: 2px; border: 1px solid #fff; line-height: 18px; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: -0.04em;}
.individual_area .btns .wrap_tooltip{position: relative;}
.individual_area .btns .wrap_tooltip .tooltip{display:none; position: absolute; bottom: -50px; left: 50%; z-index: 120; min-width: 267px; padding-top: 6px; transform: translateX(-50%);}
.individual_area .btns .wrap_tooltip .tooltip .inner{position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 10px 12px; border-radius: 4px; background: #7acb00; line-height: 20px; font-weight: 700; font-size: 14px; color: #150f96; letter-spacing: -0.02em; box-sizing: border-box;}
.individual_area .btns .wrap_tooltip .tooltip .inner:before{content: ''; display: block; position: absolute; top: -6px; left: 50%; width: 26px; height: 15px; background:url('../../../image/gap/GP/daboa/bg_tootip_top.png') no-repeat 0 0; background-size: 26px auto; transform: translateX(-50%);}
.individual_area .btns .btn_ty2{display: flex; justify-content: center; align-items: center; height: 30px; border-radius: 2px; background: #fff; line-height: 18px; font-weight: 500; font-size: 14px; color: #767676; letter-spacing: -0.04em;}

.tab_box{position: fixed; top: 234px; left: 0; right: 0; z-index: 111; height: 48px;}
.tab_box .tab_nav{display: flex; justify-content: flex-start; align-items: center; height: 48px; padding: 0 20px; background: #f4f4f4; box-sizing: border-box;}
.tab_box .tab_nav li{flex: 1; position: relative; float: none; width: 100%; padding: 0;}
.tab_box .tab_nav li:first-child{padding-left: 0;}
.tab_box .tab_nav li > a{display: flex; justify-content: center; align-items: center; width: 100%; height: 32px; border: solid #767676;border-width: 1px 1px 1px 0; background: #fff; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em; box-sizing: border-box;}
.tab_box .tab_nav li:first-child > a{border-left-width: 1px;}
.tab_box .tab_nav li.active > a{background: #767676; font-weight: 700; color: #fff; letter-spacing: -0.02em;}
.tab_box .tab_nav li > a span{display: inline-block; position: relative; height: auto;}
.cntr_sorting{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 16px 0;}
.cntr_sorting .sort{display: inline-flex; justify-content: center; align-items: center; height: 30px; margin-right: 8px; padding: 0 8px; border-radius: 8px; background: #d7d7d7; line-height: 18px; font-weight: 500; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.cntr_sorting .sort.on{padding: 0 8px 0 4px; background: #150f96; color: #fff;}
.cntr_sorting .sort.on:before{content: ''; display: inline-block; width: 18px; height: 16px; margin-right: 4px; background:url('../../../image/gap/GP/qpc/ico_check.png') no-repeat 0 0; background-size: 18px auto;}
/* 2022-08-12 */
.list_top {display: flex; justify-content: space-between; align-items: center;}
.list_top .be_side {display:flex; align-items: center; height: 34px;}
.list_top .be_side .txt_desc {line-height: 14px;font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em;}
.list_top .be_side .txt_desc + .btn-refresh {margin-left:10px;}
.list_top .designSelect {left: -12px; min-width: 114px; width: 114px; margin-top: 8px;}
/* //2022-08-12 */
/* .daboa_cust_list .designSelect > .selected span:after{right: -34px;} */
.daboa_cust_list .designSelect + .data_view_list, .daboa_cust_list .list_top + .data_view_list{margin-top: 4px;}
.daboa_cust_list .data_view_list > ul > li > a{padding: 16px 24px 16px 0;}
.daboa_cust_list .data_view_list > ul > li > a .summary.ty2{justify-content: flex-start;}
.daboa_cust_list .data_view_list > ul > li > a .summary .category{display: inline-flex; align-items: center; height: 19px; padding: 0 8px; line-height: 15px; font-weight: 500; font-size: 12px; color:#fff; letter-spacing: -0.04em;}
.daboa_cust_list .data_view_list > ul > li > a .summary .category span + span:after {display: none;}
.daboa_cust_list .data_view_list > ul > li > a .summary .category .cell:not(:first-child){position: relative; margin-left: 3px; padding-left: 4px;}
.daboa_cust_list .data_view_list > ul > li > a .summary .category .cell:not(:first-child):before{content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 1px; height: 10px; background-color: rgba(255,255,255,0.5); transform: translateY(-50%);}
.daboa_cust_list .data_view_list > ul > li > a .summary .status, .daboa_cust_list .data_view_list > ul > li > a .summary .cust_num{display: flex; justify-content: flex-start; align-items: center; padding-left: 8px;}
.daboa_cust_list .data_view_list > ul > li > a .summary .status .cell, .daboa_cust_list .data_view_list > ul > li > a .summary .cust_num .cell{line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.daboa_cust_list .data_view_list > ul > li > a .summary .status .cell:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.daboa_cust_list .data_view_list > ul > li > a .summary .status .cell:not(:first-child):before{content: ''; display: inline-block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #4b4e53; transform: translateY(-50%);}
.daboa_cust_list .data_view_list > ul > li > a .title{margin-top: 8px; letter-spacing: -0.04em;}
.daboa_cust_list .data_view_list > ul > li > a .cust_num + .title{margin-top: 4px;}
.daboa_cust_list .data_view_list > ul > li > a .cust_num{margin-top: 8px; line-height: 20px; font-weight: 700; font-size: 14px; color: #000; letter-spacing: -0.02em;}
.daboa_cust_list .data_view_list > ul > li > a .summary .cust_num{margin-top: 0;}
.daboa_cust_list .data_view_list > ul > li > a .date{display: flex; justify-content: flex-start; align-items: center; margin-top: 4px; line-height: 16px; font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em;}
.daboa_cust_list .data_view_list.shorten_type .date span + span {line-height: 16px; font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em;}
.daboa_cust_list .data_view_list > ul > li > a .date .amount{line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.daboa_cust_list .data_view_list > ul > li > a .date .amount .tit{line-height: 16px; font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em;}
.daboa_cust_list .data_view_list.shorten_type .date span + span{padding-left: 16px;}
.daboa_cust_list .data_view_list > ul > li > a:after{width: 16px; height: 8px; background: url('../../../image/gap/GP/daboa/ico_arrow3_down.png') no-repeat 0 0; background-size: 16px 8px; transform: rotate(-90deg);}
.daboa_cust_list .data_view_list > ul > li.hidden_bull > a:after{background: none;} /* 2022-08-30 */
.daboa_cust_list .data_view_list .no_data{border-top: 0;}
.data_view_list .no_data .box_msg .main_msg{margin-top: 8px;}

/* 원픽설계-고객정보 표시 */
.onepick_process .section_customer_info{position: relative;}
/* .onepick_process .infos_view{padding-bottom: 500px;} */
.section_customer_info .inf_basic{display: flex; justify-content: flex-start; align-items: center; padding: 17px 0 12px; border-bottom: 1px solid #4b4e53;}
.section_customer_info .inf_basic .cell{line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.section_customer_info .inf_basic .cell:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.section_customer_info .inf_basic .cell:not(:first-child):before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #afafaf; transform: translateY(-50%);}
.section_customer_info .inf_basic + .data_cell_wrap{padding-top: 16px;}
.section_customer_info .data_cell{display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap;}
.section_customer_info .data_cell:not(:first-child){margin-top: 8px;}
.section_customer_info .data_cell .tit{width: 34%; padding-right: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em; box-sizing: border-box;}
.section_customer_info .data_cell .con{width: 66%; line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.section_customer_info .data_cell .con .data{display: inline-flex; justify-content: flex-start; align-items: center;}
.section_customer_info .data_cell .con .data:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.section_customer_info .data_cell .con .data:not(:first-child):before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #000; transform: translateY(-50%);}
.section_customer_info .data_cell .btn_info{display: inline-flex; align-self: center; width: 16px; height: 16px; background:url('../../../image/gap/GP/onepick/ico_info3.png') no-repeat 0 0; background-size: 16px auto; top:3px; position: relative; right: -1px;}/* 2022-08-24 박종서 top:3px; position: relative; right: -1px; */
.section_customer_info .data_cell .btn_info:not(:first-child){margin-left: 2px;}
.section_customer_info .data_cell .btn_info.only{position: relative; top: 2px;}
.section_customer_info .inf_prod{margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: #f4f4f4; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.section_customer_info .inf_prod .name .lab{display: inline-flex; justify-content: center; align-items: center; height: 19px; margin-right: 4px; padding: 2px 8px; border-radius: 2px; background: #767676; line-height: 15px; font-weight: 500; font-size: 12px; color: #fff; letter-spacing: -0.04em;}
.section_customer_info .inf_prod .name .txt{line-height: 19px;}
.section_customer_info .inf_prod .name + .data{margin-top: 8px;}
.section_customer_info .inf_prod .data{display: flex; justify-content: flex-start; align-items: flex-start;}
.section_customer_info .inf_prod .date .titl{padding-right: 8px;}
.section_customer_info .inf_prod .price{position: relative; margin-left: 8px; padding-left: 9px;}
.section_customer_info .inf_prod .price:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #767676; transform: translateY(-50%);}
.product_selection{overflow: hidden; position: fixed; bottom: 16px; right: 20px; left: 20px; z-index: 1; padding: 16px; border-radius: 8px; border: 1px solid #150f96; background: #fff; box-sizing: border-box;}
.product_selection .box_descr{padding-bottom: 8px; line-height: 24px; font-weight: 700; font-size: 18px; color: #150f96; letter-spacing: -0.02em;}
.product_selection .box_keyword{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 0; margin-left: -8px;}
.product_selection .keyword{display: inline-flex; justify-content: center; align-items: center; min-width: 90px; height: 38px; margin-top: 8px; margin-right: 0; margin-left: 8px; padding: 0 10px; border-radius: 8px; border: 1px solid #afafaf; background: #fff; line-height: 22px; font-weight: 400; font-size: 16px; color: #767676; letter-spacing: -0.02em; box-sizing: border-box;}
.product_selection .box_keyword .keyword.on{padding: 0 10px; border: 0;}
.product_selection .box_keyword .keyword.on:before{display: none;}
.classifi_detail{display:none; padding-top: 16px;}
.classifi_detail .box_descr{overflow: hidden;}
.classifi_detail .box_descr p{position: relative; top: 20px; opacity: 0; transition: top .3s ease-in, opacity .3s ease-in;}
.classifi_detail .box_keyword{position: relative; top: 40px; background: #fff; opacity: 0; transition: top .5s ease-in, opacity .5s ease-in; transition-delay: .3s;}
.classifi_detail.act .box_descr p{top: 0; opacity: 1;}
.classifi_detail.act .box_keyword{top: 0; opacity: 1;}

/* 2022-08-04 : 결함번호 294 */
/* 원픽설계-보험료 계산 */
.section_insurance_calc .basic_inf{
  margin-bottom: 24px;
}
.section_insurance_calc .basic_inf .inf{
  display: flex;
  justify-content: space-between;
  align-items: center;

  position: relative;
  padding: 13px 0 8px;
}
.section_insurance_calc .basic_inf .inf + .inf {
  padding-top: 11px;
  border-top: 1px solid #4b4e53;
}
.section_insurance_calc .basic_inf .data {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: calc(100% - 70px);

  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #000;
  letter-spacing: -0.02rem;
}
.section_insurance_calc .basic_inf .data.bull_type {
  position: relative;
}
.section_insurance_calc .basic_inf .data.bull_type > span {
  flex-shrink: 0;
  position: relative;
  margin-left: 8px;
  padding-left: 9px;
}
.section_insurance_calc .basic_inf .data.bull_type > span::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);

  width: 1px;
  height: 14px;
  background: #afafaf;
}
.section_insurance_calc .basic_inf .data.bull_type > div {
  white-space: nowrap;
  max-width: calc(100% - 100px);
  text-overflow: ellipsis;
  overflow: hidden;
}
.section_insurance_calc .basic_inf .data .prod_keyword {
  margin-left: 4px;
}
.section_insurance_calc .basic_inf .data .prod_keyword + .prod_keyword {
  margin-left: 8px;
}
.section_insurance_calc .basic_inf .inf .bttn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 66px;
  height: 30px;

  box-sizing: border-box;
  background: #fff;
  border: 1px solid #afafaf;
  border-radius: 2px;
  
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  color: #000;
  text-align: center;
  letter-spacing: -0.04em;
}
/* //2022-08-04 : 결함번호 294 */

.section_insurance_calc .plan_inf .prod_name{display: block; padding:16px; border-radius: 8px; background: #150f96; line-height: 24px; font-weight: 700; font-size: 18px; color: #fff; letter-spacing: -0.02em;}
.section_insurance_calc .plan_selection{border-radius: 8px; border: 1px solid #150f96; background: #fff;}
.section_insurance_calc .plan_selection .box_top .bttn{display: block; padding: 16px 45px 16px 16px; background:url('../../../image/gap/GP/onepick/arrow_down.png') no-repeat right 16px center; background-size: 24px auto; line-height: 24px; font-weight: 700; font-size: 18px; color: #150f96; letter-spacing: -0.02em;}
/* 2022-08-22 */
.section_insurance_calc .plan_selection .box_top .bttn.active {background-image: url('../../../image/gap/GP/onepick/arrow_up2.png');}
.section_insurance_calc .plan_selection .box_content .desc{padding: 16px; line-height: 24px; font-weight: 700; font-size: 18px; color: #150f96; letter-spacing: -0.02em;}
/* 2022-08-22 */
.section_insurance_calc .lst_plan{padding: 0 16px 30px;}
.section_insurance_calc .plan_item{border-radius: 4px; background: #f4f4f4;}
.section_insurance_calc .plan_item:not(:first-child){margin-top: 26px;}
.section_insurance_calc .plan_item .name{padding: 16px 16px 8px; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.section_insurance_calc .plan_item .detail{padding:0 16px;}
.section_insurance_calc .plan_item .detail > li{position: relative; padding-left: 9px; line-height: 20px; font-weight: 400; font-size: 14px; color: #4b4e53; letter-spacing: -0.04em;}
.section_insurance_calc .plan_item .detail > li::before{content: ''; display: block; position: absolute; top: 8px; left:3px; width: 2px; height: 2px; background: #4b4e53;}
.section_insurance_calc .plan_item .detail:not(:first-child){margin-top: 4px;}
.section_insurance_calc .plan_item .bttn{display: flex !important; justify-content: center; align-items: center; height: 36px; margin-top: 16px; border-radius: 4px; background: #150f96; line-height: 20px; font-weight: 500; font-size: 16px; color: #fff; letter-spacing: -0.04em;}

.plan_calc{margin-top: 32px;}
.plan_calc .box_selected_plan{display: flex; flex-direction: column-reverse; justify-content: flex-start; align-items: flex-start;}
.plan_calc .insur_plan{width: 100%; padding-bottom: 32px; }
/* .plan_calc .insur_plan:not(:first-child){padding-top: 24px; border-top: 1px solid #afafaf;} */
.plan_calc .insur_plan:not(:last-child){padding-top: 24px; border-top: 1px solid #afafaf;}
.plan_calc .plan_name{padding-bottom: 8px; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.plan_calc .plan_info{display: flex; justify-content: space-between; align-items: flex-start;}
.plan_calc [class^="one_pick_"]{width: 100%;}
.one_pick_best{margin-left: 8px;}
.plan_calc .calculation{
  width: 100%;
  height: 144px;
  padding:0 15px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #150f96;
  background: #ebf3ff;
}
.plan_calc .calculation .title{
  padding: 10px 0 4px; border-bottom: 1px solid #afafaf;
  background:url('../../../image/gap/GP/onepick/ico_best.png') no-repeat right 13px; background-size: 16px auto;
  line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.plan_calc .calculation .amount{display: flex; justify-content: space-between; flex-wrap: wrap; height: 67px; padding: 12px 0 9px; box-sizing: border-box;}
.plan_calc .calculation .amount .item{
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  line-height: 16px;
  letter-spacing: -0.04em;
}
.plan_calc .calculation .amount .number{
  width: 100%;
  align-self: flex-end;
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
  color: #150f96;
  letter-spacing: -0.02em;
  text-align: right;
}
.plan_calc .calculation .amount .unit{line-height: 16px; font-weight: 400; font-size: 12px; color: #150f96; letter-spacing: -0.04em;margin-left: 2px;}
.plan_calc .calculation .box_btn{width: calc(100% + 32px); height: 40px; margin-left: -16px;border-top: 1px solid #150f96; box-sizing: border-box;}
.plan_calc .calculation .box_btn .bttn{display: flex; justify-content: center; align-items: center; height: 100%;line-height: 18px; font-weight: 500; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.one_pick_best .calculation{background: #150f96;}
.plan_calc .one_pick_best .calculation .title{background:url('../../../image/gap/GP/onepick/ico_max.png') no-repeat right 13px; background-size: 16px auto; color: #fff;}
.plan_calc .one_pick_best .calculation .amount .item{color: #fff;}
.plan_calc .one_pick_best .calculation .amount .number{color: #fff;}
.plan_calc .one_pick_best .calculation .amount .unit{color: #fff;}
.plan_calc .one_pick_best .calculation .box_btn{border-color: #fff;}
.plan_calc .one_pick_best .calculation .box_btn .bttn{color: #fff;}
.plan_calc .calculation .box_guide{height: 67px; padding: 8px 0 0; line-height: 15px; font-weight: 500;
  font-size: 12px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
.plan_calc .calculation .box_guide .be_tip .btn_info{position: relative; top: -4px; width: 16px; height: 16px;background:url('../../../image/gap/GP/onepick/ico_info3.png') no-repeat; background-size: 16px auto;}
.plan_calc .one_pick_best .calculation .box_guide{color: #fff;}
.plan_calc .one_pick_best .calculation .box_guide .be_tip .btn_info{background:url('../../../image/gap/GP/onepick/ico_info2.png') no-repeat 1px 1px; background-size: 14px auto;}
.plan_calc .box_foot .inp_chk{display: block; position: relative; margin: 8px 7px 0;}
.plan_calc .box_foot .inp_chk input{display: inline-block; position: absolute; top:0; left: 0; width: 18px; height: 18px; opacity: 0;}
.plan_calc .box_foot .inp_chk label{display: block; position: relative; padding-left: 25px; line-height: 18px; font-weight: 500;font-size: 14px;color: #767676; letter-spacing: -0.04em;}
.plan_calc .box_foot .inp_chk label::before{content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background:url('../../../image/gap/GP/onepick/checkbox_unchecked.png') no-repeat -3px -3px; background-size: 23px auto;}
.plan_calc .box_foot .inp_chk input:checked + label::before{background:url('../../../image/gap/GP/onepick/checkbox_checked.png') no-repeat 0 0; background-size: 18px auto;}
.plan_calc .box_foot .anc{display: inline-block; margin: 8px 7px 0; line-height: 18px; font-weight: 500;font-size: 14px;color: #150f96; letter-spacing: -0.04em;}
.plan_calc .box_foot .anc:hover{text-decoration: underline;}
.box_onepick_guide{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 6px 8px; border-radius: 4px; background: #f4f4f4;margin-bottom:50px;}
.box_onepick_guide .txt{line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.box_onepick_guide .btn_info{display: inline-block; width: 16px; height: 16px; margin-left: 2px; background:url('../../../image/gap/GP/qpc/ico_info.png') no-repeat 0 0; background-size: 16px auto;}

.selected_plan_item{margin-bottom: 26px; padding: 16px; border-radius: 4px; background: #f4f4f4;}
.selected_plan_item .name{padding-bottom: 8px; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.selected_plan_item .detail > li{position: relative; padding-left: 9px; line-height: 20px; font-weight: 400; font-size: 14px; color: #4b4e53; letter-spacing: -0.04em;}
.selected_plan_item .detail > li::before{content: ''; display: block; position: absolute; top: 8px; left:3px; width: 2px; height: 2px; background: #4b4e53;}
.selected_plan_item .detail:not(:first-child){margin-top: 4px;}

/* 특약 가입금액 조정 */
.contract_adjustment{padding-bottom: 50px;}
.contract_adjustment .fixed_bottom_button>ul{padding-bottom: 0;}
.contract_adjustment .fixed_bottom_button>ul>li{padding: 0;}
.contract_adjustment .plan_name{padding: 0 20px 16px;}
.contract_adjustment .plan_name strong{display: block; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.contract_adjustment .plan_message{padding: 0 20px 16px;}
.contract_adjustment .plan_message .lst li{position: relative; padding-left: 10px; line-height: 20px; font-weight: 400; font-size: 14px; color: #150f96; letter-spacing: -0.04em;}
.contract_adjustment .plan_message .lst li:not(:first-child){margin-top: 8px;}
.contract_adjustment .plan_message .lst li::before{content: ''; display: block; position: absolute; top: 9px; left: 4px; width: 1px; height: 1px; border-radius: 50%; background: #150f96;}
.contract_adjustment .designSelect {min-width: 104px !important;}
.contract_adjustment .designSelect > .optionList {max-height:200px;}
.main_contract{display: flex; justify-content: flex-start; align-items: center; padding: 0 20px 24px;}
.main_contract > div{height: 40px; border-radius: 4px; border: 1px solid #afafaf; box-sizing: border-box;}
.main_contract .method_select{flex: 2;}
.main_contract .amount_select{flex: 1;margin-left: 10px;}
.main_contract .designSelect{top: -1px; left: -1px; min-width: auto; width: calc(100% + 2px);}
.main_contract .designSelect > .selected,
.main_contract .designSelect > .optionList > li {height: 40px; padding: 0 12px 0 8px;}
.main_contract .designSelect > .selected span, .main_contract .designSelect > .optionList > li span {display: block; width: 100%;}
.special_contract .info{padding: 24px 20px; border-bottom: 1px solid #afafaf;}
.special_contract .info:first-child{border-top: 1px solid #afafaf;}
.special_contract .info .name{line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.special_contract .info .amount{display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 24px;}
.special_contract .info .amount .item:not(:first-child){margin-left: 10px;}
.special_contract .info .amount .item{width: 100%;}
.special_contract .info .amount .item .tit{padding-bottom: 4px; border-bottom: 1px solid #d7d7d7; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.special_contract .info .amount .item .con{display: flex; justify-content: flex-start; align-items: center; height: 40px}
.special_contract .info .amount .item .num{line-height: 20px; font-weight: 700; font-size: 14px; color: #000; letter-spacing: -0.02em;}
.special_contract .info .amount .item .unit{margin-left: 2px; line-height: 16px; font-weight: 400; font-size: 12px; color: #000; letter-spacing: -0.04em;}
.special_contract .info .amount .item.join_amount .tit{border-bottom: 0;}
.special_contract .info .amount .item.join_amount .box_select{width: 100%; height: 40px; border-radius: 4px; border: 1px solid #afafaf; box-sizing: border-box;}
.special_contract .info .amount .item.join_amount .box_select .designSelect{top: -1px; left: -1px; min-width: auto; width: calc(100% + 2px);}
.special_contract .info .amount .item.join_amount .box_select .designSelect > .selected,
.special_contract .info .amount .item.join_amount .box_select .designSelect > .optionList > li {height: 40px; padding: 0 12px 0 8px;}
.special_contract .info .amount .item.join_amount .box_select .designSelect > .selected span, .special_contract .info .amount .item.join_amount .box_select .designSelect > .optionList > li span {display: block; width: 100%;}


/* 설계하기 팝업 */
.dialog.modal.insur_design .btn_close{display: block; position: absolute; top: -5px; right: -8px; width: 32px; height: 32px; background:url('../../../image/gap/GP/onepick/btn_close_small.png') no-repeat 0 0; background-size: 16px auto;}
.dialog.modal.insur_design .dialog_header h2{line-height: 22px; font-weight: 700; font-size: 17px; color: #000; letter-spacing: -0.02em;} /* 2022-08-24 16px -> 17px */
.dialog.modal.insur_design .dialog_wrap.narrow .dialog_header p{margin-top: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.dialog.modal.insur_design .dialog_wrap.narrow .dialog_content{margin-top: 36px;}
.insur_design .design_menu{display: flex; justify-content: flex-start; align-items: center;}
.insur_design .design_menu [class^="dm_"]{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 94px; border-radius: 4px; background: #150f96; line-height: 20px; font-weight: 500; font-size: 16px; color: #fff; letter-spacing: -0.04em;}
.insur_design .design_menu [class^="dm_"]:not(:first-child){margin-left: 10px;}
.insur_design .design_menu [class^="dm_"]::before{content: ''; display: block; width: 48px; height: 48px; margin-bottom: 4px;}
.insur_design .design_menu .dm_simple::before{background:url('../../../image/gap/GP/onepick/simple_planning.png') no-repeat 0 0; background-size: 48px auto;}
.insur_design .design_menu .dm_join::before{background:url('../../../image/gap/GP/onepick/join_planning.png') no-repeat 0 0; background-size: 48px auto;}
.insur_design .design_menu .dm_onepick::before{background:url('../../../image/gap/GP/onepick/onepick_planning.png') no-repeat 0 0; background-size: 48px auto;}

/*확인취소 팝업 close 버튼 추가 2022-09-21*/
.dialog.modal .btn_close{display: block; position: absolute; top: -5px; right: -8px; width: 32px; height: 32px; background:url('../../../image/gap/GP/onepick/btn_close_small.png') no-repeat 0 0; background-size: 16px auto;}

/* 설계지원 요청 */
.request_design_support{padding-bottom: 85px;}
.request_design_support .fixed_bottom_button>ul{padding-bottom: 0;}
.request_design_support .fixed_bottom_button .col2{padding: 0;}
.request_design_support .fixed_bottom_button>ul>li{padding: 0;}
.request_design_support .infs{position: relative; padding: 0 20px 32px;}
.request_design_support .infs::after{content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #f4f4f4; transform: translateY(-50%);}
.request_design_support .inf{display: flex; justify-content: flex-start; align-items: flex-start;}
.request_design_support .inf:not(:first-child){margin-top: 16px;}
/* 2022-08-22, 23 */
.request_design_support .inf .tit{width: 90px; padding-right: 8px; line-height: 20px; font-weight: 400; font-size: 15px; color: #767676; letter-spacing: -0.04em; box-sizing: border-box;}/* 2022-08-21 박종서 42% -> 20%, 14px -> 15px 110px -> 90px */
.request_design_support .inf .con{display: flex; justify-content: flex-start; align-items: flex-start; width: calc(100% - 110px); line-height: 20px; font-weight: 700; font-size: 15px; color: #000; letter-spacing: -0.02em;} /* 2022-08-21 박종서 14px -> 15px */
/* 2022-08-22 */
.request_design_support .inf .tit .con .cell:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.request_design_support .inf .tit .con .cell:not(:first-child)::before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 12px; background: #afafaf; transform: translateY(-50%);}
.request_design_support .box_notice .title{background: #fff; border-bottom: 1px solid #d7d7d7;}
.request_design_support .box_notice .title .anc{display: block; position: relative; padding: 11px 40px 11px 20px; line-height: 18px; font-weight: 500; font-size: 16px; color: #000; letter-spacing: -0.08em;}/* 2022-08-21 박종서 15px -> 16px */
.request_design_support .box_notice .title .anc::after{content: ''; display: block; position: absolute; top: 50%; right: 20px; width: 16px; height: 16px; background:url('../../../image/gap/GP/onepick/ico_arrow_down.png') no-repeat 0 0; background-size: 16px auto; transform: translateY(-50%);}
.request_design_support .box_notice.on .title .anc::after{background:url('../../../image/gap/GP/onepick/ico_arrow_up.png') no-repeat 0 0; background-size: 16px auto;}
.request_design_support .box_notice .content{display: none; padding: 16px 20px; background: #f4f4f4; line-height: 20px; font-weight: 400; font-size: 15px; color: #000; letter-spacing: -0.04em;}/* 2022-08-21 박종서 14px -> 15px */
.request_design_support .request_type{height: 48px; margin: 16px 20px; border-radius: 4px; /* border: 1px solid #afafaf; */ box-sizing: border-box;} /* 2022-08-22 */
.request_design_support .request_type .designSelect{top: -1px; left: -1px; min-width: auto; width: calc(100% + 2px); line-height: 20px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -0.04em;}
.request_design_support .request_type .designSelect > .selected,
.request_design_support .request_type .designSelect > .optionList > li {height: 48px; padding: 0 16px 0 16px;}
.request_design_support .request_type .designSelect > .selected span, .request_design_support .request_type .designSelect > .optionList > li span {display: block; width: 100%;}
.request_design_support .request_type .designSelect > .optionList > li{color: #767676;}
.request_design_support .request_type .designSelect.active > .optionList > li.select{color: #000;}
/* 2022-08-22 */
.request_design_support .request_type > select {font-size: 16px; border: 1px solid #afafaf;border-radius: 4px;height: 48px;}
.request_design_support .request_type > select:focus {border-color: #150f96;}
/* 2022-08-22 */
/* 2022-08-30 */
.request_design_support .request_type .designSelect {font-size: 16px;border: 1px solid #afafaf;border-radius: 4px;height: 48px;}
.request_design_support .request_type .designSelect.active {border-color: #150f96;}
.request_design_support .request_type .designSelect .selected {height: 100%;}
.request_design_support .request_type .designSelect > .selected span:after {width: 24px;height: 24px;margin-top: -12px;}
.request_design_support .request_type .designSelect > .optionList {top: 47px;}
.request_design_support .request_type .designSelect > .optionList > li {border-color: #afafaf;}
/* 2022-08-30 */
.request_design_support .request_detail{padding: 0 20px;}
.request_design_support .request_detail textarea{width: 100%; height: 180px; padding: 16px; border-radius: 4px; border: 1px solid #afafaf; line-height: 22px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -0.02em; box-sizing: border-box;}
.request_design_support .request_detail textarea::placeholder{line-height: 22px; font-weight: 400; font-size: 16px; color: #767676; letter-spacing: -0.02em;}

/* 고객정보변경/고객정보등록 */
/* .custom_information_change{padding-bottom: 85px;} 2022-08-29 박종서 */
.custom_information_change .fixed_bottom_button>ul{padding-bottom: 0;}
.custom_information_change .fixed_bottom_button>ul>li{padding: 0;}
.custom_information_change .forms_wrap{padding: 0 20px;}
.custom_information_change .infs{display:flex; justify-content: flex-start; align-items: center; margin: 0 20px 16px; padding-bottom: 12px; border-bottom: 1px solid #4b4e53;}
.custom_information_change .infs .cell{line-height: 20px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em;}
.custom_information_change .infs .cell:not(:first-child){position: relative; margin-left: 8px; padding-left: 9px;}
.custom_information_change .infs .cell:not(:first-child)::before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 14px; background: #afafaf; transform: translateY(-50%);}

/* 2022-08-21 수정 */
/* .custom_information_change .inf{margin-bottom: 16px;} */
.custom_information_change .inf .inf{display:flex; justify-content: flex-start; align-items: flex-start;}
.custom_information_change .inf .inf:not(:first-child){margin-top: 14px;}
.custom_information_change .inf .item{width: 74px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.custom_information_change .inf .cont{width: calc(100% - 74px); padding-left: 8px; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box;}
.custom_information_change .inf .cont .ls_ini{letter-spacing: -0.02em}
/* 2022-08-21 수정 */

.chk_button{display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.chk_button .chk_rdo{flex: 1; position: relative;}
.chk_button .chk_rdo input{position: absolute; top: 0; left: 0; width: 30px; height: 30px; opacity: 0;}
.chk_button .chk_rdo label{display: flex; justify-content: center; align-items: center; flex-direction: column; height: 48px; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; border-left: 1px solid #afafaf; background: #fff; line-height: 20px; font-weight: 400; font-size: 16px; color: #767676; letter-spacing: -0.04em; box-sizing: border-box;}
.chk_button .chk_rdo:first-child label{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.chk_button .chk_rdo:last-child label{border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #afafaf;}
.chk_button .chk_rdo label .txt_small{display: inline-block; margin-top: 2px; line-height: 16px; font-weight: 400; font-size: 12px;}
.chk_button .chk_rdo input:checked + label{border: 0; background: #150f96; color: #fff;}
.chk_button .chk_rdo input:checked + label{border-left: 0;}
.chk_button .chk_rdo input:checked + label:last-child{border-right: 0;}
/* 2022-08-30 .chk_button .chk_rdo.checked + .chk_rdo label{border-left: 0;} */
.custom_information_change .el_form .form_notice{padding-left: 16px;}
.custom_information_change .forms_wrap + .forms_wrap{margin-top: 24px; padding-top: 16px; border-top: 1px solid #afafaf;}
.custom_information_change .contact_info{display: flex; justify-content: flex-start; align-items: flex-start;}
.custom_information_change .contact_info:not(:first-child){margin-top: 16px;}
.custom_information_change .contact_info .label_box{display: flex; justify-content: left; align-items: center; width: 42%; height: 48px; padding-right: 8px; box-sizing: border-box;}
.custom_information_change .contact_info .label_box label{line-height: 20px; font-weight: 400; font-size: 14px;color: #000; letter-spacing: -0.04em;}
.custom_information_change .contact_info .input_box{width: 58%;}
.el_form .tit.be_side{justify-content: space-between;}
.el_form .tit.be_side .side{width: 65%; text-align: right;}
.custom_information_change .inp_address{margin-top: 16px; border-radius: 8px; border: 1px solid #afafaf;}
.custom_information_change .inp_address .add_selection{padding-bottom: 24px;}
.custom_information_change .inp_address .add_selection + .add_selection{border-top: 1px solid #afafaf;}
.custom_information_change .el_form .topnote .txt_bul{position: relative; padding-left: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.custom_information_change .el_form .topnote .txt_bul::before{content: '*'; display: block; position: absolute; top: 3px; left: 0; width: 8px;}
.custom_information_change .box_func{display: flex; justify-content: flex-start; align-items: flex-start; position: relative; padding: 14px 80px 14px 16px;}
.custom_information_change .box_func .chk{position: relative; min-height: 20px;}
.custom_information_change .box_func .chk input{position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0;}
.custom_information_change .box_func .chk label{display: block; position: relative; padding-left: 28px; line-height: 20px; font-weight: 700; font-size: 16px; color: #767676; letter-spacing: -0.04em;}
.custom_information_change .box_func .chk label::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background:url('../../../image/gap/GP/onepick/checkbox_unchecked2.png') no-repeat 0 0; background-size: 20px auto;}
.custom_information_change .box_func .chk input:checked + label{color: #000;}
.custom_information_change .box_func .chk input:checked + label::before{background:url('../../../image/gap/GP/onepick/checkbox_checked2.png') no-repeat 0 0; background-size: 20px auto;}
.custom_information_change .box_func .post{margin-left: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.custom_information_change .box_func .bttn{display: flex; justify-content: center; align-items: center; position: absolute; top: 9px; right: 8px; width: 66px; height: 30px; border-radius: 2px; background: #d7d7d7; line-height: 18px; font-weight: 500; font-size: 14px; color: #4b4e53; letter-spacing: -0.04em;}
.custom_information_change .box_func .bttn.on{background: #150f96; color: #fff;}
.custom_information_change .box_addr{padding-right: 16px; padding-left: 44px; line-height: 18px; font-weight: 500; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.custom_information_change  .el_form .add_selection .form_notice{padding-right: 16px; padding-left: 44px;}
.custom_information_change .add_selection.selected .box_func .post{color: #000;}
.custom_information_change .inp_intellectual_disability{display: flex; justify-content: flex-start; align-items: center; margin-top: 8px;}
.custom_information_change .inp_intellectual_disability .chk{flex: 1; position: relative; min-height: 20px; padding: 14px 0 14px 8px; box-sizing: border-box;}
.custom_information_change .inp_intellectual_disability .chk input{position: absolute; top: 14px; left: 8px; width: 20px; height: 20px; opacity: 0;}
.custom_information_change .inp_intellectual_disability .chk label{display: block; position: relative; padding-left: 28px; line-height: 20px; font-weight: 500; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.custom_information_change .inp_intellectual_disability .chk label::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background:url('../../../image/gap/GP/onepick/checkbox_unchecked2.png') no-repeat 0 0; background-size: 20px auto;}
.custom_information_change .inp_intellectual_disability .chk input:checked + label::before{background:url('../../../image/gap/GP/onepick/checkbox_checked2.png') no-repeat 0 0; background-size: 20px auto;}
.custom_information_change .btn_box {margin-top: 50px;} /* 2022-07-27 하단 고정 버튼 추가 */

/* 신청정보 최종확인 */
.section_final_confirm{padding-top: 24px; padding-bottom: 100px;}
.final_confirm_wrap .box_btn{display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 16px;}
.final_confirm_wrap .box_btn .bttn{display: inline-flex; justify-content: center; align-items: center; width: 90px; height: 30px; border-radius: 1px; border: 1px solid #afafaf; background: #fff; line-height: 18px; font-weight: 400; font-size: 13px; color: #000; letter-spacing: -0.04em;}
.final_confirm_wrap .box_btn .bttn + .bttn{margin-left: 8px;}
.final_confirm_wrap .footnote{margin-top: 16px;}
.final_confirm_wrap .footnote .txt{line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.final_confirm_wrap .footnote .box_anc{padding-top: 8px; text-align: right;}
.final_confirm_wrap .footnote .box_anc .anc{display: inline-block; line-height: 18px; font-weight: 500; font-size: 15px; color: #150f96; letter-spacing: -0.04em; text-decoration: underline; text-underline-position: under;}/* 2022-08-21 박종서 14px -> 15px, text-decoration: underline; text-underline-position: under;*/
.final_confirm_wrap .footnote .box_anc .anc:hover{text-decoration: underline;}
.section_final_confirm .fixed_bottom_button ul{display: flex; justify-content: flex-start; align-items: flex-start;}
.section_final_confirm .fixed_bottom_button .btn{background: #150f96 !important;color: #fff !important;height: 56px; line-height: 56px; font-weight: 500; font-size: 18px; color: #fff; letter-spacing: -0.04em;}
.section_final_confirm .fixed_bottom_button .modbile_send{background: #150f96 !important; color: #fff;}
.section_final_confirm .fixed_bottom_button > ul > li + li {border-left:2px solid #d7d7d7;}
.section_final_confirm .fixed_bottom_button .btn.disabled,
.section_final_confirm .fixed_bottom_button .btn:disabled {background: #d7d7d7 !important; color: #afafaf;}
/* .final_confirm_wrap + .fixed_bottom_button>ul>li>.btn{display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 44px; padding-left: 0; padding-right: 0; padding-bottom: 0; border-radius: 8px !important; background: #150f96; line-height: 23px; font-weight: 500; font-size: 18px; color: #fff; letter-spacing: -0.04em;} */

/* 설계이력조회 */
.tbl_type_list>ul>li .date > span.sub_num{margin-left: 8px; line-height: 23px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -0.04em;}
.tbl_type_list>ul>li .date>span+span.sub_num:before{display: none;}

/* ------------------------------ 로그인 ------------------------------ */
.ele_step{position: absolute; top: 86px; right: 20px; width: 44px; height: 12px;}
.ele_step .box_ani{display: flex; justify-content: space-between; align-items: center; overflow: hidden; position: relative; width: 100%; height: 100%;}
.ele_step .box_ani::before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #afafaf; transform: translateY(-50%);}
.ele_step .box_ani [class^=obj]{display: block; position: relative; z-index: 10; width: 8px; height: 8px; border-radius: 50%; border: 4px solid #afafaf; background: #afafaf; box-sizing: border-box}
.ele_step.step1 .box_ani .obj1{transition: width 0.1s, height 0.1s, border-color 0.1s, background 0.1s;}
.ele_step.step2 .box_ani .obj1{transition: border-color 0.1s, background 0.1s;}
.ele_step.step2 .box_ani .obj2{transition: width 0.1s, height 0.1s, border-color 0.1s, background 0.1s; transition-delay: 0.2s;}
.ele_step.step3 .box_ani .obj1{transition: border-color 0.1s, background 0.1s;}
.ele_step.step3 .box_ani .obj2{transition: border-color 0.1s, background 0.1s; transition-delay: 0.2s;}
.ele_step.step3 .box_ani .obj3{transition: width 0.1s, height 0.1s, border-color 0.1s, background 0.1s; transition-delay: 0.3s;}
.ele_step .box_ani .line{position: absolute; top: 50%; left: -44px; width: 100%; height: 1px; background: #000; transform: translateY(-50%);}
.ele_step.step2 .box_ani .line{transition: left 0.1s; transition-delay: 0.1s;}
.ele_step.step3 .box_ani .line{transition: left 0.2s; transition-delay: 0.2s;}
.ele_step.step1.on .box_ani .obj1{width: 12px; height: 12px; border-color: #000; background: #fff;}
.ele_step.step2.on .box_ani .obj1{border-color: #000; background: #000;}
.ele_step.step2.on .box_ani .obj2{width: 12px; height: 12px; border-color: #000; background: #fff;}
.ele_step.step3.on .box_ani .obj1{border-color: #000; background: #000;}
.ele_step.step3.on .box_ani .obj2{border-color: #000; background: #000;}
.ele_step.step3.on .box_ani .obj3{width: 12px; height: 12px; border-color: #000; background: #fff;}
.ele_step.step2.on .box_ani .line{left: -16px;}
.ele_step.step3.on .box_ani .line{left: 0;}

.box_sub_desc .main_str{line-height: 34px; font-weight: 700; font-size: 26px; color: #000; letter-spacing: -0.02em;}
.box_sub_desc .sub_str{line-height: 22px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.box_sub_desc .sub_str .txt .emp{line-height: 22px; font-weight: 700; font-size: 16px; color: #150f96; letter-spacing: -0.02em;}
.box_sub_desc .main_str + .sub_str{margin-top: 8px;}
.login_pincode{padding: 24px 20px 300px;}
.login_biometric{padding: 24px 20px;}
.login_sub_title{height: 45px; background:url('../../../image/gap/GM/common/logo02.png') no-repeat center center; background-size: auto 45px;}
.login_sub_title + .login_sub_desc{margin-top: 64px;}
.login_sub_desc .main_str{line-height: 25px; font-weight: 700; font-size: 20px; color: #000; letter-spacing: -0.01em; text-align: center;}
.login_sub_desc .sub_str{line-height: 22px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -0.02em; text-align: center;}
.login_sub_desc .main_str + .sub_str{margin-top: 4px;}
.login_sub_desc .sub_str .btn_info{display: inline-block; position: relative; top: -6px; width: 16px; height: 16px; margin-left: 2px; background:url('../../../image/gap/GP/onepick/ico_info3.png') no-repeat 0 0; background-size: 16px auto;}
.login_pincode .btn_wrap{margin-top: 64px; display: flex; justify-content: flex-start; align-items: center;}
.login_biometric .btn_wrap{margin-top: 16px; display: flex; justify-content: flex-start; align-items: center;}
.login_pincode .btn_wrap .bttn_box, .login_biometric .btn_wrap .bttn_box{width: 100%; height: 44px;}
.login_pincode .btn_wrap .bttn_box.be_tip{display: flex; justify-content: center; align-items: center; width: 100%; height: 44px; border-radius: 8px; border: 1px solid #afafaf; background: #fff; box-sizing: border-box;}
.login_pincode .btn_wrap .bttn_box:not(:first-child), .login_biometric .btn_wrap .bttn_box:not(:first-child){margin-left: 8px;}
.login_pincode .btn_wrap .bttn_box [class^="bttn_"], .login_biometric .btn_wrap .bttn_box [class^="bttn_"]{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 8px; line-height: 22px; font-weight: 500; font-size: 18px; letter-spacing: -0.04em; box-sizing: border-box;}
.login_pincode .btn_wrap .bttn_box .bttn_ty1, .login_biometric .btn_wrap .bttn_box .bttn_ty1{border: 1px solid #afafaf; background: #fff; color: #000;}
.login_pincode .btn_wrap .bttn_box.be_tip .bttn_ty1{display: inline-flex; width:auto; border-radius: 0; border: 0; background: transparent;}
.login_pincode .btn_wrap .bttn_box .bttn_ty2, .login_biometric .btn_wrap .bttn_box .bttn_ty2{border: 0; background: #150f96; color: #fff;}
.login_pincode .btn_wrap .bttn_box.be_tip .btn_info{display: inline-block; width: 16px; height: 16px; margin-left: 2px; background:url('../../../image/gap/GP/onepick/ico_info3.png') no-repeat 0 0; background-size: 16px auto;}
.login_pincode .box_anc, .login_biometric .box_anc{margin-top: 24px; text-align: center;}
.login_pincode .box_anc .anc_txt, .login_biometric .box_anc .anc_txt{line-height: 18px; font-weight: 500; font-size: 14px; color: #4b4e53; letter-spacing: -0.04em; text-decoration: underline;}
.login_pincode .box_anc .anc_txt.disabled, .login_biometric .box_anc .anc_txt.disabled{color: #d7d7d7;}

/* 간편번호 로그인-인증번호 입력 */
.certification_number .pinDisplay{display: flex; justify-content: center; align-items: center; height: 16px;}
.certification_number .pinDisplay > span{display: block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #afafaf; background: #fff; box-sizing: border-box;}
.certification_number .pinDisplay > span:not(:first-child){margin-left: 8px;}
.certification_number .pinDisplay > span.fill{border: 0; background: #150f96;}
.certification_number.disabled .pinDisplay > span{border-color: #d7d7d7 !important; background: #f4f4f4 !important;}
.login_sub_desc + .certification_number{margin-top: 24px;}

/* 지문 또는 안면인식으로 로그인 */
.fingerprint_login, .faceID_login{margin-top: 64px;}
.fingerprint_login::before{content: ''; display: block; width: 96px; height: 96px; margin: 0 auto; background:url('../../../image/gap/GP/login/ico_fingerprint.png') no-repeat 0 0; background-size: 96px auto;}
.faceID_login::before{content: ''; display: block; width: 96px; height: 96px; margin: 0 auto; background:url('../../../image/gap/GP/login/ico_faceID.png') no-repeat 0 0; background-size: 96px auto;}
.login_biometric .box_btn_login{margin-top: 64px;}
.login_biometric .box_btn_login .bttn_login{display: flex; justify-content: center; align-items: center; height: 44px; border-radius: 8px; background: #150f96; line-height: 23px; font-weight: 500; font-size: 18px; color: #fff; letter-spacing: -0.04em; box-sizing: border-box;}
.login_biometric .box_btn_login .bttn_login.disabled{background: #ebf3ff; color: #afafaf;}

/* 로그인 권한 선택 팝업 */
.dialog.modal.login_right .btn_close{display: block; position: absolute; top: -5px; right: -8px; width: 32px; height: 32px; background:url('../../../image/gap/GP/onepick/btn_close_small.png') no-repeat 0 0; background-size: 16px auto;}
.dialog.modal.login_right .dialog_header h2{line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.dialog.modal.login_right .dialog_wrap.narrow .dialog_header p{margin-top: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.dialog.modal.login_right .dialog_wrap.narrow .dialog_content{margin-top: 16px;}
.login_right .login_right_menu{display: flex; justify-content: flex-start; align-items: center;}
.login_right .login_right_menu [class^="rm_"]{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 94px; border-radius: 4px; background: #150f96; line-height: 20px; font-weight: 500; font-size: 16px; color: #fff; letter-spacing: -0.04em;}
.login_right .login_right_menu [class^="rm_"]:not(:first-child){margin-left: 10px;}
.login_right .login_right_menu [class^="rm_"]::before{content: ''; display: block; width: 48px; height: 48px; margin-bottom: 4px;}
.login_right .login_right_menu .rm_branch_manager::before{background:url('../../../image/gap/GP/login/ico_branch_manager.png') no-repeat 0 0; background-size: 48px auto;}
.login_right .login_right_menu .rm_insur_planner::before{background:url('../../../image/gap/GP/login/ico_insur_planner.png') no-repeat 0 0; background-size: 48px auto;}

/* PC 로그인 인증번호 입력 */
.pc_login{padding: 24px 20px 86px;}
.pc_certification_number{margin-top: 104px;}
.pc_certification_number .numDisplay{display: flex; justify-content: center; align-items: center;}
.pc_certification_number .numDisplay > span{display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 4px; border: 1px solid #afafaf; background: #f4f4f4; line-height: 34px; font-weight: 700; font-size: 26px; color: #000; letter-spacing: -0.02em; box-sizing: border-box;}
.pc_certification_number .numDisplay > input{
  display: inline-block; width: 48px; height: 48px;
  border-radius: 4px; border: 1px solid #afafaf; background: #f4f4f4; box-sizing: border-box;
  line-height: 34px; font-weight: 700; font-size: 26px; color: #000; letter-spacing: -0.02em; text-align: center;
  outline: none;
  -webkit-appearance: none;
  appearance: none
}
.pc_certification_number .numDisplay > input:focus {
  border: 2px solid #150f96;
}
.pc_certification_number .numDisplay > span.crnt, .pc_certification_number .numDisplay > input.crnt{border-color: #000;}
.pc_certification_number .numDisplay > span:not(:first-child), .pc_certification_number .numDisplay > input:not(:first-child){margin-left: 8px;}
.pc_certification_number .form_notice{margin-top: 8px;}
.pc_certification_number .form_notice .txt{line-height: 16px; font-weight: 400; font-size: 12px; color: #ff6600; letter-spacing: -0.04em; text-align: center;}

/* 생체인증 등록 */
.bio_registration{padding: 24px 20px 86px;}
.box_bio_type{padding-top: 208px;}
.box_bio_type::before{content: ''; display: block; width: 96px; height: 96px; margin: 0 auto; background:url('../../../image/gap/GP/login/ico_fingerprint.png') no-repeat 0 0; background-size: 96px auto;}
.box_bio_type.faceID::before{background:url('../../../image/gap/GP/login/ico_faceID.png') no-repeat 0 0; background-size: 96px auto;}

/* 인증수단 등록완료 */
.login_completion{padding: 24px 20px 86px;}
.login_completion .box_complet_msg{margin-top: 88px;}
.login_completion .box_complet_msg:before{content: ''; display: block; width: 280px; height: 200px; margin: 0 auto 48px; background:url('../../../image/gap/GP/login/bg_complet_pin.png') no-repeat 0 0; background-size: 280px 200px;}
.login_completion .box_complet_msg.bio:before{background:url('../../../image/gap/GP/login/bg_complet_bio.png') no-repeat 0 0; background-size: 280px 200px;}
.login_completion .box_complet_msg .main_str{line-height: 24px; font-weight: 700; font-size: 18px; color: #000; letter-spacing: -0.02em; text-align: center;}
.login_completion .box_complet_msg .main_str .emp{color: #150f96;}
.login_completion .box_complet_msg .sub_str{line-height: 22px; font-weight: 400; font-size: 16px; color: #000; letter-spacing: -0.02em;  text-align: center;}
.login_completion .box_complet_msg .main_str + .sub_str{margin-top: 8px;}

/* 간편번호 등록, 사용자정보, 로그인-본인인증 */
.pin_registration, .user_information{padding: 24px 20px 86px;}

.form_item_wrap .form_item{margin-top: 24px;}
.form_item_wrap .form_item .lb{display: flex; justify-content: left; align-items: center; padding-bottom: 8px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.form_item_wrap .form_item .input{display: block; margin-top: 0; position:initial;}
.form_item_wrap .form_item .input .dv{display: flex; justify-content: left; align-items: center; position: relative; height: 48px;}
.form_item_wrap .form_item .input .dv .i_txt{display: inline-block; width:100%; height:100%; padding: 0 16px; border-radius: 4px; border: 1px solid #afafaf; background: #fff; line-height:46px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box; -webkit-transition:border 0s;transition:border 0s;}
.form_item_wrap .form_item .input .dv .i_txt:focus{border-color: #150f96; outline: 0;}
.form_item_wrap .form_item .input .dv .i_txt:disabled{border-color: #d7d7d7; background-color: #f4f4f4;}
.form_item_wrap .form_item .input .dv .i_txt.error{border-color:#afafaf;}
.form_item_wrap .form_item .error_box{display:block; margin-top: 8px; margin-bottom: 0; line-height: 16px; font-weight: 400; font-size: 12px; color: #ff6600; letter-spacing: -0.04em;}
.form_item_wrap .form_item .input .dv input:placeholder{font-weight: 400; font-size: 16px; color:#767676; letter-spacing: -0.04em;}

/* 로그인-본인인증 */
.self_certification{padding: 24px 20px 86px;}
.self_certification .js_tab{margin-top: 24px;}
.self_certification .tab_track{height: 48px; padding-top: 0; border-top: 0; border-bottom: 0; background: transparent;}
.self_certification .tab_nav{display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.self_certification .tab_nav li{flex: 1; float: none; width: 100%; padding: 0;}
.self_certification .tab_nav li:first-child{padding-left: 0;}
.self_certification .tab_nav li a{display: flex; justify-content: center; align-items: center; width: 100%; height: 48px; border-top: 1px solid #afafaf; border-right: 0; border-bottom: 1px solid #afafaf; border-left: 1px solid #afafaf; background: #fff; line-height: 20px; font-weight: 400; font-size: 16px; color: #767676; letter-spacing: -0.04em; box-sizing: border-box;}
.self_certification .tab_nav li:first-child a{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.self_certification .tab_nav li:last-child a{border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #afafaf;}
.self_certification .tab_nav li.active a{border: 0; background: #150f96; color: #fff;}
.self_certification .tab_nav li.active + li a{border-left: 0;}
.self_certification .tab_nav li.active:last-child a{border-right: 0;}
.self_certification .tab_nav li a span{height: auto;}
.self_certification .tab_panel{padding: 0;}
.self_certification .agree_wrap{margin-top: 8px;}
.self_certification .agree_tit{border-bottom: 1px solid #afafaf;}
.self_certification .agree_tit.on{border-bottom: 0}
.self_certification .agree_item.agree_tit .checkbox{position: relative;}
.self_certification .agree_item.agree_tit .checkbox input{position: absolute; top: 16px; left: 16px; z-index: 10; width: 18px; height: 18px; opacity: 0;}
.self_certification .agree_item.agree_tit .checkbox>.lbl{display: block; position: relative; width:100%; padding: 16px 16px 16px 42px; margin-left: 0; line-height: 18px;font-weight: 500; font-size: 14px; color: #767676; letter-spacing: -0.04em; word-break: break-all; box-sizing: border-box;}
.self_certification .agree_item.agree_tit .checkbox>.lbl::before{content: ''; display: block; position: absolute; top: 16px !important; left: 16px; width: 18px; height: 18px; background:url('../../../image/gap/GP/onepick/checkbox_unchecked.png') no-repeat -3px -3px; background-size: 23px auto;}
.self_certification .agree_item.agree_tit .checkbox input:checked + .lbl::before{background:url('../../../image/gap/GP/onepick/checkbox_checked.png') no-repeat 0 0; background-size: 18px auto;}
.self_certification .agree_list{border-top: 0;}
.self_certification .agree_list .agree_item{border-bottom: 0; background: #f4f4f4;}
.self_certification .agree_list .agree_item .checkbox{position: relative;}
.self_certification .agree_list .agree_item input{position: absolute; top: 18px; left: 16px; z-index: 10; width: 16px; height: 16px; opacity: 0;}
.self_certification .agree_list .agree_item .checkbox>.lbl{display: block; position: relative; width:100%; padding: 14px 40px; margin-left: 0; line-height: 20px;font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em; word-break: break-all; box-sizing: border-box;}
.self_certification .agree_list .agree_item .checkbox>.lbl::before{content: ''; display: block; position: absolute; top: 16px !important; left: 16px; width: 16px; height: 16px; background:url('../../../image/gap/GP/login/checkbox_unchecked3.png') no-repeat 0 0; background-size: 16px auto;}
.self_certification .agree_list .agree_item .checkbox input:checked + .lbl::before{background:url('../../../image/gap/GP/login/checkbox_checked3.png') no-repeat 0 0; background-size: 16px auto;}
.self_certification .agree_list .agree_item .checkbox>.bt {display: flex; justify-content: center; align-items: center; position:absolute; top:50%; right:8px; width:24px; height:32px; transform: translateY(-50%);}
.self_certification .agree_item .checkbox>.bt:after {content: ''; display: inline-block; position: relative; right: initial; top: initial; width: 8px; height: 16px; background:url('../../../image/gap/GP/login/ico_arrow.png') no-repeat 0 0; background-size: 8px auto;}
.self_certification .invalid_txt{display:block; margin-top: 8px; margin-bottom: 0; line-height: 16px; font-weight: 400; font-size: 12px; color: #ff6600; letter-spacing: -0.04em;}
.self_certification .telecom-item .check-wrap{display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: -8px; margin-left: -8px;}
.self_certification .telecom-item .radio{width: calc(33.3% - 8px); height: 38px; margin-left: 8px; margin-top: 8px;}
.self_certification .telecom-item .radio input{position: absolute; top: 0; left: 0; width: 20px; height: 20px; opacity: 0;}
.self_certification .telecom-item .radio .lbl{display: flex; justify-content: center; align-items: center; height: 38px; padding: 0 4px; border-radius: 8px; border: 1px solid #afafaf; background: #fff; line-height: 22px; font-weight: 400; font-size: 16px; color: #767676; letter-spacing: -0.02em;}
.self_certification .telecom-item .radio input:checked + .lbl{background: #150f96; color: #fff !important;}
.self_certification .form_item_wrap .form_item .input.certification{position: relative;}
.self_certification .form_item_wrap .form_item .input.certification .dv .i_txt{padding-right: 120px;}
.self_certification .form_item_wrap .form_item .input.certification .bt_box{display: flex; justify-content: right; align-items: flex-start; position: absolute; top: 8px; right: 8px; width: 120px;}
.self_certification .form_item_wrap .form_item .input.certification .bt_box .bttn{display: inline-flex; justify-content: center; align-items: center; min-width: 94px; height: 30px; padding: 0 8px; border-radius: 2px; background: #150f96; line-height: 18px; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: -0.04em; box-sizing: border-box;}
.self_certification .form_item_wrap .form_item .input.certification .bt_box .bttn:disabled{background: #ebf3ff; color: #afafaf; opacity: 1;}
.self_certification .form_item_wrap .form_item .input .dv .formControl{display: inline-block; width:100%; height:100%; padding: 0 16px; border-radius: 4px; border: 1px solid #afafaf; background: #fff; line-height:46px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em; box-sizing: border-box; -webkit-transition:border 0s;transition:border 0s;}
.self_certification .form_item_wrap .form_item .input .dv .formControl:focus{border-color: #150f96; outline: 0;}
.self_certification .form_item_wrap .form_item .input .dv .formControl:disabled{border-color: #d7d7d7; background-color: #f4f4f4;}
.self_certification .form_item_wrap .form_item .input .dv .formControl.error{border-color:#afafaf;}
.self_certification .form_item_wrap .form_item .txtVali{display:block; margin-top: 8px; margin-bottom: 0; line-height: 16px; font-weight: 400; font-size: 12px; color: #ff6600; letter-spacing: -0.04em;}
.self_certification .form_item_wrap .form_item .input .dv input:placeholder{font-weight: 400; font-size: 16px; color:#767676; letter-spacing: -0.04em;}
.self_certification .btnArea .btnSt1, .self_certification .formGroup .btnTxt{display: flex; justify-content: center; align-items: center; width: 100%; height: 44px; margin-top: 48px; border-radius: 8px; background: #150f96; line-height: 23px; font-weight: 500; font-size: 18px; color: #fff; letter-spacing: -0.04em;}
.self_certification .btnArea .btnSt1:disabled{background: #ebf3ff; color: #afafaf; opacity: 1;}
.self_certification .box_notice{margin-top: 60px; padding: 16px; border-radius: 8px; background: #f4f4f4; line-height: 20px; font-weight: 400; font-size: 14px; color: #4b4e53; letter-spacing: -0.04em;}
.self_certification .box_notice .infoTit{padding-bottom: 8px; font-weight: 700; letter-spacing: -0.02em;}
.self_certification .box_notice .listSt1 li{position: relative; padding-left: 9px;}
.self_certification .box_notice .listSt1 li::before{content: ''; display: block; position: absolute; top: 7px; left: 3px; width: 2px; height: 2px; border-radius: 50%; background: #4b4e53;}
.self_certification .box_notice .listSt1 li + li{margin-top: 4px;}
.self_certification .form_item + .box_notice{margin-top: 84px;}

/* My GA */
.myGA{padding: 8px 20px 24px;}
.info_ga{display: flex; justify-content: flex-start; align-items: center; min-height: 125px; padding: 18px 22px; border-radius: 4px; background: #150f96;}
.info_ga .box_ico{
  flex-shrink: 0;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: url('../../../image/gap/GP/myGA/bg_myGA01.png') no-repeat 0 0 #ffb517;
  background-size: 62px auto;
}
.info_ga .box_inf {flex:1; padding-left: 26px;width: calc(100% - 62px);}
.info_ga .labs.hidden {display: none;}
.info_ga .lab{display: inline-block; height: 16px; margin-bottom: 8px;}
.info_ga .lab img{width: auto; height: 16px; vertical-align: top;}
.info_ga .inf .cell{display: flex;justify-content: flex-start;align-items: center;font-weight: 400;font-size: 14px;color: #fff;line-height: 20px;letter-spacing: -0.04em;}
.info_ga .inf .cell .text_emp {margin-right: 4px;  font-weight: 700;  font-size: 20px;  letter-spacing: -0.01em;  line-height: 25px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.info_ga .inf .cell .ga_name {flex-shrink: 0;}

.my_performance{position: relative; margin-top: 24px;}
.my_performance .title_cont{display: block; margin-bottom: 8px; line-height: 20px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.04em;}
.my_performance .aside{position: absolute; top: 4px; right: 0; width: 50%;}
.my_performance .aside .txt_unit{line-height: 16px; font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em; text-align: right;}
.my_performance .box_perf_data{display: flex; justify-content: space-between; align-items: flex-start;}
.my_performance .perf_data{width: calc(33.3%); height: 112px; padding: 8px; border-radius: 4px; background: #f4f4f4; box-sizing: border-box;}
.my_performance .perf_data:not(:first-child){margin-left: 10px;}
.my_performance .perf_data .item{display: flex; justify-content: flex-start; align-items: center; line-height: 20px; font-weight: 700; font-size: 14px; color: #4b4e53; letter-spacing: -0.02em;}
.my_performance .perf_data .item::before{content: ''; display: block; width: 24px; height: 24px; margin-right: 4px;}
.my_performance .perf_data .item.subscription::before{background: url('../../../image/gap/GP/myGA/ico_edit.png') no-repeat 0 0; background-size: 24px auto;}
.my_performance .perf_data .item.amount::before{background: url('../../../image/gap/GP/myGA/ico_coin.png') no-repeat 0 0; background-size: 24px auto;}
.my_performance .perf_data .item.cmp::before{background: url('../../../image/gap/GP/myGA/ico_calendar.png') no-repeat 0 0; background-size: 24px auto;}
.my_performance .perf_data .cont{padding-top: 24px;}
.my_performance .perf_data .cont [class^="cell_"]{display: flex; justify-content: space-between; align-items: center;}
.my_performance .perf_data .cont [class^="cell_"]:not(:first-child){margin-top: 2px; padding-top: 2px; border-top: 1px solid #d7d7d7;}
.my_performance .perf_data .cont [class^="cell_"] .titl{line-height: 20px; font-weight: 400; font-size: 14px; letter-spacing: -0.04em;}
.my_performance .perf_data .cont [class^="cell_"] .count{line-height: 22px; font-size: 16px; letter-spacing: -0.02em;}
.my_performance .perf_data .cont [class^="cell_"] .count .unit{display: inline-block; margin-left: 2px; line-height: 16px; font-weight: 400; font-size: 12px; letter-spacing: -0.04em;}
.my_performance .perf_data .cont .cell_ty1 .titl{color: #000;} 
.my_performance .perf_data .cont .cell_ty1 .count{font-weight: 700; color: #000;}
.my_performance .perf_data .cont .cell_ty1 .count .unit{color: #767676;} 
.my_performance .perf_data .cont .cell_ty2 .titl{color: #4b4e53;} 
.my_performance .perf_data .cont .cell_ty2 .count{font-weight: 400; color: #4b4e53;}
.my_performance .perf_data .cont .cell_ty2 .count .unit{color: #4b4e53;}
.my_performance .info_txt { margin-top: 8px; font-size: 12px; color: #767676;} /* 2022-08-16 */

.in_charge{margin-top: 24px; border-radius: 4px; border: 1px solid #d7d7d7;}
.in_charge .box_desc{padding: 16px 112px 16px 16px; border-bottom: 1px solid #d7d7d7; background: url('../../../image/gap/GP/myGA/bg_myGA02.png') no-repeat right bottom; background-size: 112px 88px;}
.in_charge .box_desc .main_str{margin-bottom: 3px; line-height: 20px; font-weight: 700; font-size: 16px; color: #150f96; letter-spacing: -0.04em;}
.in_charge .box_desc .sub_str{line-height: 20px; font-weight: 400; font-size: 14px; color: #4b4e53; letter-spacing: -0.04em;}
.in_charge .menu{display: flex; justify-content: flex-start; align-items: flex-start;}
.in_charge .menu a{flex: 1; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 56px; line-height: 15px; font-weight: 500; font-size: 12px; color: #4b4e53; letter-spacing: -0.04em;}
.in_charge .menu a:not(:first-child){border-left: 1px solid #d7d7d7;}
.in_charge .menu a::before{content: ''; display: block; width: 24px; height: 24px; margin-bottom: 2px;}
.in_charge .menu .tel::before{background: url('../../../image/gap/GP/myGA/ico_phone.png') no-repeat 0 0; background-size: 24px auto;}
.in_charge .menu .sms::before{background: url('../../../image/gap/GP/myGA/ico_message.png') no-repeat 0 0; background-size: 24px auto;}
.in_charge .menu .edu_materials::before{background: url('../../../image/gap/GP/myGA/ico_files.png') no-repeat 0 0; background-size: 24px auto;}

.myGA .my_point{position: relative; padding: 12px 16px 12px 64px; margin-top: 22px; border-radius: 4px; background: #f4f4f4;}
.myGA .my_point::before{content: ''; display: block; position: absolute; top: 50%; left: 8px; width: 48px; height: 48px; background: url('../../../image/gap/GP/myGA/bg_point.png') no-repeat 0 0; background-size: 48px auto; transform: translateY(-50%);}
.myGA .my_point .titl{margin-bottom: 2px; line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.myGA .my_point .cont{display: flex; justify-content: space-between; align-items: center;}
.myGA .my_point .total .anc_point{display: inline-block; padding-right: 12px; background: url('../../../image/gap/GP/myGA/ico_arrow3.png') no-repeat right center; background-size: 8px auto;}
.myGA .my_point .total .anc_point .point{line-height: 25px; font-weight: 700; font-size: 20px; color: #000; letter-spacing: -0.01em;}
.myGA .my_point .total .anc_point .unit{display: inline-block; margin-left: 4px;}
.myGA .my_point .total .anc{display: inline-block; position: absolute; top: 50%; right: 0; width: 16px; height: 16px;  transform: translateY(-50%);}
.myGA .my_point .tobe_extinguished{line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}

.purchase_history{position: relative; margin-top: 18px;}
.purchase_history .title_cont{display: block; margin-bottom: 6px; line-height: 20px; font-weight: 700; font-size: 14px; color: #000; letter-spacing: -0.02em;}
.purchase_history .list{border-top: 1px solid #4b4e53;}
.purchase_history .list > li{border-bottom: 1px solid #d7d7d7;}
.purchase_history .list > li > a{display: block; position: relative; padding: 8px 16px 8px 0; background: url('../../../image/gap/GP/myGA/ico_arrow3.png') no-repeat right center; background-size: 8px auto;}
.purchase_history .list > li .date{line-height: 20px; font-weight: 400; font-size: 14px; color: #767676; letter-spacing: -0.04em;}
.purchase_history .list > li .prod{padding-right: 118px; line-height: 20px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.purchase_history .list > li .price{position: absolute; top: 50%; right: 16px; line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em; transform: translateY(-50%);}
.purchase_history .list > li .price .unit{display: inline-block; margin-left: 4px;}
.purchase_history .more{display: block; position: absolute; top: 2px; right: 0; padding-right: 16px; background: url('../../../image/gap/GP/myGA/ico_arrow2.png') no-repeat right center; background-size: 16px auto; line-height: 15px; font-weight: 500; font-size: 12px; color: #767676; letter-spacing: -0.04em;}

/* 오늘의 운세 */
.fortune_ervice .dialog_content{overflow: hidden;}
.fortune{padding: 0 20px;}
.fortune .date{line-height: 22px; font-weight: 700; font-size: 16px; color: #000; letter-spacing: -0.02em;}
.fortune .data{position: relative; margin-top: 16px; padding: 44px 16px 32px; border-radius: 4px; border: 1px solid #d7d7d7;}
.fortune .grade{display: flex; justify-content: right; align-items: center; position: absolute; top: 24px; right: 0; width: 100%; padding: 0 16px;}
.fortune .grade .in_box{display: flex; justify-content: space-between; align-items: center; width: 76%; height: 16px;}
.fortune .grade .in_box > span{line-height: 16px; font-weight: 400; font-size: 12px; color: #767676; letter-spacing: -0.04em;}
.fortune .data .item{display: flex; justify-content: flex-start; align-items: center;}
.fortune .data .item:not(:first-child){margin-top: 24px;}
.fortune .data .item .title{width: 24%; line-height: 18px; font-weight: 500; font-size: 14px; color: #000; letter-spacing: -0.04em;}
.fortune .data .item .graph{overflow: hidden; position: relative; width: 76%; height: 16px; background: #d7d7d7;}
.fortune .data .item .graph .bar{position: absolute; top: 0; left: 0%; width: 0; height: 16px;transition: width 1s ease;}
.fortune .data .money .graph .bar{background: #ffb617;}
.fortune .data .love .graph .bar{background: #01c1d6;}
.fortune .data .work .graph .bar{background: #150f96;}
.fortune .data .stress .graph .bar{background: #4b4e53;}
.fortune .review{margin-top: 24px;}
.fortune .review .txt_box{position: relative; top: 30px; line-height: 22px; font-weight: 400; font-size: 14px; color: #000; letter-spacing: -0.04em; opacity: 0; transition: top 0.6s ease, opacity 1s;text-align: justify;}
.fortune .review.on{overflow-x: hidden; overflow-y: auto;}
.fortune .review.on .txt_box{top: 0; opacity: 1;}

/* 보안키패드 */
.keypad_area{position: fixed; bottom: 0; left: 0; width: 100%; height: 244px; background: url('../../../image/gap/GP/login/keypad.png') no-repeat center center; background-size: 100% 244px;}
.keypad_area.disabled{opacity: 0.3;}

@media screen and (max-width:359px){
  /* 본인인증 */
  .self_certification .telecom-item .radio .lbl{font-size: 14px;}

  /* 2022-08-30 myga 2차 결함번호 20
  .myGA {padding: 8px 16px 24px;}
  .myGA .my_performance .perf_data {padding: 5px;}
  .myGA .my_performance .perf_data .item {font-size: 12px;}
  .myGA .my_performance .perf_data .cont [class^="cell_"] .titl {font-size: 12px;}
  2022-08-30 */
}
@media screen and (max-height:640px){
  /* 생체인증 등록 */
  .box_bio_type{padding-top: 150px;}
}

/* 2022-08-05 : 결함번호 266 */
.tab_menu_nav {
  position: relative;
}
.tab_menu_nav > .linkMenu {
  position: absolute;
  top: 3px; /* 2022-08-11 */ /* 2022-08-22 */
  right: 0;
  z-index: 200;

  padding: 0 5px;
  border: 1px solid #150f96;
  border-radius: 3px;

  font-size: 12px;
  font-weight: 400;
  color: #150f96;
}
/* //2022-08-05 : 결함번호 266 */
.tab_menu_nav > ul {
  display: flex;
  align-items: center;
  height: 30px !important;
}
.tab_menu_nav > ul > li.tab {
  position: relative;
  height: 100%;
}
.tab_menu_nav > ul > li.tab:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}
.tab_menu_nav > ul > li.tab + li {
  margin-left: 16px;
}
.tab_menu_nav > ul > li.tab a {
  /* 2022-08-11 */
  /* font-size: 16px; */
  font-size: 17px;
  /* //2022-08-11 */
  font-weight: 400;
  color: #767676;
}
.tab_menu_nav > ul > li.tab.active:after {
  background-color: #150f96;
}
.tab_menu_nav > ul > li.active a {
  color: #150f96;
  font-weight: 700;
}
.tab_menu_nav > .tab_panel {
  margin-top: 16px;
}
.tab_menu_nav .swiper_area {
  overflow: hidden;
  padding-bottom: 24px;
}
.tab_menu_nav .swiper_area .swiper-wrapper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%; /* 2022-08-12 */
}
.tab_menu_nav .swiper_area .swiper-pagination {
  position: absolute;
  bottom: 0 !important;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.tab_menu_nav .swiper_area .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #150f96 !important;
}
.main_content.management .tab_menu_nav {
  margin: 24px 20px 0;
}
/* 20240530 메인개선수정 */
.main_content > .link_area {
  margin-top: 16px;   
  padding: 0 0 12px;  
  background-color: #f4f4f4;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main_content > .link_area > li {
  position: relative;
  width: 25%;
  margin-top: 10px;  
  padding-bottom: 10px;   
}
/* // 20240530 메인개선수정 */
.main_content > .link_area > li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: url('../../../image/gap/GP/main/ico_link0105.png') no-repeat 50% 50%;
  background-size: 40px;
}
.main_content > .link_area > li:nth-child(2):after {background-image: url('../../../image/gap/GP/main/ico_link0106.png');}
.main_content > .link_area > li:nth-child(3):after {background-image: url('../../../image/gap/GP/main/ico_link0101.png');}
.main_content > .link_area > li:nth-child(4):after {background-image: url('../../../image/gap/GP/main/ico_link0102.png');}
.main_content > .link_area > li:nth-child(5):after {background-image: url('../../../image/gap/GP/main/ico_link0109.png');}
.main_content > .link_area > li:nth-child(6):after {background-image: url('../../../image/gap/GP/main/ico_link0103.png');}
.main_content > .link_area > li:nth-child(7):after {background-image: url('../../../image/gap/GP/main/ico_link0107.png');}
.main_content > .link_area > li:nth-child(8):after {background-image: url('../../../image/gap/GP/main/ico_link0108.png');}
.main_content > .link_area > li a {
  position: relative;
  z-index: 100;
  display: block;
  padding-top: 43px;   /* 20240530 메인개선수정 */
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
  color: #000;
  letter-spacing: -1px;
}
/* 지점장 */
.main_content.management > .link_area {
  align-items: center;
  margin: 24px 20px;
  padding: 0px 18px 10px;
  background-color: #fff;
}
.main_content.management > .link_area > li:nth-child(1):after {background-image: url('../../../image/gap/GP/main/ico_link0201.png');}
.main_content.management > .link_area > li:nth-child(2):after {background-image: url('../../../image/gap/GP/main/ico_link0202.png');}
.main_content.management > .link_area > li:nth-child(3):after {background-image: url('../../../image/gap/GP/main/ico_link0203.png');}
.main_content.management > .link_area > li:nth-child(4):after {background-image: url('../../../image/gap/GP/main/ico_link0204.png');}

.main_content > .notice_area {
  margin-top: 24px;
  padding: 14px;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  background-color: #fff;
}
.main_content > .notice_area > p {
  position: relative;
  padding-left: 24px;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main_content > .notice_area > p:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  background: url('../../../image/gap/GP/main/ico_notice.png') no-repeat 50% 50%;
  background-size: 16px;
}
.main_content.management > .notice_area {
  margin: 0 20px;
  background-color: transparent;
}
.main_content .notice_sec { /* 20240719 GA4 태깅 수정 */
  display: block; margin: 0 20px; line-height: 100%;
  background-color: transparent;
}
.main_content .notice_sec p { display: inline-block; width: 100% } /* 20240719 GA4 태깅 수정 */
.main_content .hash_area {
  margin-top: 24px;
  padding: 20px;
  background-color: #ffb617;
  border-radius: 4px;
}
.main_content .hash_area h3 {
  font-size: 17px; /* 2022-08-11 */
  font-weight: 700;
  color: #000;
}
.main_content .hash_area p {
  font-size: 15px; /* 2022-08-10 */
  font-weight: 400;
  color: #4b4e53;
}
.main_content .hash_area > ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-top: 6px;/* 2022-08-10 */
}
.main_content .hash_area > ul > li > a {
  display: block;
  margin: 5px;
  padding: 0 12px;
  background-color: #fff3d8;
  border-radius: 8px;

  font-size: 13px;/* 2022-08-10 */
  font-weight: 500;
  line-height: 32px;/* 2022-08-10 */
  color: #4b4e53;
}
/* 2022-08-02 결함번호 263 */
/* 지점장 스타일 분기 */
.main_content.management .hash_area {
  background-color: #ebf3ff;
}
.main_content.management .hash_area > h3 {
  font-size: 18px;
}
.main_content.management .hash_area .tabTitle {
  display: flex;
  align-items: center;
  height: 30px;
  margin: 0;
}
.main_content.management .hash_area .tabTitle > li {
  position: relative;
}
.main_content.management .hash_area .tabTitle > li + li {
  margin-left: 16px;
}
.main_content.management .hash_area .tabTitle > li a {
  display: block;
  margin: 0;
  padding: 0;
  background: none;

  font-size: 16px;
  font-weight: 400;
  color: #767676;
}
.main_content.management .hash_area .tabTitle > li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}
.main_content.management .hash_area .tabTitle > li.active a {
  color: #150f96;
  font-weight: 700;
}
.main_content.management .hash_area .tabTitle > li.active a:after {
  background-color: #150f96;
}
.main_content.management .hash_area .tabContents > ul {
  display: none;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-top: 16px;
}
.main_content.management .hash_area .tabContents > ul.active {
  display: flex;
}
.main_content.management .hash_area .tabContents > ul > li > a {
  display: block;
  margin: 5px;
  padding: 0 12px;
  
  font-size: 12px;
  font-weight: 500;
  line-height: 36px;
  color: #150f96;
  
  background-color: #fff;
  border: 1px solid #150f96;
  border-radius: 8px;
}
/* //2022-08-02 결함번호 263 */

.main_content .event_banner {
  margin-top: 24px;
}
/* 20240605 메인개선 수정 */
.main_content .event_banner > li {
  overflow:hidden;
  border-radius:8px;
}
/*// 20240605 메인개선 수정 */
.main_content .event_banner > li + li {
  margin-top: 8px;
}
.main_content .event_banner > li a img {
  display:block;
  width: 100%;
}
#sticky_search {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 72px;
  padding: 16px 20px;

  background-color: #150f96;
  border-radius: 16px 16px 0 0;
}
#sticky_search > p {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-left: 28px;

  background-color: #fff;
  border-radius: 2px;
  color: #767676;
}
#sticky_search > p:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  width: 16px;
  height: 16px;
  background: url('../../../image/gap/GP/main/ico_search.png') no-repeat 50% 50%;
  background-size: 16px;
}
.sticky_search_sec { /* 20240719 GA4 태깅 수정 */
  position: relative; 
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 28px;
  background-color: #fff;
  border-radius: 2px;
  color: #767676;
}
.sticky_search_sec:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
  width: 16px;
  height: 16px;
  background: url('../../../image/gap/GP/main/ico_search.png') no-repeat 50% 50%;
  background-size: 16px;
}

/* 2022-08-05 결함번호 280 수정 */
.pop_no_data {margin-top:20px; display: flex; justify-content: center; align-items: center; flex-direction: column;min-height: 350px;}
.pop_no_data:before {content: ''; display: block; width: 48px; height: 48px; background:url('../../../image/gap/GP/qpc/ico_noresults.png') no-repeat 0 0; background-size: 48px auto;}
.pop_no_data p {margin-top: 8px;line-height: 20px; font-weight: 400; font-size:14px; color: #000;}
/* //2022-08-05 결함번호 280 수정 */

/* 지점장 메인 */
.main_content.color {
  position: relative;
}
.main_content.color:after {
  content: '';
  position: absolute;
  top: 48px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 25%;
  
}
.today_status {
  padding: 0 20px;
  background-color: #150f96;
}
.today_status > h2 {
  color: #fff;
}
.today_status > h2 > span {
  vertical-align: middle;
  /* font-family: 'NanumMyeongjo'; */
  font-size: 22px;
  font-weight: 800;
}
.today_status > h2 > span em {
  /* font-family: 'NanumMyeongjo'; */
  font-size: 19px;
  font-weight: 700;
}
.today_status > h2 > em {
  vertical-align: middle;
  display: inline-block;
  height: 20px;
  line-height: 18px;

  font-size: 12px;
  font-weight: 400;
  color: #fff;

  padding: 0 8px;
  border: 1px solid #fff;
  border-radius: 4px;
}
.today_status .admin_perform {
  display: flex;
  
  margin-top: 15px;
  border: 1px solid #3f44de;
  border-radius: 4px;
}
.today_status .admin_perform > div {
  position: relative;
  width: 50%;
  margin: 24px 0;
}
.today_status .admin_perform > div canvas {
  margin: 0 auto;
}
.today_status .admin_perform > div canvas + canvas {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 64px;
}
.today_status .admin_perform > div > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.today_status .admin_perform > div > div p {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.today_status .admin_perform > div > div strong {
  margin-top: 3px;
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #ffb617;
}
.today_status .admin_perform > div.color > div p,
.today_status .admin_perform > div.color > div strong {
  color: #d7d7d7; /* 2022-08-02 : 결함번호 224 수정 */
}

.management_swiper {
  overflow: hidden;
  position: relative;
  padding: 24px 20px 6px;
}
.management_swiper:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 28px);
  background-color: #150f96;
}
.management_swiper > h2 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
/* 2022-08-05 : 결함번호 175 수정 */
.management_swiper > a {
  content: '';
  position: absolute;
  top: 17px;
  right: 3px;
  width: 42px;
  height: 32px;
  background: url('../../../image/gap/GP/main/bull_arrow_r_thin.png') no-repeat 50% 50%;
  background-size: 8px 16px;

  font-size: 0;
  line-height: 0;
}
/* //2022-08-05 : 결함번호 175 수정 */
.management_swiper .swiper_area {
  overflow: visible;
  margin-top: 16px;
  min-height: 112px;
}
.management_swiper .swiper-slide {
  padding: 12px 8px 0 16px;
  min-height: 112px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),
  0 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.management_swiper .swiper-slide::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: #afafaf;
  border-radius: 4px 0 0 4px;
}
.management_swiper .swiper-slide.active::after {
  background-color: #ffb617;
}
.management_swiper .swiper-slide .category {
  position: relative;
  padding-right: 16px;
  height: 18px;
}
.management_swiper .swiper-slide .category:after {
  content: '';
  position: absolute;
  top: 1px;
  right: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
}
.management_swiper .swiper-slide.edit .category:after {
  background: url('../../../image/gap/GP/main/ico_edit.png') no-repeat;
  background-size: 16px;
}
.management_swiper .swiper-slide .category span {
  display: inline-block;
  height: 18px;
  padding: 0 5px;
  vertical-align: top;

  background-color: #767676;
  border-radius: 2px;

  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
}
.management_swiper .swiper-slide .detail {
  margin-top: 8px;
}
.management_swiper .swiper-slide .detail dt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #767676;
}
.management_swiper .swiper-slide .detail dd {
  margin-top: 8px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient : vertical;
  text-overflow: ellipsis;

  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}
.management_swiper .swiper-slide.no_data > p {
  position: relative;
  padding-top: 36px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #767676;
  text-align: left;
}
.management_swiper .swiper-slide.no_data > p:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url('../../../image/gap/GP/main/ico_add.png') no-repeat;
  background-size: 24px;
}

.today_perform {
  overflow: hidden;
  margin: 24px 20px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),
              0 2px 6px 2px rgba(0, 0, 0, 0.15);
}
.today_perform > .title {
  position: relative;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  background-color: #150f96;

  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.today_perform > .title:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  width: 8px;
  height: 16px;
  background: url('../../../image/gap/GP/main/bull_arrow_r_thin.png') no-repeat 50% 50%;
  background-size: 8px 16px;
}
.today_perform > .inner {
  background-color: #f4f4f4;
}
.today_perform > .inner > ul {
  display: flex;
  justify-content: space-between;
  height: 96px;
  padding: 16px 0;
  background-color: #fff;
}
.today_perform > .inner > ul > li + li {
  border-left: 1px solid #767676;
}
.today_perform > .inner > ul > li {
  width: 33.3%;
  padding: 0 16px;
  font-size: 14px;
  line-height: 1;
  color: #000;
}
.today_perform > .inner > ul > li:nth-child(2) {
  width: 33.4%;
}
.today_perform > .inner > ul > li > strong,
.today_perform > .inner > ul > li > a {
  display: block;
  font-weight: 700;
}
.today_perform > .inner > ul > li > a span {
  padding-right: 16px;
  background: url('../../../image/gap/GP/renewal_gp/bull_right.png') no-repeat 100% 50%;
  background-size: 16px;
}
.today_perform > .inner > ul > li > em {
  display: inline-block;
  margin-top: 8px;
  font-size: 20px;
  font-weight: 700;
}
.today_perform > .inner > ul > li > span {
  display: inline-block;
  margin-top: 8px;
  font-size: 12px;
  color: #767676;
  line-height: 1;
}
.today_perform > .inner > .graph_area {
  padding-bottom: 8px;
  border-top: 1px solid #d7d7d7;
  background-color: #f4f4f4;
}
.today_perform > .inner > .graph_area > ul {
  display: flex;
}
.today_perform > .inner > .graph_area > ul > li {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 50%;
  height: 64px;
  padding: 0 16px;
}
.today_perform > .inner > .graph_area > ul > li + li {
  border-left: 1px solid #d7d7d7;
}
.today_perform > .inner > .graph_area > ul > li p {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.today_perform > .inner > .graph_area > ul > li p span {
  color: #150f96;
}
.today_perform > .inner > .graph_area > ul > li .graph {
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 2px;
}
.today_perform > .inner > .graph_area > ul > li .graph:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #d7d7d7;
}
.today_perform > .inner > .graph_area > ul > li .graph span {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;

  width: 0%;
  height: 100%;
  background-color: #150f96;
  border-radius: 2px;

  transition: width 0.6s ease;
}

#toastPopup1 {
  opacity: 0;
  transition: opacity 0.3s ease, left 0.3s ease;
  transition-delay: 0s, 0.3s;

  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 24px;
  left: 100%;
  width: 100%;
}
#toastPopup1.visible {
  opacity: 1;
  left: 0;
  transition: opacity 0.3s ease, left 0s ease;
  transition-delay: 0s, 0s;
}
#toastPopup1 p {
  height: 44px;
  padding: 0 24px;
  background: #000;
  border-radius: 8px;

  font-size: 18px;
  font-weight: 400;
  line-height: 44px;
  color: #fff;
}

#toastPopup2 {
  opacity: 0;
  transition: opacity 0.3s ease, left 0.3s ease;
  transition-delay: 0s, 0.3s;

  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 24px;
  left: 100%;
  width: 100%;
}
#toastPopup2.visible {
  opacity: 1;
  left: 0;
  transition: opacity 0.3s ease, left 0s ease;
  transition-delay: 0s, 0s;
}
#toastPopup2 p {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  min-width: 300px;
  height: 54px;
  padding: 0 24px;
  background: #000;
  border-radius: 8px;

  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.commonPopup {
  opacity: 0;

  position:fixed;
  left:-300%;
  top:0;
  z-index:9999;

  width:100%;
  height:100%;
  padding: 20px;
  box-sizing:border-box;

  transition:left 0s 0.6s,
              opacity 0s 0.6s,
              background 0.45s cubic-bezier(0.22,0.61,0.2,1) 0.15s;
}

.commonPopup.show {
  opacity: 1;
  left: 0;
  z-index:9999;
  background: rgba(0, 0, 0, 0.35);
  transition-delay:0s;
}
.commonPopup.show .inner {
  opacity: 1;
  margin-top: 0;
  transition-delay: 0.15s;
}
.commonPopup .inner {
  margin: 30px auto 0;
  position: relative;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  transition: margin-top 0.45s cubic-bezier(0.22,0.61,0.2,1),
              opacity 0.45s cubic-bezier(0.22,0.61,0.2,1);
}
.commonPopup .inner .popupArea {
  opacity: 1;
  position: relative;
  max-width: 540px;
  left: 50%;
  transform: translateX(-50%);
}
.commonPopup .inner .popupArea + .popupArea {
  position: absolute;
  top: 0;
  width: 100%;
}
.commonPopup .inner .popupArea.hidden {
  opacity: 0;
  margin-left: 130%;
  transition: margin-left 1s cubic-bezier(0.4, 0, 0.2, 1),
              opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.commonPopup .inner .popupArea > img {
  display: block;
  width: 100%;
}
.commonPopup .inner .popupArea > p {
  position: relative;
  margin-top: 8px;
  padding-left: 26px;
  text-align: left;
  font-size: 14px;
  color: #fff;
}
.commonPopup .inner .popupArea > p input {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0;
  z-index: 2;
  clip: auto;
}
.commonPopup .inner .popupArea > p label::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 24px;
  height: 24px;
  background: url('../../../image/gap/GP/main/ico_check.png') no-repeat center;
  background-size: 100%;
}
.commonPopup .inner .popupArea > p input:checked + label:before {
  background-image: url('../../../image/gap/GP/main/ico_check2.png');
}
.commonPopup .inner .popupArea > button  {
  position: absolute;
  top: -32px;
  right: 0;
  width: 24px;
  height: 24px;
  background: url('../../../image/gap/GP/main/ico_close.png') no-repeat 50% 50%;
  background-size: 24px;
  font-size: 0;
  line-height: 0;
}








.commonPopup .inner .common_popup_swiper {
  overflow: hidden;
  padding-top: 24px;
}
.commonPopup .inner .common_popup_swiper img {
  display: block;
  width: 100%;
}
.commonPopup .inner .common_popup_swiper .swiper-pagination {
  bottom: auto;
  top: 0;
  left: 0;
  text-align: left;
}
.commonPopup .inner .common_popup_swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  border-radius: 0;
  width: 16px;
  height: 4px;
}
.commonPopup .inner .common_popup_swiper .swiper-pagination .swiper-pagination-bullet + span {
  margin-left: 5px;
}
.commonPopup .inner .common_popup_swiper > button  {
  position: absolute;
  top: -8px;
  right: 0;
  z-index: 500;
  width: 24px;
  height: 24px;
  background: url('../../../image/gap/GP/main/ico_close.png') no-repeat 50% 50%;
  background-size: 24px;
  font-size: 0;
  line-height: 0;
}
.commonPopup .inner .common_popup_swiper .today_check {
  position: relative;
  margin-top: 8px;
  padding-left: 26px;
  text-align: left;
  font-size: 14px;
  color: #fff;
}
.commonPopup .inner .common_popup_swiper .today_check input {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0;
  z-index: 2;
  clip: auto;
}
.commonPopup .inner .common_popup_swiper .today_check label::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 24px;
  height: 24px;
  background: url('../../../image/gap/GP/main/ico_check.png') no-repeat center;
  background-size: 100%;
}
.commonPopup .inner .common_popup_swiper .today_check input:checked + label:before {
  background-image: url('../../../image/gap/GP/main/ico_check2.png');
}

/* input password 사이즈 변경 */
.form_item .input input[type="password"],
.el_form .inp input[type="password"] {
  /* font-family: 'Verdana'; */
  letter-spacing: 2px !important;
}
.form_item .input input[type="password"]::placeholder,
.el_form .inp input[type="password"]::placeholder {
  letter-spacing: -0.04em;
}

/* 2022-07-06 : GPN101M0 원픽 - 수술비 집중보장 플랜 숫자 영역 스타일 변경 */
@media screen and (max-width:410px){
  .plan_calc .calculation {
    padding: 0 10px;
  }
  .plan_calc .calculation .amount .number{
    font-size: 20px;
  }
  .plan_calc .calculation .box_btn {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}


/* 2022-07-22 : <input type="search">의 삭제 버튼 안 보이도록 삭제 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  display: none;
}

/* 2023-01-13 */
/* item1 */
.linkGrp { display: flex; }
.linkGrp a { padding-left: 26px; color: #150f96; font-size: 16px; background-repeat: no-repeat; background-position: 0 50%; background-size: 20px 20px; }
.linkGrp a.nav1 { background-image: url('../../../image/gap/GP/renewal_gp/ico_menu_nav1.png'); }
.linkGrp a.nav2 { margin-left: 16px; padding-left: 28px; background-image: url('../../../image/gap/GP/renewal_gp/ico_menu_nav2.png'); }
.main_content > .link_area { background-color: #fff; }
/* 20240530 메인개선수정 */
.main_content > .link_area > li:after { background: url('../../../image/gap/GP/main/icon_link1.svg') no-repeat 50% 50% / 40px; }
.main_content > .link_area > li:nth-child(2):after { background-image: url('../../../image/gap/GP/main/icon_link2.svg'); }
.main_content > .link_area > li:nth-child(3):after { background-image: url('../../../image/gap/GP/main/icon_link3.svg'); }
.main_content > .link_area > li:nth-child(4):after { background-image: url('../../../image/gap/GP/main/icon_link4.svg'); }
.main_content > .link_area > li:nth-child(5):after { background-image: url('../../../image/gap/GP/main/icon_link5.svg'); }
.main_content > .link_area > li:nth-child(6):after { background-image: url('../../../image/gap/GP/main/icon_link6.svg'); }
.main_content > .link_area > li:nth-child(7):after { background-image: url('../../../image/gap/GP/main/icon_link7.svg'); }
.main_content > .link_area > li:nth-child(8):after { background-image: url('../../../image/gap/GP/main/icon_link8.svg'); }
.main_content .hash_area { padding: 16px 20px; background-color: #fff3d8; border-radius:8px; }  
.main_content .hash_area h3 { font-size: 16px; line-height: 22px; }
.main_content .hash_area p { margin-top: 2px; font-size: 14px; line-height: 20px; }
.main_content .hash_area > ul { margin: 0 -4px; }  
.main_content .hash_area > ul > li > a { margin: 3px 4px; color: #000; font-size: 12px; line-height: 37px; background-color: #ffb617; border-radius: 8px; letter-spacing: -0.1px; } 
/* //20240530 메인개선수정 */

/* item 2 */
.quick_link_new { margin: 22px -20px 0; background-color: #150f96; }
.quick_link_new ul { display: flex; }
.quick_link_new ul li { color: #000; width: 100%; }
.quick_link_new ul li a { display: block; padding: 55px 0 18px; color: #fff; font-size: 12px; text-align: center; background-repeat: no-repeat; background-position: center 12px; background-size: 40px; }
.quick_link_new ul li a.link1 { background-image: url('../../../image/gap/GP/renewal_gp/quick_menu1_new.png'); }
.quick_link_new ul li a.link2 { background-image: url('../../../image/gap/GP/renewal_gp/quick_menu2_new.png'); }
.quick_link_new ul li a.link3 { background-image: url('../../../image/gap/GP/renewal_gp/quick_menu3_new.png'); }

/* item 3 */

.info_ga { align-items: flex-start; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 4px; }
.info_ga .box_inf { display: flex; align-self: center; padding-left: 0; }
.info_ga .inf .cell { color: #757575; }
.info_ga .inf .cell .text_emp { color: #000; }
.my_performance .perf_data { background-color: #e1e4ff; }


/* item 4 */
.login_pincode .box_anc .bttn_pclogin,.login_biometric .box_anc .bttn_pclogin { display: inline-block; height: 34px; padding: 0 12px 0 44px; color: #4B4E53; font-size: 14px; line-height: 34px; letter-spacing: -0.04em; background: url(../../../image/gap/GP/renewal_gp/ico_btn_pclogin.png) no-repeat 10px center; background-size: 24px 24px; border: 1px solid #AFAFAF; border-radius: 8px; }
.login_pincode .box_anc .bttn_pclogin.disabled, .login_biometric .box_anc .bttn_pclogin.disabled{color: #d7d7d7;}

/* 20230127 */
/* item 9 */
.block_content { display: flex; justify-content: center; align-items: center; width: 100%; height: 100vh; padding: 0 0 120px !important; }
.block_content .msg { padding-top: 120px; color: #000; font-size: 18px; font-weight: 500; line-height: 28px; text-align: center; background: url('../../../image/gap/GP/renewal_gp/ico_block.png') no-repeat center 0 /96px; }
.block_content .msg a.anc_txt { color: #150F96; text-decoration: underline; }
.block_content .ui-fixed-btn { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #150F96; }
.block_content .ui-fixed-btn a { display: flex; justify-content: center; align-items: center; width: 100%; height: 56px; color: #fff; font-size: 18px; font-weight: 500; }

/* 20230302 */
.commonPopup.show { background-color: rgba(0, 0, 0, 0.6); }
.commonPopup .inner .popupArea { padding-bottom: 45px; background-color: #fff; border-radius: 10px; }
.commonPopup .inner .popupArea > p { position: absolute; margin-top: 0; padding-left: 20px; color: #000; line-height: 45px; }
.commonPopup .inner .popupArea > p label::before { display: none; }
.commonPopup .inner .popupArea > button { top: auto; bottom: 0; right: 0; width: auto; height: auto; padding: 0 20px; font-size: 14px; line-height: 45px; background: none; }
.commonPopup .inner .popupArea .imgContent { font-size: 0; overflow-y: auto; }

.btn-sns-k {position:fixed;right:27px;bottom:95px;display:block;font-size:24px;color:#fff;border-radius:110px;width:66px;height:66px;background:#FAB760;z-index:99}

/* 20230418 */
.info_ga { flex-flow: column; justify-content: center; min-height: auto; padding: 26px 22px; }
.info_ga > .box_wrap { display: flex; justify-content: flex-start; width: 100%; }
.my_manager { position: relative; margin-top: 24px; }
.my_manager .title_cont { display: block; margin-bottom: 8px; color: #000; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -0.04em; }
.my_manager .manageList { margin-top: 10px; padding: 15px 7px 13px; background: #F4F4F4; border-radius: 4px; }
.my_manager .manageList > div { display: flex; margin-top: 13px; font-size: 14px; line-height: 20px; }
.my_manager .manageList > div:first-child { margin-top: 0; }
.my_manager .manageList dt { width: 73px; min-width: 73px; color: #767676; }
.my_manager .manageList dd { width: 18px; margin-left: 9px; color: #000; line-height: 0; }
.my_manager .manageList dd:nth-of-type(1) { width: 100%; margin-left: 0; line-height: inherit; }
.my_manager .manageList .phoneNum { font-size: 10px; }
.my_manager .manageList .btnMsg { display: inline-block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_433)'%3E%3Cpath d='M4.84125 14.25L1.5 16.875V3C1.5 2.80109 1.57902 2.61032 1.71967 2.46967C1.86032 2.32902 2.05109 2.25 2.25 2.25H15.75C15.9489 2.25 16.1397 2.32902 16.2803 2.46967C16.421 2.61032 16.5 2.80109 16.5 3V13.5C16.5 13.6989 16.421 13.8897 16.2803 14.0303C16.1397 14.171 15.9489 14.25 15.75 14.25H4.84125ZM4.32225 12.75H15V3.75H3V13.7887L4.32225 12.75ZM8.25 7.5H9.75V9H8.25V7.5ZM5.25 7.5H6.75V9H5.25V7.5ZM11.25 7.5H12.75V9H11.25V7.5Z' fill='%23767676'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_433'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; }
.my_manager .manageList .btnCall { display: inline-block; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_432)'%3E%3Cpath d='M7.0245 8.0115C7.72825 9.24786 8.75214 10.2717 9.9885 10.9755L10.6515 10.047C10.7581 9.8977 10.9158 9.79266 11.0946 9.75175C11.2734 9.71084 11.4611 9.7369 11.622 9.825C12.6827 10.4047 13.8542 10.7533 15.0593 10.848C15.2473 10.8629 15.4229 10.9482 15.5509 11.0867C15.6789 11.2253 15.75 11.4071 15.75 11.5958V14.9423C15.75 15.1279 15.6812 15.3071 15.5568 15.4449C15.4324 15.5828 15.2612 15.6696 15.0765 15.6885C14.679 15.7297 14.2785 15.75 13.875 15.75C7.455 15.75 2.25 10.545 2.25 4.125C2.25 3.7215 2.27025 3.321 2.3115 2.9235C2.33044 2.73877 2.41724 2.56764 2.55509 2.44323C2.69295 2.31881 2.87205 2.24996 3.05775 2.25H6.40425C6.59292 2.24998 6.77467 2.32106 6.91326 2.44909C7.05185 2.57711 7.1371 2.75267 7.152 2.94075C7.24667 4.14584 7.59531 5.31726 8.175 6.378C8.2631 6.53892 8.28916 6.72656 8.24825 6.9054C8.20734 7.08424 8.1023 7.24188 7.953 7.3485L7.0245 8.0115V8.0115ZM5.133 7.51875L6.558 6.501C6.15359 5.62807 5.87651 4.70163 5.73525 3.75H3.7575C3.753 3.8745 3.75075 3.99975 3.75075 4.125C3.75 9.717 8.283 14.25 13.875 14.25C14.0002 14.25 14.1255 14.2477 14.25 14.2425V12.2648C13.2984 12.1235 12.3719 11.8464 11.499 11.442L10.4813 12.867C10.0715 12.7078 9.67351 12.5198 9.29025 12.3045L9.24675 12.2797C7.77568 11.4425 6.55746 10.2243 5.72025 8.75325L5.6955 8.70975C5.48018 8.32649 5.29221 7.9285 5.133 7.51875V7.51875Z' fill='%23767676'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_432'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; }

/* 20230608 */
.in_charge{height:99px; border: 0; margin-top: 16px;}
.in_charge .box_desc{height:inherit;  border-bottom: 0; background: url('../../../image/gap/GP/myGA/bg_myGA03.png') no-repeat 100% 50%; background-size: 113px 80px;}
.my_manager, .my_manager .manageList{margin-top: 0;}
.my_manager{border: 1px solid #d7d7d7; border-radius: 4px;}
.my_manager .manageList dt {width: 215px;}

/* 20230616 */
.camp_banner{width: 100%; height: 77px; margin-top: 16px; padding: 16px; border-radius: 4px; background-color: #EBF3FF; color: #000; font-size: 14px; display: flex; justify-content: space-between; align-items: center;}
.camp_banner span{font-size: 14px; font-weight: 400;}
.camp_banner div span + strong, .camp_banner div span + .recipientNum{margin-top: 2px;}
.camp_banner strong{display: block; font-size: 18px; position: relative;}
.camp_banner strong::after{content: ''; width: 8px; height: 16px; padding-left: 4px; background: url('../../../image/gap/GP/myGA/ico_arrow3.png') no-repeat right center; background-size: 8px 16px; position: absolute; top: 57%; transform: translateY(-57%);}
.camp_banner .camp_recipient{text-align: right;}
.camp_banner .camp_recipient span{color: #767676;}
.recipientNum{font-size: 16px; font-weight: 700;}
/* .main_content > .link_area > li:nth-child(2):after{background-image: url('../../../image/gap/GP/main/ico_link2_new2.png');} */   /* 20240530 메인개선수정 */
.customer_info .info_sec.style02{background: #FFF3D8;}
.recommendLink{display:block; margin-top: 4px; font-size:14px; color: #000;}
.recommendLink + .info_box{margin-top: 16px;}
.recommendLink span{position: relative;}
.recommendLink span:after{content:''; width: 7.8px; height: 15.6px; padding-left: 5px; position: absolute; top: 50%; right: -12px; transform: translateY(-50%); background: url('../../../image/gap/GP/myGA/ico_arrow_small.png') right center / 7.8px 15.6px no-repeat;} 
.noti + .product_manual_guide {margin-top: 10px; text-align: left;}

/* 20230619 */
.camp_banner{text-align: left;}

/* 20230622 추가 */
header .additional_search_btn button{color: #fff !important; border: 1px solid #fff !important;}
.inner .total_people .btn-refresh{width: 16px; height: 16px; top: 13%; bottom: initial; transform: translateY(0);}
.inner .total_people .btn-refresh:after{width: 16px; height: 16px; background: url(../../../image/gap/GM/images/btn_refresh2.png) 0 0 / 100% no-repeat; transform: translateY(0);}

/* 20230717 - 추가 */
.tab_swipe_wrap.newVer { top: 162px; }
.newVer.open + #container .tab_swipe_wrap.newVer { top: 222px; }
/*
.tab_swipe_wrap.newVer .tab_nav li{padding: 0;}
.tab_swipe_wrap.newVer .tab_nav li:first-child { padding-left: 20px; }
.tab_swipe_wrap.newVer .tab_nav li a { width: auto; height: auto; padding: 4px 20px; font-size: 14px; color: #adaeae; line-height: 1.6; }
.tab_swipe_wrap.newVer .tab_nav li.active a { color: #fff; border-color: ##808285; background-color: ##808285; }
.tab_swipe_wrap.newVer .tab_nav li + li a { border-left-width: 0; }
.main_content > .link_area > li:nth-child(2) a:before { content: ''; position: absolute; top: -3px; left: 50%; width: 34px; height: 20px; margin-left: -3px; background: url("data:image/svg+xml,%3Csvg width='34' height='20' viewBox='0 0 34 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2_1355)'%3E%3Crect x='4' y='2' width='26' height='12' rx='1' fill='%23FF6600' shape-rendering='crispEdges'/%3E%3Cpath d='M10.1388 5.08L11.8588 8.232L12.4508 9.512H12.4908C12.4268 8.896 12.3388 8.112 12.3388 7.44V5.08H13.4588V11H12.2588L10.5468 7.832L9.94681 6.56H9.90681C9.96281 7.2 10.0508 7.944 10.0508 8.624V11H8.93081V5.08H10.1388ZM18.235 5.08V6.064H15.787V7.432H17.867V8.424H15.787V10.008H18.323V11H14.603V5.08H18.235ZM19.8289 5.08L20.3009 7.968C20.3889 8.608 20.4849 9.216 20.5729 9.856H20.6049C20.7249 9.216 20.8529 8.584 20.9809 7.968L21.6689 5.08H22.6769L23.3649 7.968C23.4929 8.576 23.6129 9.216 23.7409 9.856H23.7809C23.8689 9.216 23.9569 8.584 24.0449 7.968L24.5089 5.08H25.6369L24.5409 11H23.0689L22.4049 8.072C22.3089 7.592 22.2209 7.152 22.1489 6.704H22.1169C22.0289 7.152 21.9569 7.592 21.8609 8.072L21.2129 11H19.7649L18.6209 5.08H19.8289Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2_1355' x='0' y='0' width='34' height='20' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 0.4 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2_1355'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_2_1355' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; }
*/
.main_content > .link_area > li:nth-child(2) a:before { content: ''; position: absolute; top: -3px; left: 50%; width: 34px; height: 20px; margin-left: -3px; background: url('../../../image/gap/GP/images/ico_new4.png') no-repeat; background-size: 34px 20px;}

/* 20230719 추가 */
.tab_swipe_wrap.newVer .tab_nav li a { padding: 0 20px; }
.tab_swipe_wrap.newVer .tab_nav li a { width: auto; height: auto; padding: 4px 20px; font-size: 14px; color: #adaeae; line-height: 1.6; }
.tab_swipe_wrap.newVer .tab_nav li.active a { color: #fff; border-color: ##808285; background-color: ##808285; }

/* 20240102 추가 */
.commonPopup.recommendCustomer { padding: 0; }
.commonPopup.recommendCustomer .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #EBF3FF;}
.commonPopup.recommendCustomer.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer .txtConetent { position: relative; }
.commonPopup.recommendCustomer .txtConetent .msg { height: 313px; padding: 24px 20px 20px 20px; color: #000; text-align: center; }     
.commonPopup.recommendCustomer .txtConetent .msg .fcName { position: relative; display: inline-block; width: 290px; word-break: break-all; margin-bottom: 10px; font-size: 16px; font-weight: 700; line-height: 1.4; text-decoration: underline; }
.commonPopup.recommendCustomer .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer .txtConetent .recommendBtn { position: absolute; left: 0; top: 0; width: 100%; padding: 244px 20px 0; background: transparent url('../../../image/gap/GM/main/bg_recommendCustomer.png') no-repeat center bottom 49px / 204px auto; }
.commonPopup.recommendCustomer .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }
.main_content > .link_area > li:nth-child(2) a:before { display: none; }
.main_content > .link_area > li a > .recommendNum { position: absolute; left: 53%; top: -10%; padding: 5px 6px; color: #fff; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: 0; background: #E41913; box-shadow: 0px 2px 4px 0px rgba(255, 102, 0, 0.15); border-radius: 15px; }

/* 20240110 - 추가 */
.content.newVer2024 { padding-top: 215px; }
.content.newVer2024 .tab_wrap2 { top: 166px; }
.ga_header.search_height.open + #container > .content.newVer2024 { padding-top: 275px; }
.ga_header.search_height.open + #container > .content.newVer2024 .tab_wrap2 { top: 226px; }

.content.newVer2024.manager { padding-top: 184px; }
.content.newVer2024.manager .tab_wrap2 { top: 134px; }
.ga_header.search_height.open + #container > .content.newVer2024.manager { padding-top: 244px; }
.ga_header.search_height.open + #container > .content.newVer2024.manager .tab_wrap2 { top: 194px; }

.newVer2024 .tbl_type_list { margin-top: 10px; }
.newVer2024 .tbl_type_list ul li { margin-bottom: 0; padding-bottom: 0; }
.newVer2024 .tbl_type_list ul li:first-child { margin-top: 0; }
.newVer2024 .tbl_type_list ul li a { border-bottom: 0; }
.newVer2024 .tbl_type_list ul li a:after { display: none; }
.newVer2024 .tbl_type_list ul li a .date { margin-top: 0; color: #000; font-size: 16px; font-weight: 700; line-height: normal; }
.newVer2024 .tbl_type_list ul li a .title { position: relative; }
.newVer2024 .tbl_type_list ul li a .title:after { content: ''; display: block; position: absolute; right: 0; top: 50%; width: 9px; height: 16px; margin-top: -19px; background: url(../../../image/gap/GP/images/btn_go_link.png) no-repeat 0 0; background-size: 9px 16px; }
.newVer2024 .tbl_type_list ul li a .title + .date { margin-top: 7px; color: #999; font-size: 13px; font-weight: 400; }
.newVer2024 .tbl_type_list ul li a .date + .summary,
.newVer2024 .tbl_type_list ul li a .date + .summary + .title { margin-top: 8px; }

.mark1.type1 { background-color: #767676 !important; }
.mark1.type2 { background-color: #FFB617 !important; color: #000 !important; }
.mark1.type3 { background-color: #FFB617 !important; color: #000 !important; }
.mark1.type4 { background-color: #150F96 !important; }
.newVer2024 .search_result_msg { margin-top: 20px; color: #000; font-size: 16px; }

.summary_wrap .summary { padding-bottom: 15px; border-bottom: 1px solid #d7d7d7; }
.summary_wrap .mark1 { display: inline-block; height: 25px; line-height: 25px; padding: 0 8px; color: #fff; border-radius: 3px; font-size: 13px; background-color: #767676; }
.summary_wrap .summary .mark1 + .pr { display: inline-block; margin-left: 10px; }
.summary_wrap .summary .pr span:after { content: ''; display: inline-block; width: 1px; height: 11px; margin: 0 5px 0 7px; background: #d2d3d4; }
.summary_wrap .summary .pr span:last-child:after { background: none; }

/* 20240126 추가 */
.commonPopup.recommendCustomer .txtConetent .msg { height: auto; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; }
.commonPopup.recommendCustomer .txtConetent .msg .fcName { display: flex; flex-flow: wrap; justify-content: center; align-items: end; width: auto; margin-bottom: 0; font-size: 20px; text-decoration: none; }
.commonPopup.recommendCustomer .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(41, 38, 87, 0.40); }
.commonPopup.recommendCustomer .txtConetent .recommendBtn { display: flex; align-items: end; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer .txtConetent .recommendBtn span { width: 100%; }
.commonPopup.recommendCustomer .txtConetent .recommendBtn span:after { margin-left: 2px; }

/* 20240220 추가 */
.commonPopup.recommendCustomer2 { padding: 0; }
.commonPopup.recommendCustomer2 .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #FEF3FA;}
.commonPopup.recommendCustomer2.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer2 .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer2 .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer2 .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer2 .txtConetent { position: relative; }
.commonPopup.recommendCustomer2 .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }     
.commonPopup.recommendCustomer2 .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer2 .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer2 .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer2 .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer2 .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer2 .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer2 .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer2 .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer2 .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240305 - yellow 추가 */
.commonPopup.recommendCustomer3 { padding: 0; }
.commonPopup.recommendCustomer3 .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #FFF3D8;}
.commonPopup.recommendCustomer3.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer3 .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer3 .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer3 .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer3 .txtConetent { position: relative; }
.commonPopup.recommendCustomer3 .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }     
.commonPopup.recommendCustomer3 .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer3 .txtConetent .msg .fcName > span { margin-right: 4px; }
.commonPopup.recommendCustomer3 .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer3 .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer3 .txtConetent .msg .recommendNum { color: #FF6600; }
.commonPopup.recommendCustomer3 .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer3 .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer3 .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer3 .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer3 .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240305 - green 추가 */
.commonPopup.recommendCustomer4 { padding: 0; }
.commonPopup.recommendCustomer4 .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #EBFCDE;}
.commonPopup.recommendCustomer4.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer4 .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer4 .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer4 .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer4 .txtConetent { position: relative; }
.commonPopup.recommendCustomer4 .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }     
.commonPopup.recommendCustomer4 .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer4 .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer4 .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer4 .txtConetent .msg .recommendNum { color: #FF6600; }
.commonPopup.recommendCustomer4 .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer4 .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer4 .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer4 .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer4 .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240324 - 블루 추가 */
.commonPopup.recommendCustomer_4_blue { padding: 0; }
.commonPopup.recommendCustomer_4_blue .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #C0E8FF url(../../../image/gap/GM/main/pop_recommend_bg_202404_blue.png) no-repeat left top / 100%;}
.commonPopup.recommendCustomer_4_blue.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer_4_blue .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer_4_blue .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer_4_blue .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer_4_blue .txtConetent { position: relative; }
.commonPopup.recommendCustomer_4_blue .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }
.commonPopup.recommendCustomer_4_blue .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer_4_blue .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer_4_blue .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer_4_blue .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer_4_blue .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer_4_blue .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer_4_blue .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer_4_blue .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer_4_blue .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240324 - 옐로 추가 */
.commonPopup.recommendCustomer_4_yellow { padding: 0; }
.commonPopup.recommendCustomer_4_yellow .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #FFEBBF url(../../../image/gap/GM/main/pop_recommend_bg_202404_yellow.png) no-repeat left top / 100%;}
.commonPopup.recommendCustomer_4_yellow.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer_4_yellow .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer_4_yellow .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer_4_yellow .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer_4_yellow .txtConetent { position: relative; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer_4_yellow .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer_4_yellow .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240324 - 퍼블 추가 */
.commonPopup.recommendCustomer_4_purple { padding: 0; }
.commonPopup.recommendCustomer_4_purple .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #E0D1FF url(../../../image/gap/GM/main/pop_recommend_bg_202404_purple.png) no-repeat left top / 100%;}
.commonPopup.recommendCustomer_4_purple.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer_4_purple .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer_4_purple .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer_4_purple .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer_4_purple .txtConetent { position: relative; }
.commonPopup.recommendCustomer_4_purple .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }
.commonPopup.recommendCustomer_4_purple .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer_4_purple .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer_4_purple .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer_4_purple .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer_4_purple .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer_4_purple .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer_4_purple .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer_4_purple .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer_4_purple .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240428 - 분홍 추가 */
.commonPopup.recommendCustomer_5_pink { padding: 0; }
.commonPopup.recommendCustomer_5_pink .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #FFE5E5 url(../../../image/gap/GM/main/pop_recommend_bg_202405.png) no-repeat left top / 100%;}
.commonPopup.recommendCustomer_5_pink.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer_5_pink .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer_5_pink .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer_5_pink .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer_5_pink .txtConetent { position: relative; }
.commonPopup.recommendCustomer_5_pink .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }
.commonPopup.recommendCustomer_5_pink .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer_5_pink .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer_5_pink .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer_5_pink .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer_5_pink .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer_5_pink .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer_5_pink .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer_5_pink .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer_5_pink .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240428 - 노랑 추가 */
.commonPopup.recommendCustomer_5_yellow { padding: 0; }
.commonPopup.recommendCustomer_5_yellow .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #FEF8E0 url(../../../image/gap/GM/main/pop_recommend_bg_202405.png) no-repeat left top / 100%;}
.commonPopup.recommendCustomer_5_yellow.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer_5_yellow .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer_5_yellow .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer_5_yellow .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer_5_yellow .txtConetent { position: relative; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer_5_yellow .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer_5_yellow .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240428 - 초록 추가 */
.commonPopup.recommendCustomer_5_green { padding: 0; }
.commonPopup.recommendCustomer_5_green .inner { position: absolute; top: auto; bottom: -45%; width: 100%; transform: translateY(0); border-radius: 16px 16px 0px 0px; background: #ECFBD5 url(../../../image/gap/GM/main/pop_recommend_bg_202405.png) no-repeat left top / 100%;}
.commonPopup.recommendCustomer_5_green.show .inner { bottom: 0; transition: all 0.45s cubic-bezier(0.22,0.61,0.2,1), opacity 0.45s cubic-bezier(0.22,0.61,0.2,1); }
.commonPopup.recommendCustomer_5_green .inner .popupArea { padding-bottom: 0; background-color: transparent; border-bottom: 45px solid #fff; border-radius: 0; }
.commonPopup.recommendCustomer_5_green .inner .popupArea > p { color: #150F96; }
.commonPopup.recommendCustomer_5_green .inner .popupArea > button { bottom: auto; color: #150F96; }
.commonPopup.recommendCustomer_5_green .txtConetent { position: relative; }
.commonPopup.recommendCustomer_5_green .txtConetent .msg { padding: 24px 20px 20px 20px; color: #000; font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 1.5; text-align: center; }
.commonPopup.recommendCustomer_5_green .txtConetent .msg .fcName { display: flex; position: relative; flex-flow: wrap; justify-content: center; align-items: end; word-break: break-all; width: auto; margin-bottom: 0; font-size: 20px; font-weight: 700; line-height: 1.4; text-decoration: none; }
.commonPopup.recommendCustomer_5_green .txtConetent .msg div { font-size: 24px; font-weight: 400; line-height: 1.3; }
.commonPopup.recommendCustomer_5_green .txtConetent .msg div > strong { font-weight: 700; }
.commonPopup.recommendCustomer_5_green .txtConetent .msg .recommendNum { color: #FF0198; }
.commonPopup.recommendCustomer_5_green .txtConetent .recommendBnr { padding: 0 20px 100px; }
.commonPopup.recommendCustomer_5_green .txtConetent .recommendBnr img { vertical-align: top; border-radius: 5px; box-shadow: 1px 1px 1px 0px #FFF inset, 0px 8px 16px 0px rgba(0, 0, 0, 0.40); }
.commonPopup.recommendCustomer_5_green .txtConetent .recommendBtn { display: flex; align-items: end; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 20px 20px; background: none; }
.commonPopup.recommendCustomer_5_green .txtConetent .recommendBtn span { display: flex; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 16px; font-weight: 700; line-height: 49px; text-align: center; background-color: #150F96; }
.commonPopup.recommendCustomer_5_green .txtConetent .recommendBtn span:after { content: ''; display: inline-block; width: 24px; height: 24px; margin-left: 2px; vertical-align: middle; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M9.5 18.5L15.5 12.52L9.5 6.5' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat; }

/* 20240524 - 6월 고객 추천 팝업 */
.commonPopup.recommendCustomer_5_green .inner.june-item.green { background:#f2fbeb url(../../../image/gap/GM/main/pop_recommend_bg_202406_green.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.june-item.blue { background:#ebf3ff url(../../../image/gap/GM/main/pop_recommend_bg_202406_blue.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.june-item.purple { background:#f9f0ff url(../../../image/gap/GM/main/pop_recommend_bg_202406_purple.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.june-item .txtConetent { overflow:hidden; padding-bottom:0; height:313px; box-sizing:border-box; }
.commonPopup.recommendCustomer_5_green .inner.june-item .txtConetent .msg { min-height:90px; max-height:116px; padding:24px 20px 10px 20px;   box-sizing:border-box;   }
.commonPopup.recommendCustomer_5_green .inner.june-item .txtConetent .msg .fcName { font-size:16px;  }

/* 20240625 - 7월 고객 추천 팝업 */
.commonPopup.recommendCustomer_5_green .inner.july-item.green { background:#f2fbeb url(../../../image/gap/GM/main/pop_recommend_bg_202407_green.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.july-item.blue { background:#ebf3ff url(../../../image/gap/GM/main/pop_recommend_bg_202407_blue.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.july-item.purple { background:#f9f0ff url(../../../image/gap/GM/main/pop_recommend_bg_202407_purple.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.july-item .txtConetent { overflow:hidden; padding-bottom:0; height:313px; box-sizing:border-box; }
.commonPopup.recommendCustomer_5_green .inner.july-item .txtConetent .msg { min-height:90px; max-height:116px; padding:24px 20px 10px 20px;   box-sizing:border-box;   }
.commonPopup.recommendCustomer_5_green .inner.july-item .txtConetent .msg .fcName { font-size:16px;  }

/* 20240530 메인개선 추가 */
.swiper-slide { overflow:hidden; border-radius:8px; }
.link_list_wrap { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.link_list_wrap li:before { content:''; display:block; position:absolute; top:50%; right:8px; width:40px; height:40px; background:url(../../../image/gap/GP/main/icon_list_link1.svg) no-repeat right bottom; background-size:100%; transform:translateY(-50%); }
.link_list_wrap li:nth-child(2):before { background-image:url(../../../image/gap/GP/main/icon_list_link2.svg); }
.link_list_wrap li:nth-child(3):before { background-image:url(../../../image/gap/GP/main/icon_list_link3.svg); }
.link_list_wrap li:nth-child(4):before { background-image:url(../../../image/gap/GP/main/icon_list_link4.svg); }
.link_list_wrap li { position:relative; width: calc(50% - 4px); border-width:1px; border-style:solid; border-radius:8px; }
.link_list_wrap li a { display:block; height:48px; padding:14px 8px 14px 14px; color:#000; font-size:14px; font-weight:700; }
.link_list_wrap li:nth-child(1) { background-color:#fff3b3; border-color:#f1e395; }
.link_list_wrap li:nth-child(2) { background-color:#f9f0ff; border-color:#ecdaf7; }
.link_list_wrap li:nth-child(3) { background-color:#ebf3ff; border-color:#d8e5f9; }
.link_list_wrap li:nth-child(4) { background-color:#f4f4f4; border-color:#e8e8e8; }

/* 20240723 - 8월 고객 추천 팝업 */
.commonPopup.recommendCustomer_5_green .inner .txtConetent .msg .recommendNum { font-weight:700; }
.commonPopup.recommendCustomer_5_green .inner .txtConetent .msg { font-weight:400; }
.commonPopup.recommendCustomer_5_green .inner.august-item.purple { background:#f9f0ff url(../../../image/gap/GM/main/pop_recommend_bg_202408_purple.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.august-item.blue { background:#ebf3ff url(../../../image/gap/GM/main/pop_recommend_bg_202408_blue.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.august-item.green { background:#ebf3ff url(../../../image/gap/GM/main/pop_recommend_bg_202408_green.png) no-repeat left top / 100%; }
.commonPopup.recommendCustomer_5_green .inner.august-item .txtConetent { overflow:hidden; padding-bottom:0; height:313px; box-sizing:border-box; }
.commonPopup.recommendCustomer_5_green .inner.august-item .txtConetent .msg { min-height:90px; max-height:116px; padding:24px 20px 10px 20px;   box-sizing:border-box;   }
.commonPopup.recommendCustomer_5_green .inner.august-item .txtConetent .msg .fcName { font-size:16px; }
.commonPopup.recommendCustomer_5_green .inner.august-item .txtConetent .msg .fcName > span { display:inline-block; margin-right:3px; }