@charset "utf-8";

@import url('www_style.css'); /* 2024-09-23 GGU282 추가 - [가맹점] 가맹점 계약 해지 유예 신청 프로세스 신규제작(GNB,모웹 포함) */

.p_loading { display:none; } /* 로딩바 */

/* Btn-box */
.contents_footer { text-align:center } 
.contents_footer .btn_area { margin:35px 0 0; text-align:center; } 
.contents_footer.type1 .btn_area { margin:40px 0 0; text-align:center; } 
.contents_footer.line_footer1 { border-top:1px solid #e1e1e1; } 
.contents_footer.line_footer2 { border-top:1px solid #f0f0f0; } 
div.btn_area { text-align:center; } 
ul.btn_area { display:inline-block; overflow:hidden; } 
ul.btn_area li { float:left; margin-left:20px; } 
ul.btn_area li:first-child { margin:0; } 
.btn_area2 { margin-top:15px; text-align:right; } 
/* Common css */
.txt_info { padding-bottom:40px; margin-top:-21px; font-size:15px; text-align:center; color:#666; } 
.txt_info.type1 { padding-bottom:40px; margin-top:21px; font-size:15px; text-align:center; color:#666; } 
.txt_info.type2 { margin-top:-21px; font-size:15px; text-align:center; color:#666; } 
.helf_txt { margin-top:17px; font-size:13px; } 
.relation_area { margin-top:80px; } 
.visual_txt + .relation_area { margin-top:75px; } 
/* complete page */
.contents_header + .box_content > .visual_txt { padding-top:30px; } 
.visual_txt { padding:71px 0 0; color:#666; font-size:15px; line-height:22px; text-align:center; } 
.visual_txt .noti { color:#000; font-size:41px; line-height:50px; } 
.visual_txt .noti + p { margin:16px 0 0; } 
.visual_txt .noti .user_id { color:#1e75d6; font-weight:normal } 
/* Each css */
.date_mm_yy { float:left; margin:0 10px 0 0; } 
.cvv_number { float:left; } 
.cvv_number + .guide { margin:10px 0 0 20px; } 
.card_pass { float:left; } 
.card_pass + .guide { margin:10px 0 0 20px; } 
.card_pass > .num_input { display:inline-block; } 
.card_pass > p input { padding:12px 5px 11px; text-align:center } 
.user_id { line-height:1; color:#000; } 

.join_info { margin:31px auto 0; } 
.join_info .information { width:680px; margin:0 auto; border-bottom:1px solid #e1e1e1; } 
.join_info .information.email_input { width:856px; } 
.join_info .information:after { display:block; clear:both; content:""; } 
.join_info .information dt { float:left; width:176px; padding:16px 0 16px 64px; border-top:1px solid #f0f0f0; color:#666; line-height:20px } 
.join_info .information dt.type1 { line-height:40px } 
.join_info .information dd { float:left; width:416px; padding:16px 0 16px 24px; border-top:1px solid #f0f0f0; color:#000; text-align:left; line-height:20px } 
.join_info .information.email_input dd { width:592px; } 
.join_info .information .first_info { border-top:2px solid #555; } 
.join_info .information .email:after { display:block; clear:both; content:"" } g
.join_info .information .email > * { float:left; } 
.join_info .information .email > .form_select { width:164px; margin:0 0 0 12px; } 
.join_info .information .email > div:first-child+div { margin-left:2px; } 
.join_info .information .email + p { margin-top:12px; font-size:13px; color:#666; } 
.join_info .btn_area { padding:64px 0 0; } 

.join_service { width:1180px; margin:80px auto 0; } 
.join_service .service { overflow:hidden; margin:0 0 80px; border:1px solid #e1e1e1; } 
.join_service .service li { float:left; padding:39px 40px 31px; border-left:1px solid #e1e1e1; } 
.join_service .service .service1 { width:308px; border-left:0; } 
.join_service .service .service2 { width:320px; } 
.join_service .service .service3 { width:308px; } 
.join_service .service strong { display:block; margin:0 0 15px; font-size:15px; font-weight:normal; color:#000; } 
.join_service .service p { font-size:13px; line-height:1.8; color:#666; } 
.join_service .service .service1 p { background:url(/image/icon/icon_service_01.png) no-repeat 100% 100%; } 
.join_service .service .service2 p { background:url(/image/icon/icon_service_02.png) no-repeat 100% 100%; } 
.join_service .service .service3 p { background:url(/image/icon/icon_service_03.png) no-repeat 100% 100%; } 

/*.form_agree { padding-top:20px; } */
.form_agree.type_1 { padding-top:20px; } 
.form_agree h2 { float:left; margin-top:3px; font-size:15px; } 
.form_agree .agree_inner { overflow:hidden; padding:20px 0 20px 20px; background:#fafafa; } 
.form_agree .agree_group { margin:0 0 0 244px; } 
.form_agree .agree_group:after { display:block; clear:both; content:""; } 
.form_agree .agree_group li { float:left; width:380px; margin:0 0 16px; } 
.form_agree .agree_group li:first-child + li + li { clear:both; margin:0; } 
.form_agree .agree_group li.txt1 { float:left; width:350px; margin:0 0 16px 30px; } 
.form_agree .agree_group .checkbox label { font-size:13px; } 
.form_agree .agree_group .link_layer { display:inline-block; margin-left:5px; } 
.form_agree .checkbox + .hcbtn4 { margin:0 0 0 5px; } 
.form_agree .essential { font-size:13px; color:#fc3636; } 
.form_agree .essential span { padding-left:8px; background:url(/image/common/bul_list_04.png) no-repeat 1px 3px; } 
.form_agree .error_txt { font-size:13px; } 

/* 로그인 */
.login_area {width:792px; margin:0 auto}
.login .login_tab { position:relative; padding-top:116px; } 
.login .login_tab h3 { position:absolute; overflow:hidden} 
.login .login_tab li:after {content:''; display:none; position:absolute; left:0; top:0; font-size:24px; font-weight:bold; color:#000; line-height:32px}
.login .login_tab li:nth-child(1):after {content:'PIN번호'} 
.login .login_tab li:nth-child(2):after {content:'아이디'} 
.login .login_tab li:nth-child(3):after {content:'공인인증서'} 
/* .login .login_tab li h3 {width:calc(50% - 8px); top:52px}  */
.login .login_tab li h3 {width:258px; top:52px} 
/* .login .login_tab li:first-child h3 {left:0; width:calc(50% - 8px)} 
.login .login_tab li:first-child+li h3 {right:0}  */
.login .login_tab li:nth-child(2) h3 {left:267px}
.login .login_tab li:last-child h3 {right:0}
.login .login_tab h3 a { display:block; position:relative; font-size:20px; font-weight:500; color:#000 } 
.login .login_tab h3 a:after {content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.2); border-radius:8px; }
.login .login_tab h3 a span { display:block; height:64px; line-height:64px; text-align:center }
.login .login_tab li.on:after {display:block} 
.login .login_tab li.on h3 a {font-weight:bold}
.login .login_tab li.on h3 a:after {border:2px solid #000}
.login .login_tab .login_inner { display:none; } 
.login .login_tab .on .login_inner { display:block; } 

.login .content { width:1180px; margin:0 auto; } 
.login .sub_tab_cate1 > li > a, .sub_tab_type_1 > li > a > span, .sub_tab_type_2 > li > a > span { height:46px; line-height:46px; } 
.login .login_form { /* padding:80px 0; */ margin-top:52px; /*  text-align:center; */ } 
.login .login_form.type2 { padding:70px 0; text-align:center; } 
.login .title_txt { font-size:41px; line-height:56px; color:#000; } 
.login .title_txt + p { padding:17px 0 35px; font-size:15px; line-height:22px; color:#666; } 
.login .qrcode { margin-bottom:20px; } 
.login .login_form_area { position:relative; } 
.login .login_form_area .error_txt_area { text-align:left; padding-left:300px; } 
.login .login_form_area .error_txt_area .error_txt.show { display:inline-block; } 
/* .login .input_button_area {} 
.login .input_button_area:after { display:block; clear:both; content:""; } 
.login .input_button_area > button { float:left; margin-left:10px; }  */
/* .login .id_password_input { float:left; }  */
.login .id_password_input p .span_placeholder { position:absolute; top:5px; left:20px; font-size:15px; line-height:40px; color:#999; } 
.login .id_password_input p { margin-bottom:0; text-align:left; } 
.login .id_password_input p:first-child { margin-bottom:10px; } 
/* .login .id_password_input input[type=text],
.login .id_password_input input[type=password] { height:21px; padding:14px 0 11px 10px; margin-left:10px; } 
.login .id_password_input input[type=password] { width:263px; border-right: 0; }  */
.login .id_password_input .hcbtn_mouse #btn_keypad { width:48px; height:46px; line-height:46px; } 
.login .id_password_input div.hcbtn.mouse { width: 46px; height: 46px; border-left: 0; } 
.login .id_password_input div.hcbtn.keyboard { width: 46px; height: 46px; border-left: 0; } 


.login .inquery_box2.type2 { border:1px solid #e1e1e1; background:none; } 
.login .inquery_box2.type2 .row #btn_keypad { margin-left:10px; margin-right:6px; } 
.login .inquery_box2 .row { display:block; margin:10px 0 0 0; } 
.login .inquery_box2 .row:first-child { margin:0; } 
.login .inquery_box2 > .row > h3.inquery_title { position:relative; display:inline-block; border:0 !important; left:0px !important; margin:0 10px 0 0; color:#000; font-size:15px; vertical-align:middle; } 
.login .inquery_box2 .row button { margin-left:5px; } 
.login .inquery_box2 .row a { margin-left:6px; } 
.login .helf_btn_area { margin-top:12px; } 
.login .helf_btn_area:after {content:''; display:block; clear:both}
.login .helf_btn_area .btn_area {float:left} 
.login .helf_btn_area .btn_area li ~ li { margin-left:12px; } 
.login .helf_btn_area .guide { float:right} 
.login .qrcode_input > button { margin-left:7px; } 
.login .login_desc { padding-top:230px; /* border-top:1px solid #f0f0f0; */ } 
.login .login_desc > h3 { position:relative; padding:0 0 10px 0; border:0px !important; } 
.login .login_desc ul:after { display:block; clear:both; content:"" } 
.login .login_desc li {box-sizing:border-box}
.login .login_desc li p { font-size:14px; color:#333; line-height:20px; font-weight:500} 
.login .login_desc li p ~ a {margin-top:16px}
.login .desc_type1 li { float:left; width:50%; padding:0 15px 0 15px} 
.login .desc_type1 li ~ li { float:left; width:50%; padding:0 15px 0 25px} 
/* .login .desc_type1 li div { padding-right:20px; } 
.login .desc_type1 li + li div { padding-left:40px; }  */

.login .desc_type2:after { display:block; clear:both; content:"" } 
.login .desc_type2 li { float:left; width:25%; } 
.login .desc_type2 li > div { padding-left:20px; } 
.login .desc_type2 li:first-child > div { padding-left:0; } 

.login > .relation_banner .banner_area .inner { overflow:hidden; width:964px; padding:20px 34px 0 34px; border:1px solid #e1e1e1; } 
.login > .relation_banner .banner_area h2 { display:block; padding-top:14px; margin:0 0 0; line-height:22px; font-size:15px; color:#111; } 
.login > .relation_banner .banner_area h2 > strong { font-weight:normal; font-family:"YouandiModernHEB"; } 
.login > .relation_banner .banner_area p { font-size:13px; color:#666; margin:0 0 12px; line-height:22px; } 
.login > .relation_banner.type1 .banner_area li { clear:both; margin:0 0 0 0px; } 
.login > .relation_banner.type1 .inner { position:relative; } 
.login > .relation_banner.type1 p { margin:0; padding-bottom:40px; } 
.login > .relation_banner.type1 ul.link_list { overflow:hidden; padding:0; } 
.login > .relation_banner.type1 ul.link_list li { width:100%; position:relative; padding:0; } 
.login > .relation_banner.type1 ul.link_list li a { position:absolute; top:20px; right:0px; line-height:18px; } 

.login .cert_input { float:left; } 
.login .cert_input p:first-child { margin-bottom:10px; } 
/* .login .id_password_input input[type=text],
.login .cert_input input[type=password] { height:21px; padding:14px 0 11px 11px; }  */
.login .cert_input .hcbtn.mouse { float:right; width:48px; height:48px; margin-left:6px; background-position:-72px -16px; } 
.login .store_password { position:relative; } 
.login .store_password .helf_txt { position:absolute; top:-10px; left:310px; } 
.login .store_password .radioType2 { padding-top:10px; } 
.login .login_desc.type1 { border-top:0 none; } 
/* .login .desc_type1 li { float:left; width:50%; } 
.login .desc_type1 li div { padding-right:20px; } 
.login .desc_type1 li + li div { padding-left:40px; }  */
/* .login .helf_btn_area .btn_area.type1 { width:300px; }  */

.login .login_pin {position:relative; margin-top:108px; text-align:center}
.login .login_pin p.copy {font-size:28px; line-height:36px; font-weight:bold}
.login .login_pin .btns_area {margin-top:120px}
.login .login_pin .btns_area ~ .link {margin-top:10px}
.login .login_pin .link {display:inline-block; font-size:14px; font-weight:bold; line-height:20px; padding-right:16px; background:url(/docfiles/store/images/common/ico_arrowB_forward.png) 100% 50% no-repeat; background-size:16px}
.login .login_pin.input_pin .btns_area {margin-top:55px}
.login .login_pin.input_pin .input {position:relative; width:180px; height:40px; margin:26px auto 0}
.login .login_pin.input_pin .input input {position:absolute;top:0;left:0;border:0; background:transparent; font-size:56px; width:100%; padding:0 10px 10px; height:40px; letter-spacing:.05em}
.login .login_pin.input_pin .input .dummy {opacity:.5}
.ie .login .login_pin.input_pin .input input { font-size:20px; letter-spacing:0.4em; }
.login .login_pin.input_pin .input .inp {position:absolute; left:0; top:0}
.login .login_pin.not_support .support {width:338px; margin:36px auto 0; padding:24px; border-radius:8px; background-color:#f5f5f5;}
.login .login_pin.not_support .support p {font-size:14px; line-height:20px; font-weight:bold}
.login .login_pin.not_support .support p ~ p {color:#5c5c5c; font-weight:500}
.login .login_pin.not_support .support .vendor {margin:24px 0 12px; height:32px; background:url(/docfiles/store/images/content/ico_browser.png) 50% 0 no-repeat; background-size:auto 32px}
.login .ui-pinpad-wrap { position:absolute; top:160px; left:50%; transform:translateX(-50%); }

.login .box_fold dl dt { color:#666; padding:10px 0 0 0; } 
.login .box_fold dl dd { color:#666; padding:5px 0 0 0; } 
.idpass .btn_info { margin:0 auto -20px; text-align:center; } 
.idpass .list_info_1 li.lh1 { padding-bottom:30px; } 
.idpass .list_info_1.type_5 { margin-bottom:30px; } 
.idpass .store_password { position:relative; } 
.idpass .store_password span.helf_txt { position:absolute; top:-5px; right:180px; } 
.idpass .store_password .radioType2 { padding-top:10px; } 
.store_search { padding:20px 0 20px 0; } 
.store_search input[type=text] { width: 335px; }


/* 메뉴탭 */
.menulist_tab { position:relative; padding-top:48px; } 
.menulist_tab:after { display:block; content:''; clear:both; } 
.menulist_tab h2 { position:absolute; } 
.menulist_tab li:first-child h2 { top:0; left:0; } 
.menulist_tab li:first-child+li h2 { top:0; left:517px; } 
.menulist_tab h2 a { display:block; font-size:15px; background:#fff; color:#000; border:1px solid #e1e1e1; } 
.menulist_tab h2 a span { display:block; width:516px; height:46px; line-height:46px; text-align:center } 
.menulist_tab .menulist_inner { display:none; width:1032px; } 
.menulist_tab > li.on .menulist_inner { display:block; } 
.menulist_tab > li.on h2 { border:1px solid #1e75d6; z-index:1 } 
.menulist_tab > li.on h2 a { font-family:'YouandiModernHEB'; background:#1e75d6; color:#fff; border:0px; } 
.menulist_tab > li.on > h2 a:hover,
.menulist_tab > li.on > h2 a:hover > span,
.menulist_tab > li.on > h2 a:hover > span { background:#1e75d6; color:#fff; } 
.menulist_tab > li > h2 a:hover,
.menulist_tab > li > h2 a:hover > span,
.menulist_tab > li > h2 a:hover > span { background:#ebebeb; color:#1e75d6 } 
.menulist_tab.tab_w3n li:first-child h2 { top:0; left:0; } 
.menulist_tab.tab_w3n li:first-child+li h2 { top:0; left:343px; } 
.menulist_tab.tab_w3n li:first-child+li+li h2 { top:0; left:686px; } 
.menulist_tab.tab_w3n h2 a { display:block; font-size:15px; background:#fff; color:#000; border:1px solid #e1e1e1; } 
.menulist_tab.tab_w3n h2 a span { display:block; width:342px; height:46px; line-height:46px; text-align:center } 
.menulist_tab .box_content { display:none; width:1032px; } 
.menulist_tab .on .box_content { display:block; } 

/* 자주하는 질문 상단 검색 */
.cs_top_search {margin-bottom:56px; /*  margin:-20px 0 40px 0; text-align:center;  */} 
.cs_top_search:after {content:''; display:block; clear:both}
/* .cs_top_search.type2 { margin-top:10px; } 
.cs_top_search.type_1 input[type='text'] { width:406px; }  */
.cs_top_search fieldset > * {float:left}
.cs_top_search input[type='text'] { width:360px; border-width:2px} 
/* .cs_top_search input.input256[type='text'] { width:240px; } 
.cs_top_search input.input250[type='text'] { width:240px; }  */
/* .cs_top_search input + button { margin:0 1px 0 7px; }  */
.cs_top_search input + button {margin-left:8px}
.cs_top_search .search_result { padding:40px 0 0; margin-bottom:-2px; font-size:21px; color:#000; } 
.cs_top_search .search_result em { color:#1e75d6; } 

/* 게시판 스타일 */
.board_top_search { text-align:center; } 
.board_top_search fieldset { padding-right:5px; } 
.board_top_search fieldset > span { margin:0 10px 0 5px; } 
.board_top_search fieldset > button { min-width:auto; padding:0 0 0 29px; } 
.board_top_search fieldset > button span { padding:0 29px 0 0; } 
.board_top_search.type2 { text-align:right; padding-bottom:20px; } 

.board_bottom_search { margin-top:40px; text-align:center; } 
.board_bottom_search.type_1 { float:right; width:350px; margin-top:0; font-size:0; } 
.board_bottom_search fieldset { padding-right:5px; } 
.board_bottom_search.type_1 fieldset { padding:0; } 
.board_bottom_search input[type=text] { margin-right:8px; } 
.board_bottom_search.type_1 input[type=text] { width:242px; margin-right:12px; } 

.board_in_search { margin-bottom:20px; } 
.board_in_search .form_select { margin-right:8px; vertical-align:top; } 

.board_header { /* padding:16px 64px 15px; */ padding:22px 24px 26px; border-top:2px solid #000; border-bottom:1px solid #ebebeb; } 
/* .board_header.type2 { margin-top:40px; }  */
.board_header:after { display:block; content:''; clear:both; } 
.board_header .title {float:left; width:calc(100% - 120px); font-size:16px; line-height:22px; font-weight:bold;} 
.board_header .date {/* width:104px; */ float:right; /* margin-top:6px;  */font-size:16px; font-weight:500; color:#5c5c5c } 
/* .board_header .title { width:530px; } 
.board_header .date { width:374px; text-align:right; }  */
.board_header .date .bar { display:inline-block; width:2px; height:11px; line-height:0; background:#ededed !important; overflow:hidden; } 
.board_header .date .hcbtn6 { margin:-2px 0 2px 6px; } 

.board_content { /* width:904px; padding:40px 64px; border-bottom:1px solid #e1e1e1; */ padding:36px 24px; border-bottom:1px solid #ebebeb; font-size:16px; color:#5c5c5c; line-height:22px; overflow:hidden; } /* 2023-01-17 Q20016 현재 가이드에 맞게 수정(font-weight:500 삭제) */
.board_content.type1 { width:100%; padding:0; } 
.board_content.type2 { background:#fafafa; } 
.board_content.type3 { padding-bottom:0; border-bottom:0; } 
.board_content .sub_info_text2 + .sub_info_text2 { margin-top:30px; } 
.board_content .a_box { border-top:1px solid #f0f0f0; background:#fafafa; } 
.board_content .q_box,
.board_content .a_box { position:relative; padding:43px 64px 48px 152px; } 
.board_content .a_box + .q_box { border-top:1px solid #f0f0f0; } 
.board_content .q_box.type2 { position:relative; padding:40px 0 34px 213px; } 
.board_content .q_box.type2:before { position:absolute; top:48px; left:64px; width:10px; height:10px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; content:''; } 
.board_content .a_box.type2 { padding:40px 0 34px 213px; } 
.board_content .ico_area { position:absolute; top:46px; left:64px; } 
.board_content .ico_area.type1 { left:88px; top:45px; }

/* 2023-01-17 Q20016 가맹점 공지 신규 가이드 적용 */
.board_content .btn_link {margin-top: 12px;} 
.board_content .discussion_detail {margin-top: 80px;} 
.board_content .discussion_detail h3 {font-size: 20px; color: #000; font-weight: bold;} 
.board_content .discussion_detail [class^="bul_"][class*="list"], [class^="dash_"][class*="list"] {margin-top: 24px;}
.board_content .discussion_detail [class^="bul_"][class*="list"] > li, [class^="dash_"][class*="list"] > li {font-size:18px; font-weight: 500; line-height: 26px; color: #000;}
.board_content .discussion_detail [class^="bul_"][class*="list"] > li:before {top: 12px; background: #000;}
.board_content .discussion_detail [class^="bul_"][class*="list"] > li + li, [class^="dash_"][class*="list"] > li + li {margin-top: 14px;}
/* //2023-01-17 Q20016 가맹점 공지 신규 가이드 적용 */

.board_prevNext li.list { padding:19px 64px; border-bottom:1px solid #e1e1e1; } 
.board_prevNext li.list:after { display:block; content:''; clear:both; } 
.board_prevNext li.list .info { float:left; width:100px; font-size:15px; color:#1e75d6; background:url("/image/bg/bg_prevNext.png") no-repeat 46px -49px; } 
.board_prevNext li.list:first-child .info { background-position:46px 5px; } 
.board_prevNext li.list .title { float:left; width:700px; font-size:15px; } 
.board_prevNext li.list .date { float:right; font-size:15px; color:#666; } 

.wrap_list_docs .list_docs {border-top:2px solid #000}
.wrap_list_docs .list_docs li.section {display:table; width:100%}
.wrap_list_docs .list_docs li.section ~ li.section {border-top:1px solid #ebebeb}
.wrap_list_docs .list_docs li.section .list_view {display:table-row}
.wrap_list_docs .list_docs li.section .list_view .bind_item,
.wrap_list_docs .list_docs li.section .list_view .item_amount {display:table-cell; padding:39px 24px; vertical-align:middle}
.wrap_list_docs .list_docs li.section .list_view .bind_item .item_date {width:180px; font-size:20px; font-weight:bold; line-height:26px; color:#5c5c5c}
.wrap_list_docs .list_docs li.section .list_view .bind_item .item_place strong {font-size:20px; font-weight:bold; line-height:26px}
.wrap_list_docs .list_docs li.section .list_view .bind_item .item_place p {margin-top:12px; font-size:14px; font-weight:500; line-height:20px; color:#858585}
.wrap_list_docs .btn_form {display:block; width:100%; margin-top:43px}
.wrap_list_docs .list_docs li.section .list_view .item_amount a {display:inline-block; font-size:14px; font-weight:bold; color:#0070f0; padding-right:20px}
/* 고객센터 상세 */
.section-primary { overflow:hidden; width:904px; padding:40px 64px; border-bottom:1px solid #e1e1e1; line-height:24px; } 
.section-primary.culture-detail { padding:0; border:0; } 
.section-primary .summary-info { display:none; } 
.section-primary h2.tit-type2,
.section-primary h3.tit-type2,
.section-primary h4.tit-type2,
.section-primary h5.tit-type2,
.section-primary h6.tit-type2,
.section-primary p.tit-type2,
.section-primary .tit-type2 .heading { padding:10px 0; color:#666; font-family:'YouandiModernHEB'; font-size:15px; font-weight:normal; line-height:20px; } 
.section-primary .txt-type2 strong,
.section-primary .txt-type2 em,
.section-primary .txt-type2 a { color:#666; font-family:'YouandiModernHEB'; font-weight:normal; } 
.section-primary .txt-type2 { color:#666; } 
.section-primary .txt-con2 { color:#666; } 
.section-primary h3.heading { margin:0 0 8px; font-size:16px; font-weight: 700; color: #000; } /* 2023-01-17 Q20016 현재 가이드에 맞게 스타일 수정 */
.section-primary .list + .list { margin:32px 0 0; } /* 2023-01-17 Q20016 현재 가이드에 맞게 간격 수정 */
.section-primary .line_box1 { border:1px solid #e1e1e1; padding:23px; } /* 2024-06-21 GGU282 - 추가 */

.customer_img { margin:15px 0 0; } 

/*카드 고객 센터 스타일 추가*/
.section-primary.culture-detail { position:relative; border:0; } 
.btn-right +.txt-con2,
.summary-info + .txt-con2,
.list-con1.txt-con2 { margin-top:0 !important; } 
.btn-type1 a { float:left; margin-left:20px; position: relative; font-size: 13px; color: #1e75d6; background: none; line-height: 14px; } 
.btn-type1 a:after { content:">"; padding-left:2px; } 
.btn-type1 a:hover:before { display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background-color:#1e75d6; content:''; } 
.btn-type1.btn1-arr a:after { content:""; padding-right: 14px; background: url(/image/card/card_detail/arrow_hcbtn1.png) no-repeat right 1px; } 
.btn-right { position:absolute; right:0; top:0; } 
.btn-right:after { display:block; content:""; clear:both; } 


/* 자주하는 질문 열고 닫기 */
/* .qna_section { margin-top:0; } 
.qna_section.first { margin-top:20px; } 
.qna_section.second { margin-top:80px; }  */

/* .qna_list { border-top:2px solid #555; border-bottom:1px solid #e1e1e1; margin-bottom:-1px; } 
.qna_list.type2 { border-top:0 none; }  */

.item_list .qusetion_article { padding:0 22px 0 26px; border-bottom:1px solid #ebebeb; } 
.item_list.on .qusetion_article { border-bottom:0 none; } 
/* .item_list .qusetion_article a > small { display:block; font-size:13px; color:#666; } 
.item_list.on .qusetion_article a > small { font-family: 'YouandiModernTR'; }  */
.item_list .qusetion { display:block; position:relative; padding:20px 0 18px 0; color:#000; font-size:16px; font-weight:bold; line-height:22px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } 
.item_list .qusetion:after {content:'';  position:absolute; right:0; top:50%; margin-top:-12px; width:24px; height:24px; opacity:.64; background:url(/docfiles/store/images/common/ico_arrowB_down.png) no-repeat 100% 50%; background-size:24px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; } 
/* .item_list.on .qusetion { background:url(/image/common/arrow_close_02.png) no-repeat 100% 50%;}  */
.item_list.on .qusetion:after {transform:rotate(180deg)}
.item_list .answer_article { display:none; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:36px 24px; color:#5c5c5c; font-size:16px; line-height:22px; } 
.item_list .answer_article strong,
.item_list .answer_article th { font-weight:normal; } 
.item_list .answer_article .hcbtn1 { margin:16px 0 0 0; } 
.item_list .answer_article .hcbtn1.type1 { margin:0 0 0 5px; } 
.item_list .answer_article .sub_info_text1 { margin-bottom:-6px; color:#666; font-size:15px; line-height:22px; } 
.item_list .answer_article .sub_info_text1.type_1 { margin:10px 0; color:#000; font-size:15px; line-height:22px; } 
.item_list .answer_article.scroll_content { height:750px; overflow-y:auto; } 
.item_list .answer_article strong.sub_title3 { color:#000; font-size:15px; } 
.item_list .answer_article strong.sub_title3.type1 { margin-top:20px; margin-bottom:10px; } 
.item_list .answer_article h4 { font-size:15px; }

.qna_section .more_load {display:block; width:100%; margin-top:50px}
.board_list { border-top:2px solid #000; } 
/* .board_list.type1 { border-top:1px solid #f0f0f0; } 
.board_list.type2 { border-top:0; }  */
.board_list li.list { padding:22px 24px 26px; /* border-top:1px solid #f0f0f0; */ line-height:22px; } 
.board_list li.list ~ li.list {border-top:1px solid #ebebeb;}
/* .board_list li.list:first-child { border:0; }  */
.board_list li.list:after { display:block; content:''; clear:both; } 
.board_list li.list.on .tit { float:left; width:800px; } 
.board_list li.list.on .tit a { display:block; /* color:#000; */ font-size:16px; font-weight:bold; line-height:22px; /* font-family: 'YouandiModernHEB';  */} 
.board_list li.list .tit { float:left; width:800px; } 
.board_list li.list .tit a { display:block; /* color:#000; */ font-size:16px; font-weight:bold; line-height:22px;} 
.board_list li.list .tit a .notice { color:#1e75d6; } 
.board_list li.list .date { float:right; /* display:inline-block; */ width:104px; text-align:right; font-size:16px; color:#5c5c5c; font-weight:500; } 

/* 영업점안내 */
.branch_section { border-bottom:0px solid #e1e1e1; } 
.branch_section + .view_more_btn { position:relative; top:-1px; } 
.branch_section .list { padding:0 64px 19px 64px; border-bottom:1px solid #e1e1e1; } 
.branch_section .list.on { margin-bottom:40px; padding-bottom:0; border-bottom:none; } 
.branch_section .list:after { display:block; content:''; clear:both; } 
.branch_section .list .location_article { position:relative; margin:20px 0 2px; } 
.branch_section .list .location_article .name { display:block; margin-bottom:11px; font-weight:normal; font-size:15px; } 
.branch_section .list.on .location_article .name { font-family: 'YouandiModernHEB'; } 
.branch_section .list .location_article .location { display:block; margin-bottom:4px; color:#666; font-size:13px; } 
.branch_section .list .location_article .sub_info_text1 { color:#666; font-size:13px; } 
.branch_section .list .location_article .btn_map { position:absolute; top:2px; right:0; height:22px; padding:0 23px 0 8px; border:1px solid #e5e5e5; background:url("/image/common/arrow_open_06.png") no-repeat 88% -6px; color:#666; font-size:12px; line-height:22px; overflow:hidden; } 
.branch_section .list.on .location_article .btn_map { background-position: 88% 8px; } 
.branch_section .list .map_article { display:none; padding:10px 0 0 0; } 
.branch_section .list .map_article .map_img { width:100%; height:360px; overflow:hidden; } 

/* 이용약관 */
.content_agreement .area_agreement {padding:36px 0}
.content_agreement .area_agreement .con-type2 {margin-top:0 !important; padding-bottom:0 !important; border-bottom:0}
.content_agreement .area_agreement .con-type2 > ol > li ~ li {margin-top:32px}
.content_agreement .area_agreement .con-type2 > ol > li > .tit {margin:0; font-size:20px; line-height:26px}
.content_agreement .area_agreement .con-type2 > ol > li > .tit + p,
.content_agreement .area_agreement .con-type2 > ol > li > .tit + ul {margin-top:13px}
.content_agreement .area_agreement .con-type2 > p,
.content_agreement .area_agreement .con-type2 > ol > li > p,
.content_agreement .area_agreement .con-type2 > ol > li > ul li {font-size:16px; line-height:22px; color:#5c5c5c}
.content_agreement .area_agreement .tit-type1,
.content_agreement .area_agreement .con-type2 > p.tit {font-size:24px; line-height:32px; font-weight:bold}
.content_agreement .area_agreement .con-type2 > p.tit + ol {margin-top:24px}
.content_agreement .area_agreement .tit-type1 {color:#000; margin:0; border-bottom:0}
.content_agreement .area_agreement .tit-type1 + .con-type2 {margin-top:13px !important}
/* .content_agreement .area_agreement .tit-type1 + .con-type2 p:first-child {padding-top:11px} */
.content_agreement .area_agreement .tit-type1 + .con-type2 p:first-child + ol {margin-top:32px}
.content_agreement .area_agreement .tit-type1 ~ .wrap,
.content_agreement .area_agreement .tit-type1 ~ .tit-type1 {margin-top:48px}
.content_agreement .area_agreement .tit-type1 + .tit {font-size:20px; line-height:26px; font-weight:bold; margin-top:36px}
.content_agreement .area_agreement .wrap .tit-type1 + .form-agree {margin-top:24px}
.content_agreement .agree_search {padding:24px 0; border-top:1px solid #000; border-bottom:1px solid #000}
.agree_section { border-top:2px solid #000; } 
.agree_section .agree_list {border-bottom:1px solid #e0e0e0}
.agree_section .agree_list li.list {padding:21px 24px}
.agree_section .agree_list li.list ~ li.list {border-top:1px solid #ebebeb}
.agree_section .agree_list li.list:after {content:''; display:block; clear:both}
.agree_section .agree_list li.list > strong {float:left; width:420px; font-size:16px; line-height:22px} 
.agree_section .agree_list li.list > div {float:right; width:calc(100% - 420px)} 
.agree_section .agree_list li.list > div p {font-size:16px; line-height:22px; font-weight:500; color:#5c5c5c}
.agree_section .agree_list li.list > div p ~ .btn_link {margin-top:11px}
.agree_search { padding-bottom:20px; border-bottom:2px solid #555; } 
.agree_search.type2 { margin-top:32px; } 
.agree_search:after { display:block; clear:both; visibility:hidden; height:0; content:''; } 
.agree_search fieldset { float:right; vertical-align:top; } 
.agree_search fieldset:first-child { float:left; } 
.agree_search label { display:inline-block; margin-right:8px; font-size:13px; color:#666; vertical-align:middle; } 
.agree_search .form_select { vertical-align:middle; } 
.agree_search .hcbtn_midium { margin:0 0 0 9px; vertical-align:middle; } 

.agree_section.type_1 { border-top:0 none; } 
.agree_section.type_1 .agree_list { padding: 0 64px; } 
.agree_section.type_1 li.list { width:440px; } 
.agree_section.type_1 li.list:first-child { margin-right:19px; } 

.list_info_1 > li.box_content { clear:both; min-height:auto; margin-bottom:15px; padding:26px 0 24px 264px; background:#fafafa; } 
.box_content .checkbox { display:inline-block; vertical-align:middle; } 
.box_content .checkbox label { font-size:13px; vertical-align:middle; } 
.box_content .link_layer { display:inline-block; vertical-align:middle; } 
/*.box_content .error_txt { display:block; margin-bottom:6px; } */

/* 목록 타입 */
.sub_info_list1 { color:#666; font-size:15px; line-height:24px; } 
.sub_info_list1 dt { margin:26px 0 10px 0; padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#000; line-height:24px; } 
.sub_info_list1 dt:first-child { margin-top:0; } 
.sub_info_list1 dd { padding-left:10px; color:#666; font-size:13px; } 
.sub_info_list1 li { margin:37px 0 0 0; color:#000; padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#000; line-height:24px; } 
.sub_info_list1 li:first-child { margin:0; } 
.sub_info_list1 + .sub_info_list1 li { margin:37px 0 0 0; } 
.sub_info_list1 > p { margin:37px 0 0 0; padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#000; line-height:24px; } 
.sub_info_list1 > p:first-child { margin:0; } 

.sub_info_list2 { margin:40px 0 0 0; color:#666; font-size:15px; line-height:24px; } 
.sub_info_list2 .title { margin:40px 0 17px 0; padding:37px 0 0 0; border-top:1px solid #e1e1e1; color:#000; font-size:21px; line-height:24px; } 
.sub_info_list2 .title:first-child { margin-top:-3px; padding:0; border-top:0 none; } 
.sub_info_list2 .title.type_1 { border-top:0 none; } 
.sub_info_list2 .title + .list_style04 { margin-top:-5px; } 
.sub_info_list2 .list { padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#666; font-size:15px; } 
.sub_info_list2 .list_style04 + .btn_list { margin:14px 0 -7px 8px; } 
.sub_info_list2 .btn_list:after { display:block; content:''; clear:both; } 
.sub_info_list2 .btn_list .hcbtn1 { margin:0 20px 0 0; } 

.sub_info_list3 { padding:0 0 20px 0; color:#666; font-size:15px; line-height:24px; } 
.sub_info_list3.first { padding-top:15px; border-top:2px solid #555; } 
.sub_info_list3.second { margin:35px 0 0 0; border-top:0 none; } 
.sub_info_list3.type01 { padding:0; } 
.sub_info_list3.type02 { margin:15px 0 0 0; border-top:0 none } 
.sub_info_list3 .title { margin:35px 0 14px 0; color:#000; font-size:15px; line-height:24px; } 
.sub_info_list3 .title.type1 { font-size:21px; } 
.sub_info_list3 .title:first-child { margin-top:0; padding:0; } 
.sub_info_list3 .title2 { margin:5px 0 0; color:#000; font-size:15px; line-height:24px; } 
.sub_info_list3 .title + .title2 { margin:29px 0 0; } 
.sub_info_list3 .title + .info_box_section { margin-top:14px; } 
.sub_info_list3 .title + .list_style05 { margin-top:4px; } 
.sub_info_list3 .title + .sub_info_text2 { margin-top:-5px; } 
.sub_info_list3 .title + .list_style { margin-top:-5px; } 
.sub_info_list3 .info_box_section + .title { margin-top:15px; } 
.sub_info_list3 .title2 + .sub_info_text1 { margin-top:9px; } 
.sub_info_list3 .title2 + .list_style05 { margin-top:9px; } 
.sub_info_list3 .list_style05 + .title2 { margin-top:26px; } 
.sub_info_list3 .list_style05 .sub_info_text2 { margin:1px 0 0; } 
.sub_info_list3 .sub_info_text1 + .title2 { margin-top:28px; } 
.sub_info_list3 .list { margin:-5px 0 -1px; } 
.sub_info_list3 .list > li { padding-left:10px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#666; font-size:15px; } 
.sub_info_list3 .list_txt { color:#666; font-size:15px; line-height:24px; } 
.sub_info_list3 .hcbtn1 { margin:15px 0 0 10px; } 
.sub_info_list3 .hcbtn1.type2 { margin:15px 10px 0 0; } 
.sub_info_list3 .btn_list { margin:15px 0 0 0; } 
.sub_info_list3 .btn_list:after { display:block; content:''; clear:both; } 
.sub_info_list3 .btn_list .hcbtn1 { margin:0 20px 0 0; } 
.sub_info_list3 .list + .list_style02 { margin-top:9px; } 

.sub_info_list4 > li { padding:0 0 2px 17px; font-size:15px; line-height:24px; } 
.sub_info_list4 .num { display:inline-block; width:17px; margin-left:-17px; } 
.sub_info_list4 a { color:inherit; } 
.sub_info_list4.type2 > li { margin-top:13px; font-size:13px; } 
.sub_info_list4.type2 > li:first-child { margin-top:2px; } 

.sub_info_list6 { margin:40px 0 0 0; color:#666; font-size:15px; line-height:24px; } 
.sub_info_list6 .title { padding:0 0 18px 0; color:#000; font-size:21px; line-height:24px; } 
.sub_info_list6 .list { border-top:2px solid #555; border-bottom:1px solid #e1e1e1; } 
.sub_info_list6 .list li { padding:18px 64px; border-top:1px solid #f0f0f0; color:#000; font-size:15px; } 
.sub_info_list6 .list li:first-child { border-top:0 none; } 
.sub_info_list6 .list li .num { display:inline-block; } 

.box_article:after { display:block; clear:both; visibility:hidden; height:0; content:''; } 
.box_article .info_left_txt { float:left; } 
.box_article .info_right_img { float:right; } 

/* 피싱방지개인화 서비스 */
.img_phishing { margin:14px 0 0; } 
.browser_list { margin-top:0; } 
.browser_list ul { width:1052px; } 
.browser_list ul:after { display:block; content:''; clear:both } 
.browser_list ul > li { float:left; width:243px; margin-right:20px; } 
.browser_list ul > li { padding-top:131px; background:url('/image/customer/img_browser_01.png') no-repeat; } 
.browser_list ul > li:after { display:block; content:''; clear:both } 
.browser_list ul > li.explorer { background-position:0 0; } 
.browser_list ul > li.chrome { background-position:-253px 0; } 
.browser_list ul > li.firefox { background-position:-506px 0; } 
.browser_list ul > li.safari { background-position:-759px 0; } 
.browser_list ul > li.opera { margin-top:40px; background-position:-1011px 0; } 
.browser_list ul > li .hcbtn1 { float:left; margin-top:6px; vertical-align:middle; } 
.browser_list ul > li .btn { float:right; width:60px; height:22px; line-height:23px; border:1px solid #e5e5e5; color:#666; font-size:12px; text-align:center; vertical-align:middle; overflow:hidden; } 

.line_group { margin:0; padding:0; border-bottom:1px solid #e1e1e1; } 
.line_group:after { display:block; content:''; clear:both; } 
.line_group .group_title { float:left; width:200px; padding:16px 0 0 64px; color:#000; font-size:15px; line-height:21px; } 
.line_group .group_title.line_sty { width:176px; } 
.line_group .group_box { float:left; width:704px; padding:15px 64px 15px 0; border-top:0 none; } 
.line_group .group_box_1 { float:left; width:790px; padding:0px; border-top:0 none; border-left:1px solid #f0f0f0; } 
.line_group .group_box_2 { float:left; width:768px; padding:15px 0; border-top:0 none; } 
.line_group .group_box.line_sty01 { width:700px; padding:15px 64px 15px 25px; border-left:1px solid #f0f0f0; } 
.line_group .list_common { padding:20px 64px; color:#666; font-size:15px; line-height:22px; } 
.line_group .list_common2 { color:#666; font-size:13px; line-height:22px; } 
.line_group .list dt { margin:0 0 15px 0; color:#666; font-size:15px; } 
.line_group .list dd,
.line_group .list li { padding-left:7px; background:url(/image/common/bul_list_01.png) no-repeat 0 9px; color:#666; font-size:13px; line-height:22px; } 
.line_group .list li:first-child { margin:15px 0 0 0; } 
.line_group .list2 { margin:0; } 
.line_group .list2 li { padding:0 0 2px 17px; color:#666; font-size:15px; line-height:22px; } 
.line_group .list2 .num { display:inline-block; width:17px; margin-left:-17px; } 
.line_group .list2 a { color:inherit; } 

/* 개인 PC방화벽 */
.pc_security { margin-top:10px; } 
.pc_security li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.pc_security li:first-child { margin-top:0; } 
.pc_security li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/*ErrorPage*/
.store .area_content .box_content .error_page { width:100%; margin:80px auto 120px; text-align:center } 
.store .area_content .box_content .error_page.type2 { margin-bottom:0; } 
.store .store_title_txt { margin:60px 0 0; font-weight:700; font-size:28px; line-height:36px; color:#000; } 
.store .store_desc_txt { margin:23px 0 0; font-weight:500; font-size:16px; color:#858585; line-height:22px; } 
.store .btn_area { margin:34px 0 0; } 
.store .btn_area.type1 { margin:0; } 
.store .btn_area.type2 { margin:54px 0 0 0; }
.error_page .btn_area { margin-top:80px; } 
.error_page .hcbtn_xlarge.type2 { min-width:300px; height:64px; display:flex; display:-webkit-flex; display:-ms-flexbox; align-items:center; justify-content:center; }
.error_page .hcbtn_xlarge.type2 span { min-width:auto; height:auto; font-size:20px; line-height:26px; }

div[class^='section_'] .content_error {text-align:center}
div[class^='section_'] .content_error .btns_area {margin-top:80px}
div[class^='section_'] .content_error .store_title_txt {margin-top:60px; font-size:28px; line-height:36px; font-weight:bold}
div[class^='section_'] .content_error .store_desc_txt {margin-top:24px}
div[class^='section_'] .content_error .store_desc_txt p {font-size:16px; line-height:22px; color:#858585; font-weight:500}

.box_content .sub_info_text1 { padding:0; color:#666; font-size:15px; line-height:24px; } 
.box_content .sub_info_text1_1 { margin-top:10px; color:#666; font-size:15px; line-height:24px; } 
.box_content .sub_info_text1_1.type1 { margin-top:40px; margin-bottom:20px; color:#666; font-size:15px; line-height:24px; } 
.box_content .sub_info_text1_1.type2 { margin-bottom:20px; color:#666; font-size:15px; line-height:24px; } 
.box_content .sub_info_text1_4 { padding-bottom:40px; color:#666; font-size:15px; line-height:24px; } 
.box_content .sub_info_text1_6 { padding:0; color:#666; font-size:13px; line-height:24px; } 
.box_content .sub_info_text2 { padding:0; color:#666; font-size:13px; line-height:24px; } 
.box_content .sub_info_text3 { padding-bottom:10px; color:#666; font-size:15px; line-height:24px; } 
.sub_info_text1_5 { margin-top:40px; margin-bottom:20px; padding-left:64px; } 

.div_info_text { padding-top:40px; border-top:2px solid #555; } 
.hcbtn_right { float:right; } 
.txt_info1 { padding-bottom:40px; margin-top:-35px; font-size:15px; text-align:center; color:#666; } 

.form_select1 { display:inline-block; width:150px; vertical-align:middle; } 
.sub_info_list3 .title2_1 + .sub_info_text1 { margin-top:9px; } 

/*order_info*/
.order_info { border:1px solid #e5e5e5; text-align:center } 
.order_info + .order_info { margin-top:20px; } 
.order_txt { margin:-1px; font-size:15px; color:#fff; background:#999; } 
.order_txt:after { display:block; clear:both; content:"" } 
.order_txt li { float:left; height:47px; line-height:47px; text-align:center; background:url(/image/bg/bg_loan_arrow.png) no-repeat 0 0; } 
.order_txt li:first-child { padding-left:0; background:none; } 
.order_txt.type1 li { width:19%; } 
.order_txt.type1 li:first-child + li + li + li { width:21%; padding-left:10px; } 
.order_txt.type1 li:first-child + li + li + li + li { width:21%; } 
.order_txt.type1.align li { width:17%; padding-left:10px; } 
.order_txt.type1.align li:first-child { width:15%; padding-left:0; } 
.order_txt.type1.align li:first-child + li { padding-left:15px; } 
.order_txt.type1.align li:first-child + li + li + li { width:22%; padding-left:15px; } 
.order_txt.type1.align li:first-child + li + li + li + li { width:25%; padding-left:0; } 
.order_txt.type2 li { width:33.3%; } 
.order_txt.type3 li { width:24.3%; } 
.order_txt.type3 li:first-child + li + li + li { width:27%; } 
.order_txt.type4 li { width:50%; } 
.img_infor { display:inline-block; padding:30px 0 31px 0px; margin:0 auto; } 
.img_infor:after { display:block; clear:both; content:"" } 
.img_infor li { float:left; position:relative; width: 240px; padding-right:15px; font-size:15px; color:#666; } 
.img_infor li:first-child { margin-left:0; } 
.img_infor li p.img { margin-bottom:10px; height:39px; } 
.img_infor li p { margin-top:10px; font-size:13px; line-height:22px; } 
.img_infor li strong { font-weight:normal; color:#000; } 

/* process box */
.process_box { padding:20px 0 35px; border-bottom:1px solid #e1e1e1; } 
.process_box:after { display:block; content:''; clear:both; } 
.process_box > li { position:relative; float:left; padding-top:57px; color:#666; font-size:13px; line-height:20px; text-align:center; } 
.process_box > li:first-child,
.process_box > li.first { background:none; } 
.process_box > li:before { display:block; position:absolute; top:0; left:50%; width:45px; height:45px; margin:0 0 0 -20px; background:url('/store/image/information/icon_customer_1.png') no-repeat; content:''; } 
.process_box.type2 > li { padding-top: 0; } 
.process_box.type2 > li:before { background:none; } 
.process_box.type3 { margin-top:14px; padding:30px 0 35px; border:1px solid #e1e1e1; } 
.process_box.type3 > li { background:none; } 
.process_box.type3 > li:after { position:absolute; left:0; top:0; height:92px; width:1px; background:#f0f0f0; content:''; } 
.process_box.type3 > li:first-child:after { background:none; } 
.process_box.type4 > li { background:none; } 
.process_box.type4 > li:after { position:absolute; left:0; top:0px; height:126px; width:1px; background:#e1e1e1; content:''; } 
.process_box.type4 > li:first-child:after { background:none; } 
.process_box.type5 { padding:15px 0 20px; border-bottom:none; } 
.process_box.type5 + .list_style01 { margin:10px 0 -2px !important; } 
.process_box.type6 { margin-top:0px; padding:40px 0 28px 35px; border:1px solid #e1e1e1; } 
.process_box > li strong { display:block; color:#000; font-size:15px; font-weight:normal; } 
.process_box.w2n > li { width:50%; } 
.process_box.w3n > li { width:33.3%; } 
.process_box.w4n > li { width:25%; } 
.process_box.w5n > li { width:20%; } 
.process_box > li.order01:before { background-position:0 0; } 
.process_box > li.order02:before { background-position:-70px 0; } 
.process_box > li.order02 { background:url('/store/image/information/arrow_right_08.png') no-repeat 0 20%; } 
.process_box > li.order02 > p > .txt { display:block; text-align:left; padding-left:55px; padding-top:7px; } 
.process_box > li.order03:before { background-position:-148px 0; } 
.process_box > li.order03 { background:url('/store/image/information/arrow_right_08.png') no-repeat 0 20%; } 
.process_box > li.order04:before { background-position:-221px 0; } 
.process_box > li.order04 { background:url('/store/image/information/arrow_right_08.png') no-repeat 0 20%; } 
.process_box > li.order05:before { background-position:0 0; } 
.process_box > li.order05 { background:url('/store/image/information/arrow_right_08.png') no-repeat 0 16%; } 
.process_box > li.change01 { width:25%; background-position:0 0; } 
.process_box > li.change01:before { background-position:0 0; } 
.process_box > li.change02 { width:22%; background:url('/store/image/information/arrow_right_08.png') no-repeat 0 46%; } 
.process_box > li.change02:before { background-position:-70px 0; } 
.process_box > li.change03 { width:31%; background:url('/store/image/information/arrow_right_08.png') no-repeat 0 33%; } 
.process_box > li.change03:before { background-position:-148px 0; } 
.process_box > li.change04 { width:22%; background:url('/store/image/information/arrow_right_08.png') no-repeat 0 46%; } 
.process_box > li.change04:before { background-position:-221px 0; } 

.process_box.type1 { margin-bottom:6px; padding:30px 0 0; border:0; background:#fafafa; } 
.process_box.type1 > li { height:78px; padding-top:56px; line-height:22px; } 
.process_box.type1.w3n > li.ico12 { height:46px; } 
.process_info { margin:17px 0 13px; text-align:right; } 
.process_info:after { display:block; content:''; clear:both; } 
.process_info li { display:inline-block; margin-left:10px; font-size:13px; color:#666; } 
.process_info li:before { display:inline-block; margin:-1px 8px 1px 0; width:4px; height:12px; line-height:0; font-size:0; background:#999; content:''; vertical-align:middle; } 
.process_info li:first-child:before { background:#5a7b89; } 

.process_box > li > p { margin-top:13px; margin-bottom:12px; line-height:22px } 

/* process box1 */
.process_box1 { padding:20px 0 35px; border-bottom:1px solid #e1e1e1; } 
.process_box1:after { display:block; content:''; clear:both; } 
.process_box1 > li { position:relative; float:left; padding-top:57px; background:url('/store/image/information/arrow_right_08.png') no-repeat 0 46%; color:#666; font-size:13px; line-height:20px; text-align:center; } 
.process_box1 > li:first-child,
.process_box1 > li.first { background:none; } 
.process_box1 > li:before { display:block; position:absolute; top:0; left:50%; width:40px; height:40px; margin:0 0 0 -20px; background:url('/store/image/information/icon_point_set.png') no-repeat; content:''; } 
.process_box1.type2 > li { padding-top: 0; } 
.process_box1.type2 > li:before { background:none; } 
.process_box1.type3 { margin-top:14px; padding:30px 0 35px; border:1px solid #e1e1e1; } 
.process_box1.type3 > li { background:none; } 
.process_box1.type3 > li:after { position:absolute; left:0; top:0; height:92px; width:1px; background:#f0f0f0; content:''; } 
.process_box1.type3 > li:first-child:after { background:none; } 
.process_box1.type4 > li { background:none; } 
.process_box1.type4 > li:after { position:absolute; left:0; top:0px; height:126px; width:1px; background:#e1e1e1; content:''; } 
.process_box1.type4 > li:first-child:after { background:none; } 
.process_box1.type5 { padding:15px 0 20px; border-bottom:none; } 
.process_box1.type5 + .list_style01 { margin:10px 0 -2px !important; } 
.process_box1.type6 { margin-top:14px; padding:30px 0 35px; border:1px solid #e1e1e1; } 
.process_box1 > li strong { display:block; color:#000; font-size:15px; font-weight:normal; } 
.process_box1.w2n > li { width:50%; } 
.process_box1.w3n > li { width:33.3%; } 
.process_box1.w4n > li { width:25%; } 
.process_box1.w5n > li { width:20%; } 
.process_box1 > li.ico01:before { background-position:0 0; } 
.process_box1 > li.ico02:before { background-position:-80px 0; } 
.process_box1 > li.ico03:before { background-position:-40px 0; } 
.process_box1 > li.ico03.type1 { position:relative; float:left; padding-top:57px; background:url('/store/image/information/arrow_right_08.png') no-repeat 0 33%; color:#666; font-size:13px; line-height:20px; text-align:center; } 
.process_box1 > li.ico04:before { background-position:-120px 0; } 
.process_box1 > li.ico05:before { background-position:-160px 0; } 
.process_box1 > li.ico06:before { background-position:-200px 0; } 
.process_box1 > li.ico07:before { background-position:-240px 0; } 
.process_box1 > li.ico08:before { background-position:-280px 0; } 
.process_box1 > li.ico09:before { background-position:-320px 0; } 
.process_box1 > li.ico10:before { background-position:-360px 0; } 
.process_box1 > li.ico11:before { background-position:-400px 0; } 
.process_box1 > li.ico12:before { background-position:-440px 0; } 

.process_box1 > li.icoa01:before { background-position:0 -60px; } 
.process_box1 > li.icoa02:before { background-position:-41px -60px; } 
.process_box1 > li.icoa03:before { background-position:-95px -60px; } 
.process_box1 > li.icoa04:before { background-position:-41px -60px; } 
.process_box1 > li.icoa05:before { background-position:-148px -60px; } 
.process_box1 > li.icoa06:before { background-position:-41px -60px; } 
.process_box1 > li.icoa07:before { background-position:-190px -60px; } 


.box_list_section .box_list { position:relative; margin:-8px 0 0 -8px; } 
.box_list_section .list { position:relative; float:left; margin:8px 0 0 8px; width:320px; height:132px; border:1px solid #e1e1e1; text-align:center; } 
.box_list_section .list .point_img_box { display:block; margin:0 auto; padding-top:50px; } 

.info_guide_list1 { height:649px; padding:6px 0 0 382px; background:url(/docfiles/store/image/customer/img_guide_01.png) no-repeat; } 
/* s : 개발적용 후 삭제 */
.info_guide_list1 .list_style05 li { margin-bottom:20px; } 
.info_guide_list1 .list_style05 li.no4 { margin-top:50px; } 
/* e : 개발적용 후 삭제 */
.info_guide_list1 .list_style05 { margin-top:93px; } 
.info_guide_list1 .list_style05 li.li2 { margin-top:37px } 
.info_guide_list1 .list_style05 li.li3 { margin-top:182px } 
.info_guide_list1 .list_style05 li.li4 { margin-top:39px } 

/* 윈도우 설치 */
.setup_window { margin-top:10px; } 
.setup_window li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setup_window li:first-child { margin-top:0; } 
.setup_window li.no01:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:url('/store/image/member/win_setup1.png') no-repeat; } 
.setup_window li.no02:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:url('/store/image/member/win_del1.png') no-repeat; } 
.setup_window li.no03:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:url('/store/image/member/win_del2.png') no-repeat; } 

/* 맥OS 설치 */
.setup_mac { margin-top:10px; } 
.setup_mac li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setup_mac li:first-child { margin-top:0; } 
.setup_mac li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/* 리눅스 설치 */
.setup_linux { margin-top:10px; } 
.setup_linux li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setup_linux li:first-child { margin-top:0; } 
.setup_linux li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/* 리눅스 페도라 */
.setup_linux_fedora { margin-top:10px; } 
.setup_linux_fedora li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setup_linux_fedora li:first-child { margin-top:0; } 
.setup_linux_fedora li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/* setting_iex */
.setting_iex_cash { margin-top:10px; } 
.setting_iex_cash li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setting_iex_cash li:first-child { margin-top:0; } 
.setting_iex_cash li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

.setting_iex_ho { margin-top:10px; } 
.setting_iex_ho li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setting_iex_ho li:first-child { margin-top:0; } 
.setting_iex_ho li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/* setting_chrome */
.setting_chrome { margin-top:10px; } 
.setting_chrome li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setting_chrome li:first-child { margin-top:0; } 
.setting_chrome li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/* setting_firefox */
.setting_firefox { margin-top:10px; } 
.setting_firefox li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setting_firefox li:first-child { margin-top:0; } 
.setting_firefox li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/* setting_safari */
.setting_safari { margin-top:10px; } 
.setting_safari li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setting_safari li:first-child { margin-top:0; } 
.setting_safari li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

/* setting_opera */
.setting_opera { margin-top:10px; } 
.setting_opera li { position:relative; height:250px; margin-top:20px; padding-left:464px; } 
.setting_opera li:first-child { margin-top:0; } 
.setting_opera li:before { position:absolute; top:0; left:0; width:440px; height:250px; content:''; background:#f0f0f0; } 

.search_box { margin-top:40px; padding:20px 0px 20px 64px; border:1px solid #e1e1e1; } 
.search_box .sub_info_text1 { margin-top:20px; color:#666; font-size:15px; line-height:24px; } 

.article_txt { margin:-3px 0 15px 0; color:#666; font-size:15px; line-height:22px; } 

/* 공인인증서 등록/삭제 */
.process_list { width:1056px; } 
.content_article .process_list { margin-bottom:-40px; } 
.process_list:after { display:block; content:''; clear:both; } 
.process_list > li { float:left; width:504px; height:335px; margin-right:24px; line-height:24px; } 
.process_list > li strong { position:relative; display:block; width:504px; height:240px; background:#fafafa; } 
.process_list > li strong span { position:absolute; bottom:-39px; left:0; font-weight:normal; color:#000; } 
.process_list > li p { margin-top:37px; font-size:13px; color:#666; } 
.process_list.certificate3 > li { float:left; width:440px; height:338px; margin-right:24px; line-height:24px; } 
.process_list.certificate3 > li strong { position:relative; display:block; width:440px; height:200px; background:#fafafa; } 
.process_list.certificate4 > li { float:left; width:440px; height:320px; margin-right:24px; line-height:24px; } 
.process_list.certificate4 > li strong { position:relative; display:block; width:440px; height:200px; background:#fafafa; } 


/* 안내 텍스트 컨텐츠 */
.guide_section { margin:40px 0 0 0; } 
.guide_section:after { display:block; content:''; clear:both; } 
.guide_section.type1 { margin:0; } 
.guide_section.type2 { margin:40px 0 0 0; } 
.guide_article { padding:20px 0 0 0; border-top:2px solid #555; } 
.guide_article.type2 { padding:20px 64px 0; } 

/* 공인인증서 소개 및 발급 안내 */
.cs_certificate { position:relative; } 
.cs_certificate:after { position:absolute; top:75px; right:30px; width:429px; height:236px; background:url(/image/customer/img_certificate_01.png) no-repeat; content:''; } 

.list_group3 { padding:48px 64px; border:1px solid #e1e1e1; } 
.list_group3 .group_title { display:block; margin:38px 0 15px 0; font-size:15px; } 
.list_group3 .group_title:first-child { margin-top:0; } 
.list_group3 .list_table { border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; } 
.cage_area .list_group3 .list_style01.type_1 { width:auto; } 

.info_img { display:inline-block; background:#fafafa; } 

/* 본인인증 */
.inquery_box2 .sub_info_text1 + .hcbtn_large.type2.popup { margin-top:13px; } 
.inquery_box2.plugin { padding-top:128px; background:url(/image/customer/img_browser_02.png) no-repeat center 40px; border:1px solid #e1e1e1; } 
.inquery_box2.type2 .mouse { margin:0 8px; } 
.inquery_box2.type2 .keyboard { margin:0 8px; } 
.inquery_box2.type2 .hcbtn_large.type2 { margin:0 2px 0 0; } 


/* 인증서 저장방법 */
.process_list2 { margin-top:-20px; width:1101px; } 
.process_list2:after { display:block; content:''; clear:both; } 
.process_list2 > li { position:relative; float:left; margin:40px 63px 0 0; width:234px; height:130px; padding:44px 0 0 64px; border:1px solid #e1e1e1; line-height:22px; } 
.process_list2 > li:after { position:absolute; left:-38px; top:75px; width:15px; height:25px; background:url('/image/common/arrow_right_08.png') no-repeat 0 0; content:''; } 
.process_list2 > li.left:after { display:none; } 
.process_list2 > li.type1 { height:110px; } 
.process_list2 > li.type1:after { top:61px; } 
.process_list2 > li.type2 { height:160px; } 
.process_list2 > li.type2:after { top:89px; } 
.process_list2 > li strong { font-weight:normal; color:#000; } 
.process_list2 > li p { margin-top:3px; font-size:13px; color:#666; } 

/* 인증서 저장방법 */
.process_list3 { /* margin-top:20px; */ padding:21px 1px; border:1px solid #e1e1e1; border-width: 0px 1px 1px 1px; } 
.process_list3:after { display:block; content:''; clear:both; } 
.process_list3 > li { float:left; position:relative; width:342px; height:102px; padding-top:76px; font-size:13px; line-height:22px; color:#666; text-align:center; } 
.process_list3 > li strong { margin-bottom:8px; font-weight:300; font-size:15px; line-height:15px; color:#000; font-family:'YouandiModernTR'; } 
.process_list3 > li:before,
.process_list3 > li:after { display:block; position:absolute; top:7px; left:50%; width:60px; height:60px; margin-left:-30px; background-repeat:no-repeat; content:''; } 
.process_list3 > li:after { left:auto; right:-7px; top:50%; width:15px; height:27px; margin-left:0; margin-top:-7px; background-position:0 0; } 
.process_list3.type_1 > li:before,
.process_list3.type_1 > li:after { background-image:url(/image/customer/sp_certi_1.png); } 
.process_list3.type_2 > li:before,
.process_list3.type_2 > li:after { background-image:url(/image/customer/sp_certi_2.png); } 
.process_list3 > li.li_1:before { background-position:-20px 0; } 
.process_list3 > li.li_2:before { background-position:-80px 0; } 
.process_list3 > li.li_3:before { background-position:-140px 0; } 
.process_list3 > li.li_4:before { background-position:-200px 0; } 
.process_list3 > li.li_5:before { background-position:-260px 0; } 
.process_list3 > li.li_6:before { background-position:-320px 0; } 
.process_list3 > li.li_7:before { background-position:-380px 0; } 
.process_list3 > li.li_8:before { background-position:-440px 0; } 
.process_list3 > li.li_9:before { background-position:-500px 0; } 
.process_list3 > li.li_10:before { background-position:-560px 0; } 
.process_list3 > li.li_11:before { background-position:-620px 0; } 
.process_list3 > li.li_3:after,
.process_list3 > li.li_6:after,
.process_list3 > li.li_9:after { display:none; } 

.sub_box_con { padding:48px 64px 47px; border:1px solid #e1e1e1; } 

p.txt_chane { font-size:13px; } 
/*agree_box*/
.agree_box { margin-top:20px; padding:20px 0px 0px 64px; border:1px solid #e1e1e1; } 
ul.radioType2.agree { margin-top:20px; float:right; } 
ul.radioType2.agree li { margin-left:20px; display:inline-block; } 
.agree_view { padding:50px 64px 0; } 
.agree_view.type1 { position:relative; height:300px; padding:48px 88px 0px 64px; } 
.agree_view_3.type1 { border-top:0 none; } 
.agree_view_3 { border-top:2px solid #555; } 
.agree_view_6 { padding:40px 64px 0; border-top:2px solid #555; } 
.agree_view_7 { padding-top:0px; border-top:0px solid #555; } 
.agree_checkbox { margin-top:15px; padding:20px 20px 40px 64px; background:#fafafa; } 
.agree_checkbox p.check_box { float:right; } 
.agree_checkbox p.check_box span:first-child { padding-right:30px; } 
p.date_right { margin:20px 0; text-align:right; } 
p.date_right span { padding-left:40px; } 
.settings .settings_box .settings_title.type1 { padding:0; border:0 none; } 

span.sub { color:#000; } 
.line_box { margin-top:30px; padding:40px 64px 40px 64px; border:1px solid #e1e1e1; } 
.line_box .sub_info_text1 { margin-top:20px; color:#666; font-size:15px; line-height:24px; } 

/*고메위크 시간 좌석 설정*/
/* 고메위크 전체 예약현황 */
div.rev_result { padding:48px; border:1px solid #e1e1e1; height:200px; } 
div.rev_result .rev_title { text-align:center; font-size:25px; } 
div.rev_result .rev_title .h3_tit_3 { text-align:center; font-size:25px !important; } 
div.rev_result .rev_sub { font-size:20px; } 
div.rev_result .rev_sub span.rev_seat { font-size:15px; } 

/* 예약현황 그래프 */
div.rev_result .graph_limit { float:left; padding:0 0 10px 0; } 
div.rev_result .graph_limit.type1 { float:left; padding:0 0 10px 30px; } 
div.rev_result .graph_limit:after { display:block; content:''; clear:both; } 
div.rev_result .graph_article { float:left; width:290px; margin-top:40px; padding:0; } 
div.rev_result .graph_article:after { display:block; content:''; clear:both; } 
div.rev_result .graph_area { margin:20px 0; } 
div.rev_result .graph_area .base,
div.rev_result .graph_area .graph1,
div.rev_result .graph_area .graph2 { display:inline-block; position:relative; height:20px; font-size:0; } 
div.rev_result .graph_area .base { width:290px; } 
div.rev_result .graph_area .graph1 { background:#5591de; } 
div.rev_result .graph_area .graph2 { background:#ccc; } 
div.rev_result .graph_article ul { margin:0; padding:0; } 
div.rev_result .graph_article li { padding:12px 0; color:#666; border-top:1px solid #e1e1e1; font-size:15px; } 
div.rev_result .graph_article li span.use_amount { color:#000; float:right; } 
div.rev_result .graph_article li:first-child { padding-top:0; border-top:0 none; } 
div.rev_result .graph_article li:after { display:block; content:''; clear:both; } 
div.rev_result .rev_graph1 { display:inline-block; width:11px; height:11px; margin:0 8px 0 0; background:#5591de; vertical-align:middle; } 
div.rev_result .rev_graph2 { display:inline-block; width:11px; height:11px; margin:0 8px 0 0; background:#ccc; vertical-align:middle; } 
div.rev_result .rev_graph3 { display:inline-block; width:11px; height:11px; margin:0 8px 0 0; background:#ccc; vertical-align:middle; } 

/* 예약현황 날짜 탭메뉴 */
.account_section { width:100%; } 
.account_section .account_content { overflow:hidden; position:relative; width:1032px; margin:0px auto 0 auto; } 
.account_section .btn_account_tab { position:absolute; top:0; z-index:1; } 
.account_section .btn_account_tab button { position:relative; width:47px; height:48px; } 
.account_section .btn_account_tab button:before { display:block; position:absolute; top:50%; margin:-24px 0 0 0; width:47px; height:48px; background:url('/image/btn/tab_account.png') no-repeat 100% 0; content:''; } 
.account_section .btn_account_tab button span { display:none } 
.account_section .btn_account_tab.prev { left:0; } 
.account_section .btn_account_tab.prev button:before { background-position:0 0; } 
/*.account_section .btn_account_tab.prev button:hover:before { background-position:0 -48px; } */
.account_section .btn_account_tab.next { right:0; } 
.account_section .btn_account_tab.next button:before { background-position:-48px 0; } 
/*.account_section .btn_account_tab.next button:hover:before { background-position:-48px -48px; } */
.account_section .account_content .gourmet { float:left; padding-left:48px; padding-right:48px; border:0px solid #f0f; } 
.account_section .account_content .gourmet .radiobox { padding-left:0px; } 
.account_section .account_content .gourmet .radiobox > li { height:48px; width:133px; } 
.account_section .account_content .gourmet .radiobox > li > label { font-size:15px; height:46px; line-height:46px; } 
.account_section .account_content .gourmet .radiobox > li:first-child { width:133px; } 
.account_section .tab_account { position:absolute; top:0; width:236px; background:#fafafa; border:1px solid #e1e1e1; } 

.account_section .tab_account a { display:block; background:#fafafa; color:#000; font-size:15px; line-height:46px; text-align:center; } 
.account_section .tab_account span { font-size:16px; font-family:'YouandiModernHEB'; } 
.account_section .tab_account.on { border:1px solid #1e75d6; z-index:1; } 
.account_section .tab_account.on a { background:#fff; color:#1e75d6; font-family:'YouandiModernHEB'; } 
.account_content .tab_article { display:none; padding:85px 0 0 0; } 
.account_content .tab_account.on + .tab_article { display:block; } 

/* 매출분석 리포터 */
.box_direct_1 .total_amount { position:relative; width:900px; padding:0; } 
.box_direct_1 .total_amount:after { display:block; content:''; clear:both; } 
.box_direct_1 .total_amount .statement_amount { display:inline-block; width:367px; vertical-align:bottom; } 
.box_direct_1 .total_amount .statement_title:after { display:block; content:''; clear:both; } 
.box_direct_1 .total_amount .statement_title .title { margin:0 0 16px 0; color:#000; font-size:21px; } 
.box_direct_1 .total_amount .statement_total .total { display:inline-block; color:#000; font-size:21px; font-weight:normal; cursor:pointer; } 
.box_direct_1 .total_amount .statement_total .total span { color:#000; font-size:40px; } 
.box_direct_1 .total_amount .statement_total .minimum { margin:0 0 0 20px; color:#000; font-size:15px; font-weight:normal; } 
.box_direct_1 .total_amount .statement_total .minimum span { color:#000; font-size:21px; } 
.box_direct_1 .total_amount .statement_total .total:hover + .statement_account { display:block; } 
.box_direct_1 .statement_date { display:inline-block; width:500px; margin:0; vertical-align:bottom; } 
.box_direct_1 .total_amount .statement_date:after { display:block; content:''; clear:both; } 
.box_direct_1 .total_amount .statement_date ul { float:left; width:300px; margin:0 0 0 65px; } 
.box_direct_1 .total_amount .statement_date ul:first-child { margin-left:0; } 
.box_direct_1 .total_amount .statement_date ul:after { display:block; content:''; clear:both; } 
.box_direct_1 .total_amount .statement_date ul li { padding:12px 0 0 0; border-top:1px solid #e1e1e1; color:#666; font-size:15px; } 
.box_direct_1 .total_amount .statement_date ul li:first-child { padding:0 0 12px 0; border:0 none; } 
.box_direct_1 .total_amount .statement_date ul li span { float:right; color:#000; } 
.box_direct_1 .total_amount.type2 .statement_amount { width:100%; } 
.box_direct_1 .total_amount.type2 .statement_date { position:absolute; top:28px; right:0; width:504px; } 
.box_direct_1 .total_amount.type2 .statement_date ul { width:240px; margin:0 0 0 24px; } 
.box_direct_1 .total_amount.type2 .statement_date ul:first-child { margin:0; } 

/*graph_list*/
.box_content .line_section .graph { border-top:2px solid #555; } 
.box_content .line_section .graph.type1 { border:0 none; } 
ul.graph_list .h3_tit_2 { margin-top:20px; } 
ul.graph_list { overflow:hidden; padding-top:15px; } 
ul.graph_list li { float:left; padding:0 0 0 0; } 
ul.graph_list li.age_graph, ul.graph_list li.man_graph, ul.graph_list li.town_graph, ul.graph_list li.time_graph { margin-left:20px; } 
ul.graph_list li.woman_graph, ul.graph_list li.man_graph, ul.graph_list li.home_graph, ul.graph_list li.town_graph, ul.graph_list li.week_graph { padding-top:0px; } 
ul.graph_list li > .data.week .non_data { color:#666; line-height:298px; text-align:center; border:0; } 
ul.graph_list li > .data.day { width:502px; } 
ul.graph_list li > .data.time { width:502px; } 

/* Notice */
.board_content .notice_data { text-align:right; padding:0 0 10px 0; } 
.notice_bg { padding:20px; background:#fafafa; } 
.notice_bg p { text-align:left; color:#666; } 
.line_section.notice { margin:20px auto 0 auto; text-align:left; } 
.line_section.notice p.tit { color:#000; font-size:16px; font-weight: normal; font-family:'YouandiModernHEB'; } 
.line_section.notice p.sub { color:#666; padding:10px 0 10px 20px; } 
.line_section.notice p.sub_1 { margin-left:22px; color:#666; padding-left:20px; } 
.line_section.notice ul.layer_list { margin-left:22px; } 
.line_section.notice ul.layer_list li { color:#666; padding:0 0 5px 20px; } 

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



/* main */
.main_content_wrap { width:1180px; height:auto; margin:0 auto 120px; } 
.main_content_wrap:after { display:block; content:''; clear:both; } 
.main_content_wrap > li { float:left; } 

.main_content_wrap li.area_login { width:240px; height:565px; padding:52px 26px 0 26px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; position: absolute; } 
.main_content_wrap .area_login { width:100%; height:100%; background:url(/docfiles/store/image/main/bg_login.jpg) no-repeat 0 0; } 
.main_content_wrap .area_login_inner { position:relative; margin:0 auto; width:240px; height:100%; } 
.main_content_wrap .area_login_inner .content_title a { display:inline-block; color:#fff; font-size:21px; } 
.main_content_wrap .area_login_inner .content_title a:hover { border-bottom:1px solid #fff; } 
.main_content_wrap .area_login_inner.card_add { color:#fff; } 
.main_content_wrap .area_login_inner.card_add h2 { padding:32px 0 11px 0; font-size:21px; line-height:30px; } 
.main_content_wrap .area_login_inner.card_add .img_card { margin:0 auto; padding: 16px 0 27px 0; width:80px; height:50px; overflow:hidden; } 
.main_content_wrap .area_login_inner.card_add .img_card img { width:80px; height:50px; } 
.main_content_wrap .area_login_inner.card_add p { padding-bottom: 16px; font-size:13px; line-height:22px; } 
.main_content_wrap .area_login_inner.card_add .hcbtn_large { width:260px; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.main_content_wrap .login_txt_area { height:25px; color:#fff; } 
.main_content_wrap .login_txt_area p.login_txt { padding-top:4px; font-size:13px; /* font-family: 'YouandiModernHEB'; */ } 
.main_content_wrap .login_txt_area .id_add { margin-top: -13px; display:block; position:absolute; right:0; top:0px; padding:0 8px; height:18px; line-height:18px; font-size:11px; color:#fff; border:1px solid #fff; font-family: 'YouandiModernHEB'; } 
.main_content_wrap .login_txt_area .content_title { margin-top: -19px; margin-left: -2px; } 
.main_content_wrap .login_txt_area .id_add:hover { color:#666; background:#fff; } 
.main_content_wrap .btn_area_login.type1 { position:relative; *zoom:1; } 
.main_content_wrap .btn_area_login.type1:after { content:''; display:block; clear:both; } 
.main_content_wrap .btn_area_login.type1>li { float:left; width:50% !important; } /* 2016.3.4. ggbn16 앱카드 삭제 간격 조정 */
.main_content_wrap .btn_area_login.type1>li.appcard { width:33.4% !important; } 
.main_content_wrap .btn_area_login.type1>li button[type="button"] { width:100%; background:#fff; border-right:1px solid #e1e1e1; box-sizing:border-box; } 
.main_content_wrap .btn_area_login.type1>li.idpw button[type="button"] { background:url(/image/common/sp_boxbtn_common.png) no-repeat 0 -2232px; } 
.main_content_wrap .btn_area_login.type1>li.public button[type="button"] { border-right:0 none; background:url(/image/common/sp_boxbtn_common.png) no-repeat 100% -2200px; } 
.main_content_wrap .btn_area_login.type1>li.appcard button[type="button"] { border-right:0 none; background:url(/image/common/sp_boxbtn_common.png) no-repeat 100% -2200px; } 
.main_content_wrap .btn_area_login.type1>li button[type="button"] span { color:#666; } 
.main_content_wrap .btn_area_login.type1>li button[type="button"]:hover span,
.main_content_wrap .btn_area_login.type1>li.on button[type="button"] span { color:#1e75d6; } 
.main_content_wrap .btn_area_login.type1 .login_inner { display:none; position:absolute; left:0; top:40px; } 
.main_content_wrap .btn_area_login.type1 .on .login_inner { display:block; } 
/*.main_content_wrap .btn_area_login.type1 .login_inner.n01 > span { border:1px solid #f00; } */
.main_content_wrap .btn_area_login.type1 .login_inner.n01 input.idpw { margin-bottom:1px; width:240px; box-sizing:border-box; -webkit-box-sizing:border-box; } 
/*:root .main_content_wrap .btn_area_login.type1 .login_inner.n01 input.idpw { padding-bottom:12px; } */
.main_content_wrap .btn_area_login.type1 .login_inner.n01 .btn_mouse { display:block; position:absolute; right:1px; top:42px; width:38px; height:38px; overflow:hidden; font-size:0; background-image:url(/image/common/icon_mouse.png); background-repeat:no-repeat; background-position:center; } /* top 수정 ggbn16 2016.3.4*/
.main_content_wrap .btn_area_login.type1 .login_inner.n01 .btn_mouse:hover { background-color:#e5e5e5; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n01 .hcbtn_large { margin: 7px 0 10px 0; width:240px; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n01 .btn_area_login.type2 { width:240px; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n01 #userpswd_form1_toggle_ { width:38px; height:37px; display:block; position:absolute; right:1px; top:43px; overflow:hidden; line-height:1000px; font-size:0; } 
.msie8 .main_content_wrap .btn_area_login.type1 .login_inner.n01 #userpswd_form1_toggle_,
.msie9 .main_content_wrap .btn_area_login.type1 .login_inner.n01 #userpswd_form1_toggle_ { width:38px; height:38px; display:block; position:absolute; right:1px; top:43px; overflow:hidden; line-height:1000px; font-size:0; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n01 #btn_keypad { position:absolute; right:0; top:0px; } 
:root .main_content_wrap .btn_area_login.type1 .login_inner.n01 #btn_keypad { position:absolute; right:0; top:42px; } 
/*.firefox .main_content_wrap .btn_area_login.type1 .login_inner.n01 #userpswd_form1_toggle_ { top:44px; right:0px; } 

.main_content_wrap .btn_area_login.type1 .login_inner.n01 .hcbtn_large { margin: 7px 0 10px 0; width:260px; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n01 .btn_area_login.type2 { width:240px; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n01 #userpswd_mainForm_toggle_ { position:absolute; right:0; top:41px; } */
.main_content_wrap .btn_area_login.type1 .login_inner.n02 { text-align:center; color:#fff; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 #btn_keypad { position:absolute; right:0; top:0px; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 .btn_mouse { display:block; position:absolute; right:1px; top:42px; width:38px; height:38px; overflow:hidden; font-size:0; background-repeat:no-repeat; background-position:center; } /* top 수정 ggbn16 2016.3.4*/
.main_content_wrap .btn_area_login.type1 .login_inner.n02 .btn_mouse:hover { background-color:#e5e5e5; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 a.hcbtn1 { color:#fff; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 a.hcbtn1:hover { text-decoration:underline; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 .hcbtn_large { margin: -2px 0 10px 0; width:240px; box-sizing:border-box; -webkit-box-sizing:border-box; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 .btn_area_login.type2 { width:240px; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 #cono_form1_toggle_ { display:block; position:absolute; right:0px; top:1px; width:38px; height:38px; overflow:hidden; line-height:1000px; font-size:0; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 .login_txt { display:block; padding:10px; font-size:13px; text-align:center; color:#fff; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 p { padding: 8px 0 14px 0; font-size:13px; line-height:22px; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 input.idcom { margin-bottom:10px; width:240px; padding-bottom:11px; letter-spacing:0px; box-sizing:border-box; -webkit-box-sizing:border-box; } 
:root .main_content_wrap .btn_area_login.type1 .login_inner.n02 input.idcom { padding-bottom:12px; } 
.main_content_wrap .btn_area_login.type1 .login_inner.n02 .span_placeholder { font-size:13px; } 
.main_content_wrap .btn_area_login.type1+.btn_area_login.type2 { padding-top: 10px; } 
.main_content_wrap .btn_area_login.type2:after { display:block; clear:both; content:"" } 
.main_content_wrap .btn_area_login.type2 li { float:left; margin-left:20px; } 
.main_content_wrap .btn_area_login.type2 li:first-child { margin:0; } 
.main_content_wrap .btn_area_login.type2 li a { color:#fff; } 
.main_content_wrap .btn_area_login.type2 li a:hover { text-decoration:underline; } 
.main_content_wrap .area_login_inner .btn_etc_area { position:absolute; bottom: 36px; padding-bottom:0 !important; line-height:normal !important; } 
.main_content_wrap .area_login_inner .btn_etc_area a { color:#fff; line-height:normal; } 
.main_content_wrap .area_login_inner .btn_etc_area .ch_logo { display:block; margin-bottom: 13px; } 
.main_content_wrap .area_login_inner .btn_etc_area a span { display:inline-block; padding-top: 5px; padding-bottom:1px; line-height:normal; } 
.main_content_wrap .area_login_inner .btn_etc_area a:hover span { padding-bottom:0; text-decoration:none !important; border-bottom:1px solid #fff; } 
.main_content_wrap a.hcbtn3:hover:before { display:none; } 
.main_content_wrap a.hcbtn1:hover:before { display:none; } 
.main_content_wrap li.area_section .area_inner .content_title { font-size:21px; } 
.main_content_wrap li.area_section .area_inner.line { margin-top:20px; border-top:1px solid #e1e1e1; } 
.main_content_wrap li.area_section .area_inner.line .content_title { margin-top:30px; } 
.main_content_wrap li.area_section { width:849px; height:831px; padding:0; border:1px solid #e1e1e1; border-left:0px; } 


/*
.main_content_wrap li.area_section .main_section .content_title { padding-bottom:18px; } 
.main_content_wrap li.area_section .main_section:after { display:block; content:''; clear:both; } 
.main_content_wrap li.area_section .main_section.first { border-bottom:1px solid #e1e1e1; } 
.main_content_wrap li.area_section .main_section > li { float:left; } 
.main_content_wrap li.area_section .main_section.first > li { height:485px; } 
.main_content_wrap li.area_section .main_section.first > li.section1 { width:485px; padding:40px; border-right:1px solid #e1e1e1; } 
.main_content_wrap li.area_section .main_section.first > li.section2 { width:203px; padding:40px; } 
.main_content_wrap li.area_section .main_section.first > li.section2 .img_list_area .img_list>li a.img_area span.txt { padding-top:147px; } 
.main_content_wrap li.area_section .main_section.second > li { height:185px; } 
.main_content_wrap li.area_section .main_section.second > li.section1 { width:202px; padding:40px; border-right:1px solid #e1e1e1; } 
.main_content_wrap li.area_section .main_section.second > li.section2 { width:202px; padding:40px; border-right:1px solid #e1e1e1; } 
.main_content_wrap li.area_section .main_section.second > li.section3 { width:203px; padding:40px; } 
.main_content_wrap li.area_section .main_section.second > li.section3 .img_list_area .img_list>li .img img { width:135px; height:83px; margin-left:34px; margin-right:34px; } 
.main_content_wrap li.area_section .main_section.second > li.section3 .img_list_area .box_indicator { margin-top:-50px; } 
*/


.main_content_wrap .main_section .content_title { padding-bottom:18px; } 
.main_content_wrap .main_section:after { display:block; content:''; clear:both; } 
.main_content_wrap .main_section.first { border-bottom:1px solid #e1e1e1; } 
.main_content_wrap .main_section.store_mng { width: 100%; padding-left: 293px; border-right: 1px solid #e1e1e1; box-sizing: border-box; } 
.main_content_wrap .main_section > li { float:left; } 
.main_content_wrap .main_section.first > li { height:264px; } 
.main_content_wrap .main_section.first > li.section1 { width:294px; padding:44px 0px 0px 0px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; } 
.main_content_wrap .main_section.first > li.section2 { width:297px; padding:44px 0px 0px 0px; background:url(/docfiles/store/image/main/vertical_line.gif) no-repeat; border-top:1px solid #e1e1e1; } 
.main_content_wrap .main_section.first > li.section3 { width:238px; padding:37px 27px 0px 28px; border-left:1px solid #e1e1e1; height:271px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; } 
.main_content_wrap .main_section.first > li.section2 .img_list_area .img_list>li a.img_area span.txt { padding-top:147px; } 


.main_content_wrap .main_section_login { background:#edf4fc; } 
.main_content_wrap .main_section_login.content_title { padding-bottom:18px; } 
.main_content_wrap .main_section_login:after { display:block; content:''; clear:both; } 
.main_content_wrap .main_section_login > li { float:left; } 
.main_content_wrap .main_section_login.first > li { height:376px; } 

.main_content_wrap .main_section_login.first { border-right: 1px solid #e1e1e1; } 
.main_content_wrap .main_section_login.first > li.section0 { width:240px; padding:37px 26px 0px 26px; border-left: 1px solid #bec3ca; border-top: 1px solid #bec3ca; border-bottom: 1px solid #bec3ca; } 
.main_content_wrap .main_section_login.first > li.section1 { width:243px; padding:37px 26px 0px 26px; background:url(/docfiles/store/image/main/vertical_line2.gif) no-repeat; border-top: 1px solid #bec3ca; border-bottom: 1px solid #bec3ca; } 
.main_content_wrap .main_section_login.first > li.section2 { width:244px; padding:37px 24px 0px 28px; border-left:1px solid #bec3ca; border-top: 1px solid #bec3ca; border-bottom: 1px solid #bec3ca; } 
.main_content_wrap .main_section_login.first > li.section3 { width:240px; padding:37px 27px 0px 26px; border-left:1px solid #bec3ca; border-top: 1px solid #e1e1e1; height:376px; background:#ffffff; border-bottom: 1px solid #e1e1e1; } 
.main_content_wrap .main_section_login.first > li.section3 .img_list_area .img_list>li a.img_area span.txt { padding-top:147px; } 
.main_content_wrap .main_section.second { padding-left:292px; } 
.main_content_wrap .main_section.second { border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } 
.main_content_wrap .main_section.second > li { height:270px; } 
.main_content_wrap .main_section.second > li.section1 { width:238px; padding:38px 27px 0px 27px; border-left:1px solid #e1e1e1; } 
.main_content_wrap .main_section.second > li.section2 { width:240px; padding:38px 27px 0px 27px; border-left:1px solid #e1e1e1; } 
.main_content_wrap .main_section.second > li.section3 { width:240px; padding:36px 28px 0px 28px; border-left:1px solid #e1e1e1; } 
.msie .main_content_wrap .main_section.second > li.section3 { width:240px; padding:38px 28px 0px 28px; border-left:1px solid #e1e1e1; } 
.main_content_wrap .main_section.second > li.section4 { width:240px; padding:38px 25px 0px 27px; border-left:1px solid #e1e1e1; } 
.main_content_wrap .main_section.second > li.section3 .img_list_area .img_list>li .img img { width:240px; height:135px; margin-left:0px; margin-right:0px; } 
.main_content_wrap .main_section.second > li.section3 .img_list_area .box_indicator { margin-top:-5px; } 

.main_content_wrap .sale_list { margin-top:10px; margin-left:20px; } 
.main_content_wrap .sale_list:after { content:''; display:block; clear:both; } 
.main_content_wrap .sale_list li { float:left; padding:10px 0 10px 10px; background:url(/docfiles/store/image/main/main_icon.png) no-repeat 0 -217px; } 
.main_content_wrap .sale_list li.even { width:65%; } 
.main_content_wrap .sale_list li a:hover { color:#1e75d6; } 
.main_content_wrap .menu_list { padding-top:21px; } 
.main_content_wrap .menu_list li { overflow:hidden; border-top: 1px solid #e1e1e1; } 
.main_content_wrap .menu_list li:first-child { padding-top:10px; } 
.main_content_wrap .menu_list li a { width:203px; display:block; padding-top:19px; height:53px; color:#666; font-size:13px; } 
.main_content_wrap .menu_list li a span { display:inline-block; margin-top:8px; color:#000; font-size:15px; } 
.main_content_wrap .menu_list li a:hover span { color:#1e75d6; } 
.main_content_wrap .menu_list li.lst a { padding-top:18px; height:54px; } 
.main_content_wrap .menu_list li.lst a span { margin-top:7px; } 
.main_content_wrap ul.store_info { margin-top:10px; } 
.main_content_wrap ul.store_info li { float:left; width:33%; color:#666; font-size:13px; padding:0; text-align:center; line-height:18px; } 
.main_content_wrap ul.store_info li a { display:block; padding-top:19px; height:53px; color:#666; font-size:13px; } 
.main_content_wrap ul.store_info li a span { display:block; margin-top:8px; margin-bottom:10px; color:#000; font-size:15px; } 
.main_content_wrap ul.store_info li a:hover span { color:#1e75d6; } 
.main_content_wrap ul.store_info li span { display:block; } 
.main_content_wrap ul.store_info li span.search_tit { height:40px; font-size: 21px; color: #000; } 
.main_content_wrap ul.store_info li span.img { display:block; margin-left:60px; width:51px; height:38px; background:url('/store/image/main/main_icon.png') no-repeat; } 
.main_content_wrap ul.store_info li span.img.max { background-position:0px -140px; } 
.main_content_wrap ul.store_info li span.img.input { background-position:-69px -140px; } 
.main_content_wrap ul.store_info li span.img.ok { background-position:-152px -140px; } 

.main_content_wrap div.store_service { text-align:center; line-height:18px; } 
.main_content_wrap div.store_service a { color:#666; font-size:15px; } 
.main_content_wrap div.store_service a span { display:block; margin-top:18px; margin-bottom:-10px; color:#000; font-size:13px; } 
.main_content_wrap div.store_service a:hover span { color:#1e75d6; } 
.main_content_wrap div.store_service span.img { display:block; margin-left:80px; margin-bottom: 27px; width:40px; height:40px; background:url('/store/image/main/main_icon.png') no-repeat; } 
.main_content_wrap div.store_service span.img.benefit { background-position:0px 0px; } 
.main_content_wrap div.store_service span.img.service { background-position:-75px 0px; } 



/* 이미지 리스트, 이미지 슬라이드 */
.box_indicator { text-align:center; } 
.box_indicator .list_btn,
.box_indicator .list_btn li,
.box_indicator .list_btn li.on,
.box_indicator .list_indicator,
.box_indicator .list_indicator li { display:inline; margin:0; font-size:0; } 
.box_indicator .list_btn li { display:none; } 
.list_indicator a span,
.favorite_card_side li button span,
.box_card_side .page_move a:after,
.btn_add_1:hover span:before,
.recommend_card_list .list_recommend_card:before,
.area_layer .box_info.type_agree .box_wrap .btn_open a:after,
.btn_next_section a:after { background-image:url(/image/common/sp_arrow.png); background-repeat:no-repeat; } 
.box_indicator .list_indicator,
.box_indicator .list_indicator li { display:inline; margin:0; font-size:0; } 
.box_indicator .list_btn li { display:none; } 
.list_indicator a { display:inline-block; position:relative; width:26px; padding-top:26px; background:url(about:blank); } 
.list_indicator a span { display:block; position:absolute; top:9px; left:9px; width:8px; height:8px; content:''; } 
.list_indicator_1 a span { background-position:-20px 0; } 
.list_indicator_1 .on a span { background-position:-30px 0; } 
.list_indicator_2 a span { background-position:-60px 0; } 
.list_indicator_2 .on a span { background-position:-70px 0; } 
.list_indicator_3 a span { background-position:-120px 0; } 
.list_indicator_3 .on a span { background-position:-130px 0; } 

.img_list_area .box_indicator { position:absolute; left:50%; margin-left:-50px; } 
.img_list_area .img_list>li,
.rolling_slide.lightSlider>li { height: 190px; padding-top: -26px; width:240px; position:absolute; left:0; } 

.img_list_area.card .img_list>li { padding-bottom: 27px; } 
.img_list_area .img_list { position:relative; height:216px; } 
.img_list_area .img_list>li a.img_area { display:block; height:202px; position:relative; } 
.img_list_area .img_list>li a.img_area span.img { display:block; width:240px; position:absolute; top:0; } 
.img_list_area .img_list>li:first-child a.img_area span.img { left:0 } 
.img_list_area .img_list>li a.img_area span.img img { width:240px; height:135px; margin-top: -13px; } 
.section4 .img_list_area .img_list>li a.img_area span.img img { width:240px; height:135px; margin-top: -13px; } 
 
.img_list_area .img_list.card>li a.img_area span.img img { width:240px; height:135px !important; } 
.section2 .img_list_area .img_list.card>li a.img_area span.img img { width:240px; height:151px !important; } 

.section2 .img_list_area .img_list>li a.img_area span.img img { width:213px; height:135px; margin-left: 13px; margin-top: -13px; } 
.section2 .img_list_area .img_list>li a.img_area span.img.plate_h img { width:240px; margin-left: 0 } 

.img_list_area .img_list>li a.img_area span.txt { margin-top:14px; display:block; padding: 135px 0 0 0; font-size:13px; line-height: 20px; color:#666; overflow:hidden; text-overflow:ellipsis; /* display:-webkit-box; */-webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break: keep-all; } 
.section2 .img_list_area .img_list>li a.img_area span.txt { margin-left: 13px; } 
.img_list_area .img_list>li a.img_area span.txt span { display: inline-block; width:232px; } 
.section2 .img_list_area .img_list>li a.img_area span.txt span { width: 214px; } 
.img_list_area .img_list>li:first-child a.img_area span.txt, .img_list_area.card .img_list>li:first-child a.img_area span.txt { display:block; } 
.img_list_area.card .img_list>li a.img_area span.txt { display:none; padding: 161px 0 0 0; font-size:15px; line-height: 19px; color:#000; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break: keep-all; } /*20160316 DEFECT*/
.img_list_area .img_list>li a.img_area .tit { font-weight:normal; } 
.img_list_area .img_list>li a.img_area:hover span.txt span { color:#1e75d6; } 
.img_list_area { overflow:hidden; position:relative; } 
.img_list_area .img_list_box { overflow:hidden; } 
.img_list_area.slide .img_list_box { margin-bottom:7px; width:240px; height:196px; } 
.img_list_area.slide .img_list_box { height:187px; } 
.img_list_area.slide.card .control { position:relative; top:-11px; } 
.img_list_area .control { text-align:center; } 
.img_list_area .control ol { display:inline-block; } 
.img_list_area .control ol li { height:30px; display:inline-block; padding: 0 5px 0 6px; } 
.img_list_area .control ol li a { display:block; width:8px; height:8px; background:url(/image/common/sp_arrow.png) no-repeat -60px 0; text-indent:-999em } 
.img_list_area .control ol li.stop a { background-position:-40px 0; } 
.img_list_area .control ol li.play a { background-position:-49px 0; } 
.img_list_area .control ol li.on a { background-position:-70px 0; } 
/*.main .img_list_area .box_indicator { position:absolute; bottom:-10px; left:0; width:100%; text-align:center; z-index:1; } */
.img_list_area .box_indicator .li_stop a span { background-position: -40px 0; } 
.img_list_area .box_indicator .li_play a span { background-position: -49px 0; } 
.img_list_area .box_indicator .list_btn a { display:inline-block; position:relative; width:26px; padding-top:26px; background:url(about:blank); } 
.img_list_area .box_indicator .list_btn a span { display:block; position:absolute; top:9px; left:9px; width:8px; height:8px; content:''; } 

.img_list_area .box_indicator .list_btn a span, 
.img_list_area .box_indicator .list_indicator a span { background-image:url(/image/common/sp_arrow.png); background-repeat:no-repeat; } 

.img_list_area.card .img_list_box { height:211px; margin-bottom:22px; } 
.img_list_area.card.size2 .img_list_box { height:447px; margin-bottom:0 !important; } 
.img_list_area.card.size2 .img_list_box a.img_area { margin-bottom:32px; } 
.img_list_area.slide02 .img_list_box { height:344px; margin-bottom:12px; } 
.img_list_area.slide02.size2 .img_list_box { height:228px; margin-bottom:12px; } 
.img_list_area.slide02 .img_list>li .img { position:absolute; left:0; } 
.img_list_area.slide02 .img_list>li .img:last-child { margin-bottom:0; } 
.img_list_area.slide02 .img_list>li .img a { display:block; position:relative; padding-top:61px; width:203px; height:112px; font-size:13px; text-align:center; color:#666; background:#fff; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:13px; color:#666; border:1px solid #fff; margin-bottom:4px; } 
.img_list_area.slide02 .img_list>li .img a:hover { border:1px solid #d6d6d6; } 
.img_list_area.slide02 .img_list>li .img a .txt_tit { display:block; margin:5px 20px 11px; height:15px; font-size:15px; color:#000; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; } 
.img_list_area.slide02 .img_list>li .img a:hover .txt_tit { color:#1e75d6; } 
.img_list_area.slide02 .img_list>li .img a .ico { position:absolute; left:59px; top:17px; width:122px; height:32px; } /*20160303 추가 */
.img_list_area.slide02 .img_list>li .img a .txt_top { display:block; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal !important; } /*20160303 추가 */
.lightSlider > li { height: 216px; } 
/* button_bg */
.button_bg { display:inline-block; min-width:64px; padding:0 0 0 16px; font-family:'YouandiModernTR'; font-size:13px; vertical-align:top; background:url(/image/common/sp_boxbtn_common.png) no-repeat 0 -32px; } 
.button_bg span { display:block; position:relative; height:32px; padding:0 16px 0 0; line-height:32px; color:#fff; font-weight:normal; text-align:center; background:url(/image/common/sp_boxbtn_common.png) no-repeat 100% 0; } 

.btn_bu { display:inline-block; min-width:64px; font-family:'YouandiModernTR'; font-size:13px; vertical-align:top; text-align:center; } 
.btn_bu span { display:block; position:relative; height:32px; line-height:33px; color:#fff; font-weight:normal; text-align:center; } 
div.btn_list_area02 ul { padding-top:18px; } 
div.btn_list_area02 ul li { width:50%; } 
div.btn_list_area02 ul li a { display:block; margin:1px; text-align:center; height:32px; line-height:32px; font-size:13px; color:#666; background:#f0f0f0; } 
div.btn_list_area02 ul li a:hover { color:#1e75d6; } 

/* footer_notice */
.footer_notice_box { height:48px; background:#fafafa; } 
.footer_notice { width: 1180px; position:absolute; left: 50%; margin-left:-592px; } 
.footer_notice .inner_mcon { padding:0 142px 0 129px; height:48px; line-height:48px; overflow:hidden; border-bottom:1px solid #e1e1e1; } 
.footer_notice .inner_mcon h2 { position:absolute; left: -20px; top:0; padding-left:50px; } 
.footer_notice .inner_mcon h2 a { display:block; padding:0 10px 0 0; height:48px; line-height:48px; font-size:13px; color:#000; } 
.footer_notice .inner_mcon h2 a:hover { color: #1e75d6; } 
.footer_notice .inner_mcon .bbs_list li { padding-right:100px; text-align:left; } 
.footer_notice .inner_mcon .bbs_list li a { display:block; font-size:13px; color:#666; } 
.footer_notice .inner_mcon .bbs_list li a .date { display:block; position:absolute; right: 115px; top:0; height:48px; line-height:48px; } 
.footer_notice .inner_mcon .bbs_list li a .tit { display:block; } 
.footer_notice .inner_mcon .bbs_list li a:hover .tit { color: #1e75d6; } 
.footer_notice .inner_mcon .board_paging { position:absolute; right:24px; top: 13px; } 


.board_paging { float:right; position:relative; width:74px; text-align:center } 
.board_paging .current_paging { font-size:11px; color:#666; line-height:21px } 
.board_paging .current_paging strong { font-weight:normal; color:#000; } 
.board_paging ul li a { display:block; position:relative; width:19px; height:19px; border:1px solid #e1e1e1; text-indent:-999em } 
.board_paging ul li.prev_btn { position:absolute; top:0; left:0; } 
.board_paging ul li.next_btn { position:absolute; top:0; right:0; } 
.board_paging ul li.prev_btn a:before { display:block; position:absolute; top:6px; left:7px; width:4px; height:7px; background:url(/image/common/sp_arrow.png) no-repeat -44px -106px; content:"" } 
.board_paging ul li.next_btn a:before { display:block; position:absolute; top:6px; left:7px; width:4px; height:7px; background:url(/image/common/sp_arrow.png) no-repeat -52px -106px; content:"" } 

/*Main Area */
/* pop_notice */
.pop_notice { display:none; padding:8px 20px 8px 20px; text-align:center; font-size:15px; line-height:24px; color:#fff; background:#666; z-index: 1; margin-bottom:39px !important; } 
.pop_notice.on { display:block; } 
.pop_notice div { padding:13px 0; } 
.pop_notice .tit { display:block; font-size:21px; padding-bottom: 12px; } 
.pop_notice .btn_close { display:inline-block; position:absolute; right:20px; top:12px; width:14px; height:14px; background:url(/image/btn/btn_close_05.png) no-repeat 0 0; } 

.main_content { margin-top:144px; } 
.main_content .box_content { position:relative; width: 1180px; margin: 0 auto 120px; } 
.main_content .box_content .pop_notice { width:1140px; } 
.main_content .box_content .store_sub_wrap { padding:0 0 19px 0; margin-top:-1px; } 
.main_content .box_content .store_sub_wrap > .txt_sub { display:block; font-size: 21px; color:#000; } 
.main_content .box_content .store_sub_wrap > .txt_date { display:block; padding:8px 0 0 0; font-size: 13px; color:#666666; text-align:left; } 
.main_content .box_content .main_line_box { padding:0 49px 0 49px; border:1px solid #bec3ca; background:#edf4fc; } 
.main_content .box_content .main_line_box:after { display:block; content:''; clear:both; } 
.main_content .box_content .main_line_box h2.h2_tit { font-size: 21px; margin-bottom:20px; padding-left:0; } 
.main_content .box_content .main_line_box h3.h3_tit { font-size:15px; margin-bottom:20px; } 
.main_content .box_content .main_line_box .main_line_wrap:after { display:block; content:''; clear:both; } 
.main_content .box_content .main_line_box .main_line_wrap .left_area { float:left; width:645px; border-right:1px solid #bec3ca; padding:39px 49px 10px 0; } 
.main_content .box_content .main_line_box .main_line_wrap .left_area h2.h2_tit { padding-left:15px; } 
.main_content .box_content .main_line_box .main_line_wrap .inner_wrap { margin-bottom:20px; } 
.main_content .box_content .main_line_box .main_line_wrap .inner_wrap:after { display:block; content:''; clear:both; } 
.main_content .box_content .main_line_box .main_line_wrap .inner_wrap.first { margin-bottom:0px; padding-left:15px; padding-right:15px; border-top:0px; } 
.main_content .box_content .main_line_box .main_line_wrap .inner_wrap.second { margin-top:0px; padding-left:15px; padding-right:15px; border-top:1px solid #d5dbe2; } 
.main_content .box_content .main_line_box .main_line_wrap .inner_wrap.second h3.h3_tit { margin-top:45px; } 
.main_content .box_content .main_line_box .store_info_list.type1 { float:left; padding:10px 30px 0 0; margin-bottom:30px; border-right:1px solid #d5dbe2; } 
.main_content .box_content .main_line_box .store_info_list.type1 li { width:257px; padding:0 0 30px 0px; } 
.main_content .box_content .main_line_box .store_info_list.type1 li .tit { display:block; } 
.main_content .box_content .main_line_box .store_info_list.type1 li .number { display:block; padding-top:11px; text-align:right; } 
.main_content .box_content .main_line_box .store_info_list.type1 li .number strong { font-size: 30px; font-weight: normal; } 

.main_content .box_content .main_line_box .store_info_list.type2 { float:left; padding:31px 0 0 0; margin-bottom:30px; } 
.main_content .box_content .main_line_box .store_info_list.type2 li { width:287px; padding:0 0 34px 40px; font-size: 15px; } 
.main_content .box_content .main_line_box .store_info_list.type2 li:after { display:block; content:''; clear:both; } 
.main_content .box_content .main_line_box .store_info_list.type2 li .tit { float:left; } 
.main_content .box_content .main_line_box .store_info_list.type2 li .number { float:right; text-align:right; } 
.main_content .box_content .main_line_box .store_info_list.type2 li .number strong { font-size: 18px; font-weight: normal; } 

.main_content .box_content .main_line_box .main_line_wrap .right_area { float:left; padding:39px 0 0 49px; margin-bottom:-39px; } 

.main_content .store_info_list_box { overflow:hidden; } 
.main_content .store_info_list_box > ul { width:185px; float:left; margin:0 0 0 30px; padding:0; } 
.main_content .store_info_list_box > ul:first-child { margin:0; } 
.main_content .store_info_list_box > ul > li { float:none; color:#666; font-size:15px; border-top:0px; padding:19px 0 19px 0; border-bottom:1px dotted #d5dbe2; } 
.main_content .store_info_list_box > ul > li:after { display:block; content:''; clear:both; } 
.main_content .store_info_list_box > ul > li:first-child { padding-top:10px; padding-bottom:0px; } 
.main_content .store_info_list_box > ul > li.last { border-bottom:0px; } 
.main_content .store_info_list_box > ul > li > .tit { float:left; padding:0; margin:0; } 
.main_content .store_info_list_box > ul > li > .number { float:right; text-align:right; padding:0; margin:0; } 
.main_content .store_info_list_box > ul > li > .number strong { font-weight: normal; } 
.main_content .store_info_list_box > ul > li.sub { color:#000; padding:10px 0 10px 0; margin:0; height:15px; border-bottom:1px solid #d5dbe2; } 
.main_content .store_info_list_box > ul > li.sub > .tit { width:15%; float: left; font-size:15px; text-align:left; font-family:'YouandiModernTR'; font-size:15px; } 
.main_content .store_info_list_box > ul > li.sub > .date { width:85%; float: right; text-align:right; font-family:'YouandiModernTR'; font-size:15px; margin:0; } 
.main_content .store_info_list_box > ul > li.sub > .date strong { font-size:30px; font-weight: normal; } 

.main_content .statement_store_list { overflow:hidden; border:0px; margin-top:-10px; } 
.main_content .statement_store_list > ul { width:336px; float:none; margin:0 0 30px 0; padding:0; border-top:1px solid #d5dbe2; } 
.main_content .statement_store_list > ul:first-child { border-top:0px; margin:-20px 0 30px 0; } 
.main_content .statement_store_list > ul > li { float:none; color:#666; font-size:15px; border-top:0px; padding-bottom:0px; padding:7px 0 10px 0; line-height:25px; } 
.main_content .statement_store_list > ul > li:first-child { padding-top:10px; padding-bottom:0px; border:0; } 
.main_content .statement_store_list > ul > li.last { border-bottom:0; } 
.main_content .statement_store_list > ul > li > span { float:right; color:#000; font-size:15px; } 
.main_content .statement_store_list > ul > li > span.point_color_1 { color:#a06000; } 
.main_content .statement_store_list > ul > li.total { color:#000; padding:32px 0 10px 0; margin:0; height:22px; background:transparent; } 
.main_content .statement_store_list > ul > li.total > .tit { width:30%; float: left; text-align:left; font-family:'YouandiModernTR'; font-size:15px; } 
.main_content .statement_store_list > ul > li.total > .tit.type1 { letter-spacing:-1px; } 
.main_content .statement_store_list > ul > li.total > .number { width:70%; float: right; text-align:right; font-family:'YouandiModernTR'; font-size:15px; padding:0; margin:0; } 
.main_content .statement_store_list > ul > li.total > .number strong { font-size:18px; font-weight: normal; font-family:'YouandiModernTR'; } 

/* 개인사업자를 위한 금융서비스 */
.main_content .main_line_box.type1 { padding:70px 0 0 0; background:#fff; border:0; } 
.main_content div.card_service ul.service { margin-top:53px; } 
.main_content div.card_service ul.service li.list { float:left; text-align:center; padding:0px 0 0px 0; width:391px; height:175px; text-align:center; background:#fff; border-left:1px solid #f0f0f0; } 
.main_content div.card_service ul.service li:first-child { border-left:0; } 
.main_content div.card_service ul.service li.list.slide { padding:10px 0 0 80px; width:271px; } 
.main_content div.card_service ul.service li.list span.list_tit { display:block; padding:16px 0 18px 0; font-size:21px; color:#000; } 
.main_content div.card_service ul.service li.list span.list_sub { display:block; margin-top:0px; height:35px; font-size:13px; color:#666; line-height:16px; } 
.main_content div.card_service ul.service li.list span.list_sub.type1 { display:block; margin-top:13px; } 
.main_content div.card_service ul.service li.list span.list_content { display:block; margin-top:10px; font-size:12px; line-height:16px; color:#666; } 
.main_content div.card_service ul.service li.list span.list_content strong { font-weight: normal; font-family:'YouandiModernHEB'; letter-spacing:0px; } 
.main_content div.card_service ul.service li.list span.list_content.benefit { letter-spacing:0px; } 
.main_content div.card_service ul.service li.list span.imglist { display:block; margin-top:15px; margin-left:180px; width:53px; height:46px; background:url('/store/image/main/main_icon.png') no-repeat; } 
.main_content div.card_service ul.service li.list span.imglist.revol { background-position:-225px 0px; } 
.main_content div.card_service ul.service li.list span.imglist.mybusiness { background-position:-75px 0px; } 
.main_content div.card_service ul.service li.list .img_list_area .img_list>li .img img { width:135px; height:83px; margin-left:34px; margin-right:34px; } 
.main_content div.card_service ul.service li.list .img_list_area .img_list li { text-align:left; } 
.main_content div.card_service ul.service li.list .img_list_area .img_list>li a.img_area span.txt { border:0px solid #00f; padding:100px 0 0 0 !important; } 
.main_content div.card_service ul.service li.list .img_list_area .box_indicator { margin-top:-50px; left:35%; } 

/* 개인사업자를 위한 금융서비스 
.main_content .main_line_box.type1 { padding:70px 0 0 0; background:#fff; border:0; } 
.main_content div.card_service ul.service { margin-top:53px; } 
.main_content div.card_service ul.service li.list { float:left; text-align:center; padding:0px 0 0px 0; width:391px; height:210px; text-align:center; background:#fff; border-left:1px solid #f0f0f0; } 
.main_content div.card_service ul.service li:first-child { border-left:0; } 
.main_content div.card_service ul.service li.list.slide { padding:10px 0 0 80px; width:271px; } 
.main_content div.card_service ul.service li.list span.list_tit { display:block; padding:16px 0 18px 0; font-size:21px; color:#000; } 
.main_content div.card_service ul.service li.list span.list_sub { display:block; margin-top:0px; height:35px; font-size:13px; color:#666; line-height:16px; } 
.main_content div.card_service ul.service li.list span.list_sub.type1 { display:block; margin-top:13px; } 
.main_content div.card_service ul.service li.list span.list_content { display:block; margin-top:10px; font-size:12px; line-height:16px; color:#666; } 
.main_content div.card_service ul.service li.list span.list_content strong { font-weight: normal; font-family:'YouandiModernHEB'; letter-spacing:0px; } 
.main_content div.card_service ul.service li.list span.list_content.benefit { letter-spacing:0px; } 
.main_content div.card_service ul.service li.list span.imglist { display:block; margin-top:15px; margin-left:180px; width:53px; height:46px; background:url('/store/image/main/main_icon.png') no-repeat; } 
.main_content div.card_service ul.service li.list span.imglist.revol { background-position:-225px 0px; } 
.main_content div.card_service ul.service li.list span.imglist.mybusiness { background-position:-75px 0px; } 
.main_content div.card_service ul.service li.list .img_list_area .img_list li { text-align:left; } 
.main_content div.card_service ul.service li.list .img_list_area .img_list>li a.img_area span.txt { border:0px solid #00f; padding:140px 0 0 0 !important; } 
.main_content div.card_service ul.service li.list .img_list_area .box_indicator { margin-top:-10px; left:35%; } 
*/

/* Main Content Footer */
.box_content .content_footer { padding:40px 0 55px 0; border-top:1px solid #e1e1e1; } 
.box_content .content_footer .footer_menu { float:left; padding-left:55px; width:525px; border-left:1px solid #e1e1e1; } 
.box_content .content_footer .footer_menu:first-child { padding:0 55px 0 0; width:525px; border-left:0; } 
.box_content .content_footer .footer_menu .content_title { font-size:21px; } 
.box_content .content_footer .footer_menu .tel_customer ul { padding-top: 27px; font-size:15px; line-height:22px; color:#000; } 
.box_content .content_footer .footer_menu p { padding-top: 28px; font-size:13px; line-height:20px; color:#666; } 

.box_content .content_footer .footer_menu div.btn_list_area { float:right; } 
.box_content .content_footer .footer_menu div.btn_list_area ul { width:240px; padding-right:0px; } 
.box_content .content_footer .footer_menu div.btn_list_area ul.zbox1 { margin-top:-18px; } 
.box_content .content_footer .footer_menu div.btn_list_area ul.zbox2 { margin-top:-43px; } 
.box_content .content_footer .footer_menu div.btn_list_area ul li { float:left; width:118px; } 
.box_content .content_footer .footer_menu div.btn_list_area ul li a { display:block; margin:1px; text-align:center; height:32px; line-height:32px; font-size:13px; color:#666; background:#f0f0f0; } 
.box_content .content_footer .footer_menu div.btn_list_area ul li a:hover { color:#1e75d6; } 

/* Main_PopUp */
.area_layer.type_xlarge.layer { width: 600px; height:auto; line-height:20px; } 
.box_content .layer_bg { padding:20px; background:#fafafa; } 
.box_content .layer_bg p { text-align:left; font-size:11px; color:#666; } 
.box_content .line_section.layer { margin:20px auto 0 auto; text-align:left; } 
.box_content .line_section.layer p.tit { font-size:11px; color:#000; font-family:'YouandiModernHEB'; } 
.box_content .line_section.layer p.sub { margin-left:11px; font-size:11px; color:#000; } 
.box_content .line_section.layer p.sub_1 { margin-left:22px; font-size:11px; color:#666; } 
.box_content .line_section.layer ul.layer_list { margin-left:22px; } 
.box_content .line_section.layer ul.layer_list li { font-size:11px; color:#666; } 

/* Main Renewal 2016.05.28 */

.main_section a:active,.main_section_login a:active { color:#666; } 
.main_section a:visited,.main_section_login a:visited { color:#666; } 
.main_section a:link,.main_section_login a:link { color:#666; } 
.main_section a:hover,.main_section_login a:hover { color:#1e75d6; } 

.join a:active { color:#1e75d6; } 
.join a:visited { color:#1e75d6; } 
.join a:link { color:#1e75d6; } 
.join a:hover { color:#1e75d6; text-decoration:underline; } 

.member_store a:active DD { color:#666; } 
.member_store a:visited DD { color:#666; } 
.member_store a:link DD { color:#666; } 
.member_store a:hover DD { color:#1e75d6; text-decoration:none; } 

DIV.member_store { width:256px; background-color:fff; margin-left: 17px; } 
.member_store DIV.title { padding-left:9px; margin-bottom:6px; } 
.member_store DL { width:128px; float:left; margin-top:24px; } 
.member_store DT.main_icon { background:url(/docfiles/store/image/main/main_icon.gif); width:48px; height:48px; margin:0 auto; } 
.member_store DT.main_icon:hover { background: url(/docfiles/store/image/main/main_icon.gif); } 
.member_store DT.no1 { background-position:0px 0px; } 
.member_store a:hover DT.no1 { background-position: 0px -48px; } 
.member_store DT.no2 { background-position:-48px 0px; } 
.member_store a:hover DT.no2 { background-position: -48px -48px; } 
.member_store DT.no3 { background-position:-96px 0px; } 
.member_store a:hover DT.no3 { background-position: -96px -48px; } 
.member_store DT.no4 { background-position:-192px 0px; } 
.member_store a:hover DT.no4 { background-position: 192px -48px; } 
.section1 .member_store DT.no4 { background-position:-144px 0px; } 
.section1 .member_store a:hover DT.no4 { background-position: -144px -48px; } 
.member_store DT.no5 { background-position:-240px 0px; } 
.member_store a:hover DT.no5 { background-position: -240px -48px; } 
.member_store DT.no6 { background-position:-288px 0px; } 
.member_store a:hover DT.no6 { background-position: -288px -48px; } 
.member_store DT.no7 { background-position:-336px 0px; } 
.member_store a:hover DT.no7 { background-position: -336px -48px; } 
.member_store DT.no8 { background-position:-336px 0px; } 
.member_store a:hover DT.no8 { background-position: -336px -48px; } 
.member_store DD { width:100%; font-size:13px; text-align:center; color:#666; margin:12px 0px 0px 0px; height:24px; } 

.normal_b DT { font-size:21px; font-family: 'YouandiModernTR'; letter-spacing:0.03em; } 
.normal_b DT SPAN { font-size:12px; font-family: 'YouandiModernHEB'; } 
.normal_b DD { font-size:13px; font-family: 'YouandiModernTR'; margin:19px 0px 35px 0px; color:#666; } 
.normal_b DD DIV { font-size:13px; font-family: 'YouandiModernTR'; margin-top:12px; color:#666; } 
.normal_b DD DIV.grey_btn { text-align:center; font-size:13px; font-family: 'YouandiModernTR'; width:118px; height:38px; line-height:38px; margin:0px 1px 1px 0px; float:left; background:#f0f0f0; } 
.second .normal_b A DIV.txt { font-size:13px; font-family: 'YouandiModernTR'; color:#666; height:40px; line-height:20px; margin-top:14px; } 
.second .normal_b A:hover DIV.txt { color:#1e75d6; } 

H2.content_title { font-size:21px; font-family: 'YouandiModernTR'; letter-spacing:0.03em; } 
H2.content_title A:link,H2.content_title A:visited,H2.content_title A:active { color:#000; } 


DL.log_count DD.total_sum_st { font-size:15px; margin:0px 0px 5px 0px; } 
DL.log_count DD.total_sum { font-size:30px; margin:0px 0px 26px 0px; letter-spacing:-0.01em; } 
DL.log_count DD.total_sum SPAN { font-size:15px; } 
DL.log_count DD.total_number_st { font-size:15px; margin:0px 0px 4px 0px; } 
DL.log_count DD.total_number { font-size:30px; margin:0px 0px 19px 0px; letter-spacing:-0.01em; } 
DL.log_count DD.total_number SPAN { font-size:15px; } 
DL.log_count DD.week_sales { font-size:15px; font-family:'YouandiModernHEB'; margin:17px 0px 18px 0px; letter-spacing:-0.07em; } 
.main_section_login.first .section1 .log_count .week_sales { margin-top: -3px; } 


DL.log_count DD.prev_daily { height:40px; padding:0; line-height:40px; color:#000; margin:4px 0px 0px 0px; } 
DL.log_count DD.prev_daily SPAN { font-family:'YouandiModernHEB'; font-size:12px; color:#666; } 
DL.log_count DD.bottom { margin-top:28px; } 
DL.log_count DD.total_balance_st { font-size:15px; margin:16px 0px 7px 0px; } 
DL.log_count DD.total_balance { font-size:21px; margin:0px 0px 10px 0px; } 
DL.log_count DD.total_balance SPAN { font-size:15px; } 
DL.log_count DD.halbu { margin:31px 0px 6px 0px; } 

DL.log_count DD.static_count { border-bottom:1px solid #d5dbe2; border-top:1px solid #d5dbe2; } 
DL.log_count UL { border-bottom:1px dotted #d5dbe2; height:38px; } 
DL.log_count UL.last { border-bottom:0; } 

DL.log_count UL LI { font-size:13px; color:#666666; line-height:40px; } 
DL.log_count DD.static_count LI.st { float:left; width:90px; text-align:left; } 
DL.log_count DD.static_count LI.data { float:right; width:150px; text-align:right; letter-spacing:0.03em; } 

DIV.boxline { position:absolute; z-index:1; } 
DIV.boxline DIV.inside_line { position:relative; top:-1px; left:-1px; width:1035px; height:413px; border:1px solid #bec3ca; } 

DIV.login_info { width:1180px; margin:0 auto; } 
DIV.login_info H2 { font-size:21px; } 
DIV.login_info DIV { font-size:13px; color:#666; margin:9px 0px 19px 0px } 




/* lightslide 슬라이드 */
.lSSlideOuter { position:relative; /*overflow: hidden; */
 -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 18; } 
.lightSlider:before, .lightSlider:after { content: " "; display: table; } 
.lightSlider { overflow: hidden; margin: 0; } 
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } 
.lSSlideWrapper > .lightSlider:after { clear: both; } 
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; transition: all 1s; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } 
.lSSlideWrapper .lSFade { position: relative; } 
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } 
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } 
.lSSlideWrapper .lSFade > *.active { z-index: 10; } 
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } 
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } 
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } 
.lSSlideOuter .lSPager.lSpg > li a { background:url(/image/common/sp_arrow.png) no-repeat center center; background-position:-20px 0; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; } 
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background:url(/image/common/sp_arrow.png) no-repeat center center; background-position:-30px 0; } 
.lSSlideOuter .media { opacity: 0.8; } 
.lSSlideOuter .media.active { opacity: 1; } 
/* End of pager */

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

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


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

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


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

@-webkit-keyframes rightEnd { 
 0% { left: 0; } 

 50% { left: -15px; } 

 100% { left: 0; } 
 }
@keyframes rightEnd { 
 0% { left: 0; } 

 50% { left: -15px; } 

 100% { left: 0; } 
 }
@-webkit-keyframes topEnd { 
 0% { top: 0; } 

 50% { top: -15px; } 

 100% { top: 0; } 
 }
@keyframes topEnd { 
 0% { top: 0; } 

 50% { top: -15px; } 

 100% { top: 0; } 
 }
@-webkit-keyframes leftEnd { 
 0% { left: 0; } 

 50% { left: 15px; } 

 100% { left: 0; } 
 }
@keyframes leftEnd { 
 0% { left: 0; } 

 50% { left: 15px; } 

 100% { left: 0; } 
 }
@-webkit-keyframes bottomEnd { 
 0% { bottom: 0; } 

 50% { bottom: -15px; } 

 100% { bottom: 0; } 
 }
@keyframes bottomEnd { 
 0% { bottom: 0; } 

 50% { bottom: -15px; } 

 100% { bottom: 0; } 
 }
.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } 
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } 
.lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } 
.lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } 
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } 
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } 
/*/ GRab cursor */
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } 
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } 
/* lightslide 슬라이드 끝*/

/* 롤링배너_New 0524*/
.rolling_slide_wrp .rolling_slide_control { text-align:right; position:relative; margin-top:-15px; z-index:21; } 
.rolling_slide_wrp .rolling_slide_lnk2:link,
.rolling_slide_wrp .rolling_slide_lnk2:visited { line-height:20px; color:#666666; font-size:13px; } 
.rolling_slide_wrp .rolling_slide_lnk2:hover,
.rolling_slide_wrp .rolling_slide_lnk2:active { line-height:20px; color:#1e75d6; font-size:13px; } 

.rolling_slide_wrp .rolling_slide_lnk2t1:link,
.rolling_slide_wrp .rolling_slide_lnk2t1:visited { line-height:20px; color:#666; font-size:13px; } 
.rolling_slide_wrp .rolling_slide_lnk2t1:hover,
.rolling_slide_wrp .rolling_slide_lnk2t1:active { line-height:20px; color:#1e75d6; font-size:13px; } 

.rolling_slide_wrp .rolling_slide_img { width:240px; } 
.msie .rolling_slide_wrp .rolling_slide_img { margin-top: 1px; } 
.rolling_slide_wrp .rolling_slide_para { margin-top:14px; height:40px; overflow:hidden; } 
.rolling_slide_wrp .slide_play { display:none; width:8px; height:8px; background:url(/image/common/sp_arrow.png) no-repeat; background-position:-50px 0; } 
.rolling_slide_wrp .slide_pause { display:inline-block; width:8px; height:8px; background:url(/image/common/sp_arrow.png) no-repeat; background-position:-40px 0; } 
.rolling_slide_wrp .lSSlideOuter .lSPager.lSpg { padding-left:24px; padding-top:7px; } 
.rolling_slide_wrp .lSSlideOuter .lSPager.lSpg > li { padding:0 9px 0 9px; } 

.lSSlideWrapper.usingCss { height: 185px; } 
.rolling_slide_para { margin-top:12px; padding-bottom:30px; } 
.rolling_slide_lnk2:link, .rolling_slide_wrp .rolling_slide_lnk2:visited { line-height:24px } 
.rolling_slide_lnk2:hover, .rolling_slide_wrp .rolling_slide_lnk2:active { line-height:24px } 
.lSSlideOuter .lSPager.lSpg { z-index:10 } 
.rolling_slide_control { z-index:10; } 
.main_numstore { width: 1180px; margin: 0 auto; } 


/* 조회 수정 0906 */
.main_content.store_main .login_info { overflow:hidden; } 
.login_info .info_area { float:left; } 
.login_info .store_search { float:right; padding:0; } 
.main_content.store_main .store_search { float:right; padding:20px 0 0 0; } 

.inquery_box .form_select.type1 input[type="text"] { padding:9px 0 8px 10px; } 
.inquery_box .form_select.type1 .hcbtn_midium.type1 { margin-left:11px; } 
.input412 { width:412px; } 
.inquery_con .choice_base.type_3 p.helf_txt { clear:both; } 
.inquery_con .choice.type_1 { overflow:hidden; } 
.form_select.type2.selectstore { width:auto; white-space:nowrap} 
.form_select.type2 .select_wrap.input01,
.form_select.type2 .select_wrap.numStore1,
.form_select.type2 .select_wrap.mcno,
.form_select.type2 .select_wrap.numStore4,
.form_select.type2 .select_wrap.formNumStore,
.form_select.type2 .select_wrap.numStore3,
.form_select.type2 .select_wrap.formNumStore2,
.form_select.type2 .select_wrap.formNumStore1,
.form_select.type2 .select_wrap.num_store2,
.form_select.type2 .select_wrap.num_store1 { width:422px; } 


/* 가맹점IB플랫폼 작업 */
/* 메인 */
.main_content_wrap .main_section.first.mod > li.section1 { width:541px; padding:37px 25px 0; /*padding:37px 50px 0; */ } 
.main_content_wrap .main_section.first.mod > li.section2 { width:238px; height:271px; background:none; padding:37px 27px 0px 28px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; } 
.normal_b dt .sub_txt { font-size:13px; color:#888; margin-top:10px; } 
.main_content_wrap .main_mp_benefit { position:relative; margin-top:21px; padding-left:124px; background:url(/docfiles/store/image/main/img_M.png) no-repeat 0 0 } 
.main_content_wrap .main_mp_benefit h3 { font-size:13px; color:#000; font-weight:bold; border-bottom:1px solid #e1e1e1; padding-bottom:12px; } 
.main_content_wrap .main_mp_benefit .join { position:absolute; right:0; top:0 } 
.main_content_wrap .main_mp_benefit .join a { font-weight:normal; font-size:13px; } 
.main_content_wrap .main_mp_benefit ul { margin-top:26px; overflow:hidden; } 
.main_content_wrap .main_mp_benefit ul li { float:left; width:152px; font-size:13px; color:#666; letter-spacing:-0.05em; line-height:18px; margin-bottom:30px; padding-left:52px; padding-top:3px; background-repeat:no-repeat; background-position:0 0; min-height:40px; } 
.main_content_wrap .main_mp_benefit ul li.no1 { background-image:url(/docfiles/store/image/main/icon_01.png) } 
.main_content_wrap .main_mp_benefit ul li.no2 { background-image:url(/docfiles/store/image/main/icon_02.png) } 
.main_content_wrap .main_mp_benefit ul li.no3 { background-image:url(/docfiles/store/image/main/icon_03.png) } 
.main_content_wrap .main_mp_benefit ul li.no4 { background-image:url(/docfiles/store/image/main/icon_04.png) } 
.main_content_wrap .main_mp_benefit2 { min-height:172px; position:relative; margin-top:21px; padding-left:132px; background:url(/docfiles/store/image/main/img_M.png) no-repeat 0 0; font-size:15px; color:#000; line-height:22px; margin:19px -10px 0 0; } 
.main_content_wrap .main_mp_benefit2 .join a { font-size:13px; } 
.main_content_wrap .list_dot_2 li { margin-bottom:4px; } 
.main_content_wrap .list_dot_2 li:before { top:9px; left:0px; background-color:#444; content:''; width:3px; height:3px; } 

.main_content_wrap.login_type2 { position:relative; } 
.main_content_wrap.login_type2 .main_section_login.first { background-color:#f6f9fd; border:1px solid #d6d6d6; } 
.main_content_wrap.login_type2 .main_section_login.first > li.section0 { width:832px; height:680px; position:relative; } 
.main_content_wrap.login_type2 .main_section_login.first > li { border:none; } 
.main_content_wrap.login_type2 .h2_wrap { margin-bottom:16px; } 
.main_content_wrap.login_type2 .h2_wrap.type2 { margin-bottom:21px; } 
.main_content_wrap.login_type2 .h2_wrap h2 { display:inline-block; font-size:15px; } 
.main_content_wrap.login_type2 .h2_wrap * { vertical-align:middle } 
.main_content_wrap.login_type2 .h2_wrap h2 + .guide { margin-left:0; margin-top:-2px; } 
.main_content_wrap.login_type2 .h2_wrap h2 strong { display:inline-block; font-size:21px; font-weight:normal; margin-right:7px; } 
.main_content_wrap.login_type2 .h2_wrap .guide .btn_guide span { text-indent:-9999em; padding-left:0; min-width:22px; } 
.main_content_wrap.login_type2 .h2_wrap .date { display:inline-block; color:#1e75d6; line-height:22px } 
/* s: 삭제 예정 */
.main_content_wrap.login_type2 .table_wrap.second { margin-top:46px; } 
.main_content_wrap.login_type2 .table_wrap li { float:left; width:368px; } 
.main_content_wrap.login_type2 .table_wrap li.last { width:440px; margin-left:24px; } 
.main_content_wrap.login_type2 .table_wrap li.no_tit { padding-top:38px; } 
/* e :삭제 예정 */
.main_table th,
.main_table td { font-size:13px; border-bottom:1px solid #d5dbe2; line-height:1.4em; border-right:1px solid #d5dbe2; padding:10px 0 9px; background-color:#f6f9fd } 
.main_table th { text-align:center; font-weight:normal; } 
.main_table td { color:#666; } 
.main_table th.last,
.main_table td.last { border-right:none; } 
.main_table .bg { background-color:#e7f0fa } 
.main_table .line2 { border-right-width:2px } 
.main_table .col_left { text-align:left; padding-left:5px; } 
.main_table .col_right { text-align:right; padding-right:5px; } 
.main_table .col_center { text-align:center } 
.main_table tr.rowH { height:67px; line-height:18px; } 
.main_table tr.rowH2 th,
.main_table tr.rowH2 td { padding-top:8px; padding-bottom:7px; } 
.main_table tr.rowH2.last th,
.main_table tr.rowH2.last td { padding-top:9px; padding-bottom:8px; } 
.main_table tr.row1H2 td { padding-top:14px; padding-bottom:14px; } 
.main_table tr.row1H2.last td { padding-top:15px; padding-bottom:15px; } 
.main_content_wrap.login_type2 .main_section_login.first > li.section3 { height:320px; border-left:1px solid #d6d6d6; } 
.main_content_wrap.login_type2 .main_section.second { position:absolute; right:1px; bottom:1px; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-bottom:none; border-right:none; background-color:#fff; } 
.main_content_wrap.login_type2 .main_section.second > li { border-left:none; width:241px; height:321px; } 

.main_content_wrap.login_type2 .main_tab { position:absolute; right:38px; top:37px } 
.main_content_wrap.login_type2 .main_tab li { display:inline-block; padding:0 14px; } 
.main_content_wrap.login_type2 .main_tab li:first-child { border-right:1px solid #e5e5e5 } 
.main_content_wrap.login_type2 .main_tab li a { color:#000; } 
.main_content_wrap.login_type2 .main_tab li.on a { color:#1e75d6; text-decoration:underline; } 
.main_content_wrap.login_type2 .section0 h2 { font-size:21px; margin-bottom:11px; } 
.main_content_wrap.login_type2 .section0 h3 { font-size:15px; color:#000; margin-bottom:11px; } 
.main_content_wrap.login_type2 .section0 .h3_wrap { position:relative; } 
.main_content_wrap.login_type2 .section0 .h3_wrap span.note { position: absolute; right: 0; top: 1px; font-size: 12px; color: #666; } 

.main_content_wrap.login_type2 .form_select.type2 { width:244px; } 
.main_content_wrap.login_type2 .table_tab { margin:29px 0; } 
.main_content_wrap.login_type2 .table_tab.second { margin-top:46px; } 
.main_content_wrap.login_type2 .table_tab li { float:left; width:474px; } 
.main_content_wrap.login_type2 .table_tab li.last { width:312px; margin-left:46px; } 
.main_content_wrap.login_type2 .table_tab li.no_tit { padding-top:26px; } 
.status { display:inline-block; margin-left:5px; } 
.status.up { color:#e0261e; } 
.status.down { color:#1e75d6; } 
.main_table .line_l { border-left:1px solid #d5dbe2; } 
.main_content_wrap.login_type2 .list_style01 { margin-top:14px; } 
.main_content_wrap.login_type2 .list_style01 li { line-height:22px; } 
.main_content_wrap.login_type2 .list_style01 li.inline,
.main_content_wrap.login_type2 .list_style02 li.inline { display:inline-block; letter-spacing:-0.07em; margin-right:5px; } 
.main_content_wrap.login_type2 .list_style02 { margin-top:1px; } 
.main_content_wrap.login_type2 .list_style02 li { color:#999; line-height:20px } 

.main_content_wrap.login_type2 .normal_b .myaccount_store { margin-top:50px; } 
.main_content_wrap.login_type2 .normal_b .myaccount_store li { margin-bottom:50px; } 
.main_content_wrap.login_type2 .main_section .content_title { margin-bottom:20px; } 
.main_content_wrap.login_type2 .rolling_slide_wrp .lSSlideOuter .lSPager.lSpg { margin-top:10px !important; } 


.myaccount_store { overflow:hidden; width:238px; margin-top:30px; } 
.myaccount_store li { float:left; width:119px; margin-bottom:35px; } 
.myaccount_store li a { position:relative; font-size:13px; text-align:center; color:#666; display:block; } 
.myaccount_store li a:hover { color:#1e75d6; } 
.myaccount_store li a:before { content:""; display:block; background:url(/docfiles/store/image/main/main_icon.gif); width:48px; height:48px; margin:0 auto 12px; } 
.myaccount_store.type2 li.no2 a:before,
.myaccount_store li.no1 a:before { background-position:0px 0px; } 
.myaccount_store.type2 li.no2 a:hover:before,
.myaccount_store li.no1 a:hover:before { background-position: 0px -48px; } 
.myaccount_store li.no2 a:before { background-position:-192px 0 } 
.myaccount_store li.no2 a:hover:before { background-position: -192px -48px; } 
.myaccount_store li.no3 a:before { background-position: -96px 0; } 
.myaccount_store li.no3 a:hover:before { background-position: -96px -48px; } 
.myaccount_store li.no4 a:before { background-position: -144px 0; } 
.myaccount_store li.no4 a:hover:before { background-position: -144px -48px; } 
.myaccount_store.type2 .no1 { letter-spacing:-0.06em } 
.myaccount_store.type2 li.no1 a:before { background-position:-384px 0px; } 
.myaccount_store.type2 li.no1 a:hover:before { background-position: -384px -48px; } 

.area_content .infor_area { width:100%; background:#fafafa; margin-bottom:40px; } 
.cage_area.infor_area { /*margin-top:-265px*/margin-top:-235px } 
.infor_section { margin:0 auto; padding:40px 0 30px; text-align:center; width:1032px; } 
.infor_section.type2 { padding:245px 0 40px } 
.infor_section .infor_desc { font-size:24px; line-height:24px } 
.infor_mycondition_box .infor_desc { position:relative; margin-top:-5px; line-height:24px } 
.infor_section .btn_area { margin-top:40px; } 
.infor_section .btn_area.btn_w2n a:first-child { margin-right:12px; } 
.infor_desc p { font-size:15px; color:#666; } 

.info .sub_list > li { position:relative; border-top:1px solid #f1f1f1; padding-top:16px; margin-top:10px; } 
.info .sub_list li:first-child { border-top:none; padding-top:0; margin-top:0; } 
.info .sub_list li .col.btn { position:absolute; right:15px; bottom:11px; } 
.info .sub_list.w2n li .col { display:inline-block } 
.info .sub_list.w2n li .col:first-child { width:150px; } 
.info .bind_item ul li:first-child { margin-left:0px; } 
.info .bind_item { font-size:0; vertical-align:middle; } 
.info .bind_item:after { display:block; content:''; clear:both; } 
.info .bind_item strong { display:block; color:#000; font-size:15px; font-weight:normal; line-height:19px; } 
.info .bind_item ul { display:block; margin:0; } 
.info .bind_item ul:after { display:block; content:''; clear:both; } 
.info .bind_item ul li { float:left; padding:0 0 0 12px; background:url('/image/common/bar_type_05.png') no-repeat 6px 49%; color:#666; font-size:13px; line-height:24px; } 
.info .bind_item ul li:first-child { padding:0; background:none; } 
.radioWrap.w5n > p { width:15%; padding-left:30px; } 

dl.info .note { font-size:13px; color:#666; } 
dl.info .note.line { border-top:1px solid #f0f0f0; padding-top:10px; margin:15px 0 10px; } 
.col_wrap .col { display:inline-block; vertical-align:middle; } 
.col_wrap.name .col.first { padding-top:10px; vertical-align:top; margin-right:20px; } 
.info_list_box.type_2 { padding:20px 0 0 64px; margin-top:15px; border-bottom:none; } 
.info_list.type_2 > li dl.info.type1 { overflow:hidden; } 
#joinInput .info_list.type_2 > li dl.info.type1 dt { width:168px; } 
#joinInput .info_list.type_2 > li dl.info.type1 dd { width:800px; } 
.info_list.type_2 > li.accordion_unit { width:100%; } 
.info_list.type_2 > li.cl_data { float:none; clear:both; border-top:1px solid #f1f1f1; } 
.info_list.type_2 > li.cl_data .agree_title { font-size:15px; } 
.info_list.type_2 > li.cl_data .accordion_unit .tit_wrap2 .btn_fold { top:20px; } 
.info_list.type_2 > li.cl_data .accordion_unit.on .box_fold { height:400px; line-height:24px; font-size:13px; } 
.item_list .qusetion_article.agree { border-top:1px solid #f0f0f0; border-bottom:none; } 
.item_list .agree .qusetion { padding:15px 40px 15px 0 } 
.item_list.on .agree .qusetion { font-family:'YouandiModernTR'; } 
.item_list .agree + .answer_article { padding:20px } 
.item_list .answer_article .agree_cont { padding:10px 40px; } 
.result_message { border-top:1px solid #f1f1f1; padding:20px 0; text-align:center; } 
.agree_cont .con-type2 .tit { float:none; width:100%; } 
.check_agree.btn.left { text-align:left; } 
.check_agree.btn { position:relative; text-align:center; padding:10px 0; margin-top:10px; } 
.check_agree .hcbtn.print { position:absolute; right:0; top:0 } 

.span_status { display:inline-block; border:1px solid #e5e5e5; min-width:64px; height:18px; font-size:11px; color:#666; line-height:18px; text-align:center; } 
.span_status.on { border:1px solid #1e75d6; color:#1e75d6; } 
.span_status2 { display:inline-block; border:1px solid #1e75d6; height:18px; font-size:11px; color:#1e75d6; line-height:18px; text-align:center; padding:0 8px; margin-top:5px; } 
.hcbtn_small { display:inline-block; min-width:57px; height:18px; background-color:#f4f4f4; border:1px solid #e1e1e1; color:#999; padding:0; font-size:11px; line-height:18px; text-align:center; } 
.hcbtn_small.on { background-color:#1e75d6; border-color:#1e75d6; color:#fff; } 

.guide .ico_guide span { display:inline-block; padding:3px 0 3px 23px; color:#666; font-size:13px; font-family:'YouandiModernTR'; background:url(/image/icon/icon_guide.png) no-repeat 0 50%; } 
.guide .ico_guide span:hover { background:url(/image/icon/icon_guide_over.png) no-repeat 0 50%; } 
p.note { font-size:13px; color:#666; line-height:18px; margin-top:10px; } 
p.note + p.note { margin-top:5px } 

/* 계약서 */
.input_data,
.input_data2 { display:inline-block; border-bottom:1px solid #333; padding:0 2px; line-height:16px; color:#1e75d6; font-weight:bold; } 
.con-type2.second { margin-top:40px; } 
.con-type2 h3 { font-size:16px; color:#000; font-weight:bold; margin-bottom:20px; } 
.con-type2 h4 { margin-bottom:10px; } 
.con-type2 .contract_table { table-layout:fixed; width:100%; font-size:13px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; } 
.con-type2 .contract_table thead th { font-weight:normal; border-bottom:1px solid #e1e1e1; text-align:center; padding:10px 0; color:#000; } 
.con-type2 .contract_table th,
.con-type2 .contract_table td { text-align:left; border-bottom:1px solid #f0f0f0; color:#666; line-height:20px; padding:10px 16px; background-color:#fff; } 
.con-type2 .contract_table th { padding-left:20px; } 

/* 제휴 신청 안내 */
.process_box_section { padding:40px 0 36px; border:1px solid #e2e2e2; text-align:center; } 
.process_box_section .process_box { display:inline-block; border:none; padding:0; } 
.process_box_section .process_box:after { display:block; content:''; clear:both; } 
.process_box_section .process_box.step li { background:url(/image/common/arrow_right_08.png) no-repeat 0 50%; } 
.process_box_section .process_box.setp li:first-child { background:none } 
.process_box_section .process_box.step li:before { background-position:50% top; } 
.process_box_section.join { margin-top:20px; } 
.process_box_section.join .process_box { width:100%; } 
.process_box_section.join .process_box li { width:20%; } 
.process_box_section.join .process_box li.i01 { background:none; } 
.process_box_section.join .process_box li.i01:before { background-image:url(/docfiles/store/image/icon/icon_01.png); } 
.process_box_section.join .process_box li.i02:before { background-image:url(/docfiles/store/image/icon/icon_02.png); } 
.process_box_section.join .process_box li.i03:before { background-image:url(/docfiles/store/image/icon/icon_03.png); } 
.process_box_section.join .process_box li.i04:before { background-image:url(/docfiles/store/image/icon/icon_04.png); } 
.process_box_section.join .process_box li.i05:before { background-image:url(/docfiles/store/image/icon/icon_05.png); } 

/* M포인트 사용 제휴 안내 */
.box_section { padding:60px 0; border:1px solid #e2e2e2; text-align:center; padding-top:58px; text-align:center; margin-top:38px; } 
.mp_use_wrap .use_list { overflow:hidden; } 
.mp_use_wrap .use_list li { float:left; font-size:15px; width:12.5%; padding-top:58px; text-align:center; } 
.mp_use_wrap .use_list li:before { content:''; display:block; background-position:50% top; width:100%; height:60px; background-repeat:no-repeat; } 
.mp_use_wrap .use_list li.i01:before { background-image:url(/docfiles/store/image/icon/icon2_01.png); } 
.mp_use_wrap .use_list li.i02:before { background-image:url(/docfiles/store/image/icon/icon2_02.png); } 
.mp_use_wrap .use_list li.i03:before { background-image:url(/docfiles/store/image/icon/icon2_03.png); } 
.mp_use_wrap .use_list li.i04:before { background-image:url(/docfiles/store/image/icon/icon2_04.png); } 
.mp_use_wrap .use_list li.i05:before { background-image:url(/docfiles/store/image/icon/icon2_05.png); } 
.mp_use_wrap .use_list li.i06:before { background-image:url(/docfiles/store/image/icon/icon2_06.png); } 
.mp_use_wrap .use_list li.i07:before { background-image:url(/docfiles/store/image/icon/icon2_07.png); } 
.mp_use_wrap .use_list li.i08:before { background-image:url(/docfiles/store/image/icon/icon2_08.png); } 

.mp_benefit { overflow:hidden; margin-top:18px; } 
.mp_benefit li { position:relative; float:left; width:50%; padding-left:60px; line-height:20px; margin-bottom:40px; box-sizing:border-box; } 
.mp_benefit li.i07 { margin-bottom:10px; } 
.mp_benefit li p { font-size:13px; color:#666; margin-top:6px; } 
.mp_benefit li:before { content:''; display:inline-block; background-position:0 0; width:58px; height:60px; background-repeat:no-repeat; position:absolute; left:0; top:0; } 
.mp_benefit li.i01:before { background-image:url(/docfiles/store/image/icon/icon2_09.png); top:10px; } 
.mp_benefit li.i02:before { background-image:url(/docfiles/store/image/icon/icon2_10.png); } 
.mp_benefit li.i03:before { background-image:url(/docfiles/store/image/icon/icon2_11.png); } 
.mp_benefit li.i04:before { background-image:url(/docfiles/store/image/icon/icon2_12.png); } 
.mp_benefit li.i05:before { background-image:url(/docfiles/store/image/icon/icon2_13.png); } 
.mp_benefit li.i06:before { background-image:url(/docfiles/store/image/icon/icon2_14.png); } 
.mp_benefit li.i07:before { background-image:url(/docfiles/store/image/icon/icon2_15.png); top:5px; } 
p.note.line { border-top:1px solid #eaeaea; padding-top:20px; } 

/*=========================*/
/* 1501px 이상 */
/*=========================*/
@media only screen and (min-width:1501px) { DIV.login_info { width:1382px; margin:0 auto; } 
 DIV.member_store { width:256px; background-color:fff; margin-left:44px; } 
 .main_content_wrap .main_section.store_mng { width:100%; padding-left:345px; border-right:1px solid #e1e1e1; box-sizing:border-box; } 
 .main_content_wrap .main_section.first > li.section1 { width:344px; padding:44px 0px 0px 0px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; } 
 .main_content_wrap .main_section.first > li.section2 { width:344px; padding:44px 0px 0px 2px; background:url(/docfiles/store/image/main/vertical_line.gif) no-repeat; border-top:1px solid #e1e1e1; } 
 .main_content_wrap .main_section.first > li.section3 { width:238px; padding:37px 53px 0px 53px; border-left:1px solid #e1e1e1; height:271px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; } 
 .main_content_wrap li.area_login { width:240px; height:565px; padding:52px 52px 0 52px; border-left:1px solid #e1e1e1; border-top:1px solid #e1e1e1; position:absolute; } 
 .main_content_wrap .main_section.second { padding-left:344px; } 
 .main_content_wrap .main_section.second > li.section1 { width:238px; padding:38px 53px 0px 53px; border-left:1px solid #e1e1e1; } 
 .main_content_wrap .main_section.second > li.section2 { width:238px; padding:38px 53px 0px 53px; border-left:1px solid #e1e1e1; } 
 .main_content_wrap .main_section.second > li.section3 { width:239px; padding:36px 53px 0px 53px; border-left:1px solid #e1e1e1; } 
 .msie .main_content_wrap .main_section.second > li.section3 { width:239px; padding:38px 53px 0px 53px; border-left:1px solid #e1e1e1; } 
 .main_content_wrap .main_section.second > li.section4 { width:235px; padding:38px 53px 0px 53px; border-left:1px solid #e1e1e1; } 
 .main_content_wrap .main_section.second > li.section3 .img_list_area .img_list>li .img img { width:240px; height:135px; margin-left:0px; margin-right:0px; } 
 .main_content_wrap { width:1382px; height:auto; margin:0 auto 120px; } 
 
 .main_content_wrap .main_section.first.mod > li.section1 { width:590px; padding:37px 50px 0 } 
.main_content_wrap .main_section.first.mod > li.section2 { padding:37px 53px 0; } 
.main_content_wrap .main_mp_benefit { padding-left:144px } 
.main_content_wrap .main_mp_benefit ul li { width:160px; padding-left:62px; } 
 
 .main_content_wrap .main_section_login.first > li.section0 { width:240px; padding:37px 52px 0px 52px; border-left: 1px solid #bec3ca; border-top: 1px solid #bec3ca; border-bottom: 1px solid #bec3ca; } 
 .main_content_wrap .main_section_login.first > li.section1 { width:241px; padding:37px 52px 0px 52px; background:url(/docfiles/store/image/main/vertical_line2.gif) no-repeat; border-top: 1px solid #bec3ca; border-bottom: 1px solid #bec3ca; } 
 .main_content_wrap .main_section_login.first > li.section2 { width:241px; padding:37px 50px 0px 54px; border-left:1px solid #bec3ca; border-top: 1px solid #bec3ca; border-bottom: 1px solid #bec3ca; } 
 .main_content_wrap .main_section_login.first > li.section3 { width:238px; padding:37px 53px 0px 53px; border-left:1px solid #bec3ca; border-top: 1px solid #e1e1e1; height:376px; background:#ffffff; border-bottom: 1px solid #e1e1e1; } 
 .main_content_wrap .main_section_login.first > li.section3 .img_list_area .img_list>li a.img_area span.txt { padding-top:147px; } 
 
 .main_content_wrap.login_type2 .main_section_login.first > li { border:none; } 
.main_content_wrap.login_type2 .main_section_login.first > li.section0 { width:928px; height:680px } 
.main_content_wrap.login_type2 .main_section_login.first > li.section3 { width:241px; height:320px; } 
/* s: 삭제 예쩡 */
.main_content_wrap.login_type2 .table_wrap li { width:440px; } 
.main_content_wrap.login_type2 .table_wrap li.last { width:462px; } 
/* e: 삭제 예쩡 */
.main_content_wrap.login_type2 .main_section.second > li { border-left:none; width:241px; height:321px; }  
.main_content_wrap.login_type2 .table_tab li { float:left; width:532px; } 
.main_content_wrap.login_type2 .table_tab li.last { width:344px; margin-left:52px; } 
 
 /* footer_notice */
 .footer_notice_box { height:48px; background:#fafafa; } 
 .footer_notice { width: 1382px; position:absolute; left: 50%; margin-left:-693px; margin-top: 3px; } 
 .footer_notice .inner_mcon { padding:0 142px 0 129px; height:48px; line-height:48px; overflow:hidden; border-bottom:1px solid #e1e1e1; } 
 .footer_notice .inner_mcon h2 { position:absolute; left:0; top:0; padding-left:55px; } 
 .footer_notice .inner_mcon h2 a { display:block; padding:0 10px 0 0; height:48px; line-height:48px; font-size:13px; color:#000; } 
 .footer_notice .inner_mcon h2 a:hover { color: #1e75d6; } 
 .footer_notice .inner_mcon .bbs_list { padding-left: 28px; } 
 .footer_notice .inner_mcon .bbs_list li { padding-right:100px; text-align:left; } 
 .footer_notice .inner_mcon .bbs_list li a { display:block; font-size:13px; color:#666; } 
 .footer_notice .inner_mcon .bbs_list li a .date { display:block; position:absolute; right: 165px; top:0; height:48px; line-height:48px; } 
 .footer_notice .inner_mcon .bbs_list li a .tit { display:block; } 
 .footer_notice .inner_mcon .bbs_list li a:hover .tit { color: #1e75d6; } 
 .footer_notice .inner_mcon .board_paging { position:absolute; right:49px; top: 13px; } 
 .board_paging { float:right; position:relative; width:74px; text-align:center } 
 .board_paging .current_paging { font-size:11px; color:#666; line-height:21px } 
 .board_paging .current_paging strong { font-weight:normal; color:#000; } 
 .board_paging ul li a { display:block; position:relative; width:19px; height:19px; border:1px solid #e1e1e1; text-indent:-999em } 
 .board_paging ul li.prev_btn { position:absolute; top:0; left:0; } 
 .board_paging ul li.next_btn { position:absolute; top:0; right:0; } 
 .board_paging ul li.prev_btn a:before { display:block; position:absolute; top:6px; left:7px; width:4px; height:7px; background:url(/image/common/sp_arrow.png) no-repeat -44px -106px; content:"" } 
 .board_paging ul li.next_btn a:before { display:block; position:absolute; top:6px; left:7px; width:4px; height:7px; background:url(/image/common/sp_arrow.png) no-repeat -52px -106px; content:"" } 
 
 .main_numstore { width: 1382px; } 
 }

/* 가맹점IB플랫폼 작업(2차) */
.area_content .infor_area.blue { background:#1e75d6; margin-bottom:0; } 
.area_content .infor_area.type2 { background:none; margin-bottom:0; } 
.infor_area.blue .infor_section.type2 { padding-top:265px } 
.form_select_chart > ul { width:750px; margin:0 auto; } 
.form_select_chart ul:after { content:""; display:block; float:none; clear:both; } 
.form_select_chart ul li { float:left; width:25%; box-sizing:border-box; } 
.form_select_chart ul li { padding-left:12px } 
.form_select_chart ul li:first-child { padding-left:0 } 
.form_select_chart ul li span { display:block } 
.form_select_chart .item { border:1px solid #468bd9; color:#fff; margin-bottom:12px; min-height:30px; line-height:30px; } 
.form_select_chart .form_select { width:100%; } 
.form_select_chart .info { display:inline-block; font-size:13px; color:#96c0ee; margin-bottom:30px; background:url(/docfiles/store/image/icon/icon_info.png) no-repeat 0 2px; padding:5px 0 5px 22px } 
.form_select_chart .info strong { color:#fff; font-weight:normal; } 
.form_select_chart .select_wrap .btn_select { background-color:transparent; } 
.form_select_chart .select_wrap .btn_select { font-size:13px; color:#fff; height:30px; line-height:30px; } 
.form_select_chart .select_wrap .btn_select:after { background: url(/docfiles/store/image/common/arrow_select02.png); height:30px; background-position:50% -163px; } 
.form_select_chart .select_wrap.on .btn_select:after { background-position:50% -204px; } 
.form_select_chart .select_wrap { border-color:#468bd9; background-color:#1e75d6; margin-bottom:8px; height:30px; } 
.form_select_chart .select_wrap .ul_select li { height:30px; } 
.form_select_chart .select_wrap.on .ul_select_list { top:30px; } 
.form_select_chart .select_wrap.on .ul_select_list { border-color:#468bd9; background-color:#468bd9; } 
.form_select_chart .select_wrap .ul_select li.on a, 
.form_select_chart .select_wrap .ul_select li a:hover { background-color:#468bd9; color:#fff; font-size:13px; line-height:30px; } 
.cage_area.info_status { width:100%; background-color:#fafafa; margin:0; } 
.cage_area.info_status .inner { width:1032px; margin:0 auto 80px; padding:50px 0; } 
.cage_area.info_status .inner h2 { font-size:25px; text-align:center; margin-bottom:40px; } 
.cage_area.info_status ul { overflow:hidden; } 
.cage_area.info_status ul li { float:left; width:17%; text-align:center; } 
.cage_area.info_status ul li.first { width:15% } 
.cage_area.info_status ul li strong { display:block; font-weight:normal; color:#666; margin-bottom:16px; } 
.cage_area.info_status ul li.first { padding-top:30px; } 
.cage_area.info_status ul li.first strong { display:inline-block; font-weight:bold; margin-bottom:0; } 
.cage_area.info_status .note { border-top:1px solid #e1e1e1; margin-top:40px; padding-top:30px; font-size:13px; color:#666 } 
.cage_area.info_status .note strong { color:#000; font-weight:normal; } 
.cage_area.info_status .note p { margin-top:12px } 
.cage_area.info_status .note p:first-child { margin-top:0; } 

.gray_box { border:1px solid #e2e2e2; padding:28px 30px; } 
.ico_guide.info span { display:inline-block; padding:3px 0 3px 23px; color:#000; font-size:15px; font-family:'YouandiModernTR'; background:url(/image/icon/icon_guide_over.png) no-repeat 0 50%; } 
.report .note_list li { font-size:13px; color:#666; line-height:22px } 
.report .note_list { margin-top:12px; } 
.line_section .content_article.report_section { border-bottom:none; border-top:none } 
.report_section h4 { font-size:17px; margin-top:40px; } 
.report_section h4:first-child { margin-top:20px; } 
.report_wrap { overflow:hidden; } 
.report_data { float:left } 
.report_wrap.line .report_data { width:486px; margin-left:59px; } 
.report_wrap.column .report_data { width:300px; margin-left:64px; } 
.report_wrap.column2 .report_data { width:486px; margin-left:60px; } 
.report_wrap .report_data:first-child { margin-left:0; } 
.report_data .tit { position:relative; font-size:15px; padding-bottom:20px; border-bottom:1px solid #8e8e8e; margin-top:20px; } 
.report_data.type_chart .tit { margin-bottom:10px; } 
.report_data .tit > em { position:absolute; top:2px; right:0; font-size:13px; color:#666; } 
.report_data .tit > span { display:inline-block; margin-left:10px; font-size:13px; color:#666; } 
.report_data .note_tip { font-size:15px; color:#1e75d6; margin-top:20px; } 
.report_data .note_tip.type { width:600px; } 
.report_data .chart_note { font-size:13px; color:#666; line-height:20px; margin-top:20px; } 
.report_data .chart_note.type { letter-spacing:-0.05em; } 
.report_data .chart { width:100%; border-bottom:1px solid #e1e1e1; padding:30px 0 20px; } 
.column .report_data .chart,
.column2 .report_data .chart { padding-top:14px; } 
.chart_table { table-layout:fixed; width:100%; font-size:13px; border-bottom:1px solid #e1e1e1; } 
.chart_table.type { font-size:15px; } 
.chart_table th,
.chart_table td { padding:20px 20px 20px 0; border-top:1px solid #f0f0f0; text-align:right; font-weight:normal; } 
.chart_table thead th,
.chart_table tbody th { color:#666; line-height:16px } 
.chart_table tbody td { color:#000; } 
.chart_table tfoot th,
.chart_table tfoot td { background-color:#fafafa; border-top:1px solid #e1e1e1; } 
.chart_table th em { color:#000; } 
.chart_table .left { text-align:left; padding-left:20px; padding-right:0; } 
.chart_table .bg { background-color:#fafafa; } 
.chart_table.type th,
.chart_table.type td { padding:20px 40px 20px 0 } 
.chart_table.type .left { padding-left:40px } 

/* 2차 작업 */
.infor_section.type2 { padding: 215px 0 40px; } 
.infor_section.type2 .btn_area > a { margin-right:12px; } 

.process_box_section.promotion { width:703px; } 
.process_box_section.promotion .process_box li { width:190px; } 
.process_box_section.promotion .process_box li:first-child { background:none; } 
.process_box_section.promotion .process_box li.i01:before { background-image:url(/docfiles/store/image/icon/icon_06.png); } 
.process_box_section.promotion .process_box li.i02:before { background-image:url(/docfiles/store/image/icon/icon_07.png); } 
.process_box_section.promotion .process_box li.i03:before { background-image:url(/docfiles/store/image/icon/icon_08.png); } 
.line_section .content_article.type3 { border-top-width:0; border-bottom-width:0; } 
.line_section .title_article.type2 { padding:0; } 
.line_section .title_article.type2 .title { font-size:21px; } 
.info .sub_list.w2n li .col.top { vertical-align:top } 
.guide.type_5 { margin-left:0; } 

.info_list_box.bd_none { border-bottom:0; } 
.info_list.type_2.incSub > li dl.info.type1 dt { width:190px; } 
.info_list.type_2.incSub > li dl.info.type1 dd { width:777px; } 
.info_list.type_2 > li dl.info.type1 dd.row1.last { padding-bottom:0; } 
.info .sub_list.w2n li .col:first-child { width:90px; } 
.chkwrap.list p { margin-bottom:10px; } 
.chkwrap.list p.last { margin-bottom:0; } 
.chkwrap label { font-size:13px; color:#666; } 
.radioType2 label > em { display:block; font-size:13px; color:#666; margin-top:10px; margin-left:3px; } 
.btn_area2.type { margin:10px 0 } 

.sendSelect { overflow:hidden; } 
.sendSelect > ul > li { float:left; width:50% } 
.mmsBox { width:310px; height:420px; padding:15px; box-sizing:border-box; margin:16px 0 15px; font-size:13px; color:#666; line-height:24px; border:1px solid #e1e1e1; } 
.mmsBox .form_select,
.mmsBox strong { display:block; margin-bottom:8px; } 
.mmsBox p.form { margin-bottom:10px; } 
.mmsBox .mms_input { font-size:13px; padding:6px 8px; } 
.mmsBox .mms_input.num { width:30px } 
.mmsBox .mms_input.name { width:130px; } 
.mmsBox .mms_input.name2 { width:244px; } 
.mmsBox .mms_input.event { width:244px } 
.mmsBox .mms_input.term { width:201px } 
.mmsBox .mms_input.tel { width:179px } 
.mmsBox .mms_input.address { width:200px } 
.mmsBox #benefitNote { margin-bottom:30px; } 
.mmsBox .mms_textarea { border:1px solid #e1e1e1; width:243px; height:36px; padding:5px 8px; font-size:13px; line-height:20px; color:#000; margin-top:7px; } 
.mmsBox .select_wrap { width:260px; height:28px; } 
.mmsBox .select_wrap .btn_select { font-size:12px; line-height:28px; height:28px; } 
.mmsBox .select_wrap .btn_select:after { height:28px; background-position:50% -3px } 
.mmsBox .select_wrap .ul_select_list { top:28px; } 
.mmsBox .select_wrap .ul_select li { height:28px; } 
.mmsBox .select_wrap .ul_select li a { height:28px; font-size:12px; line-height:20px; } 
.mmsBox_pop { background:url(/docfiles/store/image/customer/bg_MMS.png) no-repeat 0 0; width:257px; height:380px; padding:70px 20px; } 
.mmsBox_pop .inner { width:252px; height:420px; padding:20px 15px; box-sizing:border-box; font-size:13px; color:#666; line-height:24px; } 

.form_table.PR { border:none; } 
.form_table.PR td.left { padding:20px; text-align:left; } 
.form_table.PR td.left1 { padding:30px 20px 20px 64px; color:#666; } 
.form_table.PR td.left.unit { padding:30px 20px 20px; line-height:24px; } 
.form_select.quantity { width:110px; } 

.info_list.type_2 > li dl.info.type1.mod1 dt { width:200px } 
.info_list.type_2 > li dl.info.type1.mod1 dd { width:768px } 
.info.type1.mod1 .sub_list.w2n li .col:first-child { width:150px; } 
.box_layer.type { text-align:left; } 
.h4_tit_2 { font-size:17px; color:#000; margin:40px 0 20px; } 

/* 아이디 찾기 : 유의문구, button */
.note_area { position:relative; margin-top:20px; } 
.note_area:after {content:''; display:block; clear:both}
.note_area .txt { font-size:13px; color:#666; line-height:22px; } 
.note_area button.right { position:absolute; right:0; top:0; } 
.note_area .btn_form {position:absolute; right:0; top:0}

/* 2018-01-09 Add : 가맹점 매출관리 가맹점 정보관리 관련 */
.store_mng { width:100%; padding-left:345px; border-right:1px solid #e1e1e1; box-sizing:border-box; } 
.store_mng li { width:50% !important; height:309px !important; box-sizing:border-box; } 
.store_mng li.section2 { background-image:none !important; border-left:1px solid #e1e1e1 !important; } 
.store_mng li dl { width:50% !important; } 
.store_mng li .member_store { width:100% !important; margin-left:0 !important; } 
.store_mng li .member_store .title { margin-left:44px; } 

/* 2018-01-10 Add : 가맹점 로그인 후 My account 노출 시 */
.my_account_logon .myaccount_store { padding-top:30px; } 
.my_account_logon .myaccount_store li { padding-bottom:20px; } 


/* 2020-09-10 GGU465 storemain팝업 추가 */

.storemainpop { width:630px; height:424px!important; z-index:25!important; } 
.storemainpop .pl25 { padding-left:25px!important; } 
.storemainpop .pr25 { padding-right:25px!important; } 
.storemainpop .box_layer { height:100%; padding:40px!important; box-sizing: border-box; } 
.storemainpop .box_layer h3 { font-size:17px; color:#000; margin-bottom:0px; text-align:left; line-height:24px; border-bottom:none; } 
.storemainpop .box_layer h3 .txt_blue { color:#1e75d6; } 
.storemainpop .box_layer .tbl_area { position:relative; } 
.storemainpop .box_layer .tbl_area tbody tr.first { border-top: 2px solid #555; } 
.storemainpop .box_layer .tbl_area tbody th, .storemainpop .box_layer .tbl_area tbody td { padding:15px 0; } 
.storemainpop .box_layer .tbl_area tbody tr { border-bottom: 1px solid #f0f0f0; } 
.storemainpop .box_layer .tbl_area tbody td .txt_grey { color:#666; } 
.storemainpop .box_layer .list_style01 { margin-top:15px; } 
.storemainpop .box_layer .list_style01 li { font-size:13px; text-align:left; color:#666; } 
.storemainpop .box_layer .btn_area { display:inline-block; } 
.storemainpop.popup01 .box_layer .btn_area { display:inline-block; margin-top:15px!important; } 
.storemainpop.popup02 .box_layer .btn_area { display:inline-block; margin-top:30px!important; } 
.storemainpop .box_layer .btn_area li { float:left; margin:0 5px; } 
.storemainpop .mt10 { margin-top:10px; } 
.storemainpop .mt30 { margin-top:30px!important; } 
.storemainpop .txt_l { text-align:left; } 

/* 2021-06-25 GGCP31 [가맹점홈페이지] 정보변경 휴대폰번호 변경 항목 오류 */
#type2IdDiv .info_list.type_2 > li dl.info.type1 {overflow: visible;}

/* as-is 공통 일부 override */
.radioType2 label,
.radioType5 label {padding-left:36px; background:none}
.radioType2 label:before,
.radioType5 label:before {content:''; position:absolute; left:0; top:50%; margin-top:-14px; width:28px; height:28px; background-color:#e0e0e0; border-radius:100%}
.radioType2 label:after {content:''; display:none; position:absolute; left:9px; top:50%; margin-top:-5px; width:10px; height:10px; background-color:#000; border-radius:100%}
.radioType2 .on label {color:inherit}
.radioType2 .on label:after {display:block}
.radioType2 + .check_wrap { margin-left: 150px; }
.check_wrap input[type=checkbox] + label { position:relative; padding-left:40px; display:inline-block; }
.check_wrap input[type=checkbox] + label:before { position:absolute; top:50%; left:0; width:28px; height:28px; background:#e0e0e0 url(/docfiles/store/images/common/ico_check_b_wht.png) no-repeat; background-size:28px 28px; border-radius:100%; transform:translateY(-50%); content:'';}
.check_wrap input[type=checkbox]:checked + label:before { background-color:#000; }


/* 어카운트 */
/* 가입확인서 */
.content_store_rep .group_content:nth-child(1) .title_group {border-bottom:0}
.content_store_rep .group_content .welcome {background:#f5f5f5; border-radius:8px; padding:40px 36px}
.content_store_rep .group_content .welcome h4 {margin:0; font-size:20px; line-height:26px; font-weight:bold}
.content_store_rep .group_content .welcome p {font-size:20px; line-height:26px; font-weight:500; color:#5c5c5c; margin-top:16px}
.content_store_rep .group_excp .cardsales {margin-top:50px}
.content_store_rep .group_excp .cardsales img {width:230px}
.content_store_rep .group_excp .sign_article {margin-top:83px; text-align:right}
.content_store_rep .group_excp .sign_article p {font-size:16px; line-height:22px}
.content_store_rep .group_excp .sign_article p ~ p {margin-top:23px}
.content_store_rep .group_excp .sign_article img {margin-left:-35px}
/* */
.content_guide .group_content {text-align:center}
.content_guide .group_content h3 {font-size:28px; line-height:36px; font-weight:bold}
.content_guide .group_content h3 ~ p {font-size:16px; line-height:22px;}
.content_guide .group_content h3 + p {margin-top:24px}
.content_guide .group_content p + .list_text {margin-top:24px; display:inline-block}
.content_guide .btns_area {margin-top:80px}
/* 가맹점 표준수수료 안내 */
.content_fee_std .tbl_data + .list_text {margin-top:52px}
/* 매출전표 접수 관련 안내 */
.content_guide_bill .bx_process {text-align:center; font-size:0; margin-bottom:80px}
.content_guide_bill .bx_process .img {height:384px; background:url(/docfiles/store/images/content/jeonpyo.png) 50% 50% no-repeat; border-radius:8px; border:1px solid rgba(0,0,0,.12)}
.content_guide_bill .bx_process ul {display:inline-block; white-space:nowrap; margin-top:32px}
.content_guide_bill .bx_process ul li {display:inline-block; width:250px; text-align:left}
.content_guide_bill .bx_process ul li:last-child {width:auto}
.content_guide_bill .bx_process ul li span {display:block; font-size:16px; line-height:26px}
.content_guide_bill .bx_process ul li span ~ span {margin-top:3px}
.content_guide_bill .list_where {margin-top:24px}
.content_guide_bill .list_where:after {content:''; display:block; clear:both}
.content_guide_bill .list_where li {float:left; width:322px; height:134px; border:1px solid #e1e1e1; text-align:center}
.content_guide_bill .list_where li:after {content:''; display:inline-block; width:0; height:100%; vertical-align:middle}
.content_guide_bill .list_where li ~ li {margin-left:12px}
.content_guide_bill .list_where li img {vertical-align:middle}
/* 홍보지원서비스 */
div[class^='section_'] .content_sprt_promo {margin-top:-36px}
.content_sprt_promo .content_top .desc {text-align:center; font-size:20px; line-height:26px; margin-bottom:80px}
.content_sprt_promo .tbl_row .list_text ~ .list_text {margin-top:16px}
.content_sprt_promo .tbl_row .list_text ul {margin:2px 0 0 0}
.content_sprt_promo .tbl_row .list_text ul li {font-size:inherit; font-weight:inherit; line-height:inherit}
.content_sprt_promo .tbl_row .list_text ul li:after {top:12px}
.content_sprt_promo .tbl_row .bx_progress {padding:0; border:0; margin:0; text-align:left}
.content_sprt_promo .tbl_row .bx_progress li {text-align:center; width:130px}
.content_sprt_promo .tbl_row .bx_progress li ~ li {padding-left:48px; margin-left:0}
.content_sprt_promo .tbl_row .bx_progress li ~ li:after {left:8px; top:50px}
.content_sprt_promo .tbl_row .bx_progress li .img {width:64px; height:64px}
.content_sprt_promo .tbl_row .bx_progress li p {font-size:14px; line-height:20px; color:#000; font-weight:500}

/* 아이디/비밀번호 찾기 */
.content_find_result .group_content {text-align:center; padding-top:104px}
.content_find_result .group_content .noti {font-size:28px; line-height:36px; font-weight:bold}
.content_find_result .group_content .noti ~ p {font-size:20px; line-height:26px; margin-top:4px}
.content_find_result .group_content .noti + p {margin-top:16px}
.content_find_result .group_content .btns_area {margin-top:196px}
.group_cert_form .birthday.input_group > *,
.group_cert_form .telecom.input_group > * {vertical-align:middle}
div[class^='section_'] .content_input_pin {width:792px; margin-left:auto; margin-right:auto}

/* 회원가입 */
.content_join_store .content_agreement .title_group {border-bottom:0; padding-bottom:0}
.content_join_store .content_agreement ~ .content_agreement {margin-top:24px}
.content_join_store .content_agreement ~ .content_agreement ~ .content_agreement {margin-top:116px}
.content_join_store .content_agreement .agree_view {padding:40px}
.content_join_store .content_agreement .agree_view .con-type2 > ol > li:first-child .tit {margin-top:0}
.content_join_store .btns_area {margin-top:80px}
.content_join_store ul.radioType2.agree {float:none; display:block; text-align:right}
.content_join_store ul.radioType2.agree li {display:inline-block}

/* 피싱예방설정 */
div[class^='section_'] .content_set_fishing {width:792px}
.content_set_fishing .wrap_input {margin-top:16px}
.content_set_fishing .fishing_option {margin-top:20px}
.content_set_fishing .fishing_option:after {content:''; display:block; clear:both}
.content_set_fishing .fishing_option > li {float:left; position:relative; width:186px; margin-right:16px}
.content_set_fishing .fishing_option > li:nth-child(4n) {margin-right:0}
.content_set_fishing .fishing_option > li:nth-child(4n) ~ li {margin-top:16px}
.content_set_fishing .fishing_option > li label {display:block; height:64px; overflow:hidden; border-radius:8px; border:1px solid #ccc; font-size:16px; font-weight:500; line-height:62px; text-indent:-999em}
.content_set_fishing .fishing_option > li input:checked + label {border-color:#000}
.content_set_fishing .fishing_option > li.img_none label {text-indent:0; text-align:center}
.content_set_fishing .fishing_option > li.img1_1 label {background:url(/docfiles/store/images/content/img_shape01.png) 50% 50% no-repeat; background-size:24px 24px}
.content_set_fishing .fishing_option > li.img1_2 label {background:url(/docfiles/store/images/content/img_shape02.png) 50% 50% no-repeat; background-size:24px 24px}
.content_set_fishing .fishing_option > li.img1_3 label {background:url(/docfiles/store/images/content/img_shape03.png) 50% 50% no-repeat; background-size:24px 24px}
.content_set_fishing .fishing_option > li.img1_4 label {background:url(/docfiles/store/images/content/img_shape04.png) 50% 50% no-repeat; background-size:24px 24px}
.content_set_fishing .fishing_option > li.img1_5 label {background:url(/docfiles/store/images/content/img_shape05.png) 50% 50% no-repeat; background-size:24px 24px}
.content_set_fishing .fishing_option > li[class^='img2_'] label {position:relative}
.content_set_fishing .fishing_option > li[class^='img2_'] label:after {content:''; position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px}
.content_set_fishing .fishing_option > li.img2_1 label:after {background-color:#f54233}
.content_set_fishing .fishing_option > li.img2_2 label:after {background-color:#f9c426}
.content_set_fishing .fishing_option > li.img2_3 label:after {background-color:#8cc833}
.content_set_fishing .fishing_option > li.img2_4 label:after {background-color:#4173d0}
.content_set_fishing .fishing_option > li.img2_5 label:after {background-color:#ab47bc}

/* 고메위크 */
.content_gourmet .select_wrap.mrchSelect {width:360px}
.content_gourmet .inquery_con .choice_base:after {content:""; display:block; clear:both}
.content_gourmet .inquery_con .choice_base > ul {float:left}
.content_gourmet .inquery_con .choice_base > ul ~ ul {margin-left:24px}
.content_gourmet .inquery_con .choice_base > ul > li:after {content:""; display:block; clear:both}
.content_gourmet .inquery_con .choice_base > ul > li > * {float:left}
.content_gourmet .inquery_con .txt_sch {padding-left:286px; margin-top:8px}
.content_gourmet .inquery_box {border-top:0}
.content_gourmet .account_section .account_content {position:relative; width:100%}
.content_gourmet .account_section .btn_account_tab {width:48px}
.content_gourmet .account_section .btn_account_tab.prev:after,
.content_gourmet .account_section .btn_account_tab.next:after {content:""; position:absolute; top:0; height:48px; width:60px}
.content_gourmet .account_section .btn_account_tab.prev:after {left:0; background:#fff; background:linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)}
.content_gourmet .account_section .btn_account_tab.next:after {right:0; background:#fff; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%)}
.content_gourmet .account_section .btn_account_tab button {position:relative; z-index:1}
.content_gourmet .account_section .btn_account_tab.prev button:before {background:url(/docfiles/store/images/common/ico_arrowB_back.png) 50% 50% no-repeat;}
.content_gourmet .account_section .btn_account_tab.next button:before {background:url(/docfiles/store/images/common/ico_arrowB_forward.png) 50% 50% no-repeat;}
.content_gourmet .tbl_data .range_btn button {width:auto; padding-right:24px; font-size:16px; font-weight:500; color:#000; background:url(/docfiles/store/images/common/ico_arrowB_up.png) 100% 50% no-repeat; background-size:24px}
.content_gourmet .tbl_data .range_btn button.on {background:url(/docfiles/store/images/common/ico_arrowB_down.png) 100% 50% no-repeat; background-size:24px}
.content_gourmet .tbl_data .range_btn button:after {display:none}
.content_gourmet .line_section.first {margin:24px auto 0}
.content_gourmet .select_wrap.mrchSelect + .group_content {margin-top:64px}
.content_gourmet div.rev_result {padding:0; border:0; height:auto}
.content_gourmet div.rev_result .rev_title {font-size:20px; font-weight:700; line-height:26px; text-align:left; padding-bottom:52px}
.content_gourmet div.rev_result .graph_limit {padding:0 !important; width:calc((100% - 61px)/3)}
.content_gourmet div.rev_result .graph_limit ~ .graph_limit {margin-left:30px}
.content_gourmet div.rev_result .graph_article {width:100%; margin-top:0}
.content_gourmet div.rev_result .graph_area .base {width:100%; position:relative}
.content_gourmet div.rev_result .rev_graph1 {border-radius:100%; background:#0070f0}
.content_gourmet div.rev_result .rev_graph3 {border-radius:100%; background:#ccc}
.content_gourmet div.rev_result .graph_area .graph1 {background:#0070f0; position:absolute; left:0; top:0; z-index:1}
.content_gourmet div.rev_result .graph_area .graph2 {background:#ccc}
.content_gourmet .line_section.second {margin-top:24px}
.content_gourmet .tit_wrap.type_5 {margin-top:52px; border-bottom:1px solid #000; padding-bottom:16px}
.content_gourmet .group_content h4 {margin:0 0 0 0; font-size:20px; line-height:26px; font-weight:700}
.content_gourmet .tit_wrap .side_btn li > * {width:32px; height:32px; border:0}
.content_gourmet .tit_wrap .side_btn li .excel {background: url(/docfiles/store/images/common/ico_paperDown.png) 50% 50% no-repeat;background-size: 100%}
.content_gourmet .tit_wrap .side_btn * {float:left}
.content_gourmet .gourmet_content > ul.seat_box {margin:36px 0 0 0}
.content_gourmet .gourmet_content > ul.seat_box:after {content:""; display:block; clear:both}
.content_gourmet .gourmet_content > ul.seat_box > li {width:calc((100% - 33px) / 3); height:auto; padding:24px; margin:0 16px 0 0; box-sizing:border-box; border-radius:8px; border:1px solid rgba(0,0,0,.2)}
.content_gourmet .gourmet_content > ul.seat_box > li:nth-child(3n) {margin-right:0}
.content_gourmet .gourmet_content > ul.seat_box > li:nth-child(3n) ~ li {margin-top:20px}
.content_gourmet .gourmet_content > ul.seat_box > li .form {padding-top:24px}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li {float:left; width:calc((100% - 37px)/3)}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li ~ li {margin-left:18px}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li .txt {display:block; width:100%; height:32px; padding:0; line-height:32px; font-size:12px; font-weight:500; background:#a3a3a3}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li + li .txt {background:#7a7a7a}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li + li + li .txt {background:#666}
.content_gourmet .gourmet_content > ul.seat_box > li .form_time {display:block; width:100%; text-align:left}
.content_gourmet .gourmet_content > ul.seat_box > li .form_time .time {display:block; padding:12px 0 0 0; border-bottom:1px solid #ccc}
.content_gourmet .gourmet_content > ul.seat_box > li .form_time .time .input_time {display:block; border:0; padding:0 0 0 0; height:48px; width:100%; font-size:16px; font-weight:500; background:transparent; text-align:left}
.content_gourmet .gourmet_content > ul.seat_box > li .form_time .checkbox label {width:24px; height:24px; padding:0; border-radius:100%; background:rgba(0,0,0,.12) url(/docfiles/store/images/common/ico_check_b_wht.png) 50% 50% no-repeat; background-size:100% 100%}
.content_gourmet .gourmet_content > ul.seat_box > li .form_time .checkbox input:disabled + label {opacity:.6}
.content_gourmet .gourmet_content > ul.seat_box > li .form_time .checkbox input:checked + label {background-color:#0070f0}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li .seat {display:block; position:relative; width:100%; height:auto; margin-top:24px; padding-bottom:18px; font-family:inherit; text-align:left; line-height:22px}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li .seat:after {content:""; position:absolute; right:0; bottom:0; width:77px; border-bottom:1px solid #ccc}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li .seat * {vertical-align:top}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li .seat .num {font-size:16px; font-weight:500; line-height:22px; width:auto}
.content_gourmet .gourmet_content > ul.seat_box > li .form > .seatbox > li .seat .input_seat {width:60px; border:0; height:22px; padding:0; text-align:left; min-width:0; font-size:16px; font-weight:500}

/* 메인 */
.main_store {width:1600px; margin:0 auto; position:relative}
.main_store:after {content:''; display:block; clear:both}
.main_store .col_left {float:left; width:1194px; padding:44px 62px 160px 0; border-right:1px solid #ccc; overflow-x:hidden;}
.main_store .col_right {float:right; width:279px; padding:44px 0 160px 63px; margin-left:-1px; } /* 2023-09-12 GGCP31 오른쪽 보더 없앰 */
.main_store .top_visual img {display:block; width:100%}
.main_store .link_quick {margin-top:64px; display:flex}
.main_store .link_quick:after {content:''; display:block; clear:both}
.main_store .link_quick .quick {float:left; width:603px; min-height:348px}
.main_store .link_quick .quick ~ .quick {float:right; width:590px; border-left:1px solid rgba(0,0,0,.12)}
.main_store .link_quick .quick h2 {font-size:20px; line-height:26px; font-weight:bold; margin-left:12px}
.main_store .link_quick .quick ~ .quick h2 {margin-left:44px}
.main_store .link_quick .quick ul {margin-top:43px; font-size:0}
.main_store .link_quick .quick ul li {display:inline-block; width:160px; margin:0 40px; text-align:center}
.main_store .link_quick .quick ul li:nth-child(2) ~ li {margin-top:50px}
.main_store .link_quick .quick ul li a {display:inline-block; font-size:100%}
.main_store .link_quick .quick ul li .ico {display:inline-block; width:80px}
.main_store .link_quick .quick ul li .ico img {display:block; width:100%}
.main_store .link_quick .quick ul li .txt {display:block; font-size:16px; line-height:22px; font-weight:500}
.main_store .link_quick.after {float:none; width:100%}
.main_store .link_quick.after .quick {width:100%; min-height:0}
.main_store .link_quick.after .quick ul {text-align:center}
.main_store .link_quick.after .quick ul li {margin:0 53px}
.main_store .link_quick.after .quick ul li:nth-child(2) ~ li {margin-top:0}
.main_store .card_area {margin-top:120px}
.main_store .card_area:after {content:''; display:block; clear:both}
.main_store .card_area .head,
.main_store .card_area .list {float:left}
.main_store .card_area .head {width:305px}
.main_store .card_area .head h2 {font-size:20px; line-height:26px; font-weight:bold}
.main_store .card_area .head p {font-size:14px; line-height:22px; font-weight:500; margin-top:8px}
.main_store .card_area .list ul { width:856px; display:flex; display:-ms-flexbox; flex-wrap:wrap; justify-content:flex-start; }
.main_store .card_area .list ul li { margin-top:46px; margin-right:38px; width:175px; text-align:center}
.main_store .card_area .list ul li:nth-child(-n+4) { margin-top:0; }
.main_store .card_area .list ul li .img {display:block; width:100px; margin:0 auto}
.main_store .card_area .list ul li .img img {width:100%}
.main_store .card_area .list ul li .txt {display:block; font-size:16px; line-height:22px; font-weight:500; margin-top:11px; word-break:normal}
.main_store .fin_area {margin-top:120px}
.main_store .fin_area:after {content:''; display:block; clear:both}
.main_store .fin_area .head,
.main_store .fin_area .list {float:left}
.main_store .fin_area .head { width:305px }
.main_store .fin_area .head h2 { font-size:20px; line-height:26px; font-weight:bold; }
.main_store .fin_area .head p { font-size:14px; line-height:22px; font-weight:500; margin-top:8px }
.main_store .fin_area:after {content:''; display:block; clear:both}
.main_store .fin_area ul li {float:left; width:280px}
.main_store .fin_area ul li ~ li {margin-left:24px}
.main_store .fin_area ul li * {display:block}
.main_store .fin_area ul li .img img {width:100%}
.main_store .fin_area ul li .txt {padding-right:4px; padding-left:4px; font-size:16px; line-height:22px; font-weight:bold; margin-top:16px}
.main_store .detail_account {position:relative; border-radius:16px; border:1px solid #333; box-shadow:0 2px 50px 0 rgba(0,0,0,.12)}
.main_store .detail_account:before {content:''; position:absolute; left:50%; top:0; height:100%; border-left:1px solid rgba(0,0,0,.12)}
.main_store .detail_account:after {content:''; display:block; clear:both}
.main_store .detail_account .bx_detail {float:left; width:50%; padding:32px 48px 32px 36px; box-sizing:border-box}
.main_store .detail_account .bx_detail ~ .bx_detail {padding:32px 36px 32px 48px}
.main_store .detail_account .bx_detail .head h2 {font-size:24px; line-height:32px}
.main_store .detail_account .bx_detail .head h2 a {display:block; font-weight:bold; background:url(/docfiles/store/images/common/ico_arrowB_forward.png) 100% 50% no-repeat; background-size:32px 32px;}
.main_store .detail_account .bx_detail .head em {display:block; margin-top:9px; font-size:16px; line-height:22px; font-weight:500; color:#5c5c5c}
.main_store .detail_account .bx_detail .list ~ .list {margin-top:32px; padding-top:29px; border-top:1px solid #ebebeb}
.main_store .detail_account .bx_detail .list > h3 {font-size:16px; font-weight:500; line-height:22px}
.main_store .detail_account .bx_detail .list > h3 ~ ul {margin-top:16px}
.main_store .detail_account .bx_detail .list ul li ~ li {margin-top:16px}
.main_store .detail_account .bx_detail .list ul li:after {content:''; display:block; clear:both}
.main_store .detail_account .bx_detail .list ul li > strong,
.main_store .detail_account .bx_detail .list ul li > em {font-size:14px; line-height:20px}
.main_store .detail_account .bx_detail .list ul li > strong {float:left; font-weight:500; color:#5c5c5c}
.main_store .detail_account .bx_detail .list ul li > em {float:right}
.main_store .detail_account .bx_detail_left .list.total {margin-top:40px}
.main_store .detail_account .bx_detail_left .list.total ul li > strong, 
.main_store .detail_account .bx_detail_left .list.total ul li > em {font-size:16px; font-weight:500; color:#000; line-height:22px}
.main_store .detail_account .bx_detail_right .list.total {margin-top:40px}
.main_store .detail_account .bx_detail_right .list h3:after {content:''; display:block; clear:both}
.main_store .detail_account .bx_detail_right .list h3 span {float:left;}
.main_store .detail_account .bx_detail_right .list h3 strong {float:right; font-weight:bold}
.main_store .detail_account .bx_detail_right .list.total ul {margin-top:29px; padding-top:24px; border-top:1px solid #ebebeb}
.main_store .detail_account .bx_detail_right .list.total ~ .list ul {margin-top:29px}
.main_store .detail_account .bx_detail_right .list.total h3 strong {font-size:20px; line-height:26px}
.main_store .bx_login .head {position:relative; padding:19px 0}
.main_store .bx_login .head h2 {font-size:20px; line-height:26px; font-weight:700}
.main_store .bx_login .head a {position:absolute; right:0; top:50%; margin-top:-10px; font-size:14px; line-height:20px; font-weight:500; padding-right:16px; background:url(/docfiles/store/images/common/ico_arrowB_forward.png) 100% 50% no-repeat; background-size:16px 16px;}
/* */
.main_store .bx_login {position:relative}
.main_store .bx_login #nppfs-loading-modal,
.main_store .bx_login .nppfs-keypad-div {width:280px !important; text-align:right}
.main_store .bx_login #nppfs-keypad-userpswd {float:right; left:auto !important; right:0 !important}
/* */
.main_store .tab_login {position:relative; padding-top:40px}
.main_store .tab_login:before {content:''; position:absolute; left:0; top:0; width:100%; height:40px; background-color:#ebebeb; border-radius:4px}
.main_store .tab_login .type .tab {position:absolute; left:0; top:0; width:93px; height:40px; border:2px solid #ebebeb; background-color:transparent; font-size:16px; font-weight:500; box-sizing:border-box; border-radius:4px}
.main_store .tab_login .type.on .tab {background-color:#fff}
.main_store .tab_login .type:nth-child(2) .tab {left:93px; width:94px}
.main_store .tab_login .type:nth-child(3) .tab {left:auto; right:0}
.main_store .tab_login .type .bx {display:none; padding-top:20px}
.main_store .tab_login .type.on .bx {display:block}
.main_store .tab_login .type.on .bx .btn_submit {width:100%; height:40px; margin-top:20px; font-size:14px; font-weight:bold}
.main_store .tab_login .type.on .bx .btn_submit span {line-height:40px}
.main_store .tab_login .type.on .bx .wrap ~ .wrap {position:relative; margin-top:4px}
.main_store .tab_login .type.on .bx .wrap input {width:100%; padding-right:40px; }
.main_store .tab_login .type.on .bx .wrap .btn_keypad_toggle { position:absolute; top:50%; right:5px; transform:translateY(-50%); }
.main_store .tab_login .type.on .bx .btn_keypad_toggle img { width:32px; height:32px; }
.main_store .tab_login .type.on .bx .btns {margin-top:20px}
.main_store .tab_login .type.on .bx .btns:after {content:''; display:block; clear:both}
.main_store .tab_login .type.on .bx .btns li {float:left}
.main_store .tab_login .type.on .bx .btns li ~ li {margin-left:10px}
.main_store .tab_login .type.on .bx .btns li a {display:inline-block; position:relative; font-size:14px; line-height:20px; font-weight:500; color:#5c5c5c; padding-right:16px}
.main_store .tab_login .type.on .bx .btns li a:after {content:''; position:absolute; right:0; top:50%; margin-top:-8px; width:16px; height:16px; background:url(/docfiles/store/images/common/ico_arrowB_forward.png) 100% 50% no-repeat; background-size:16px 16px; opacity:.64}
.main_store .tab_login .type.on .bx .login_pin {padding-top:8px; margin-top:0}
.main_store .tab_login .type.on .bx .login_pin .copy {font-size:14px; line-height:20px; font-weight:500}
.main_store .tab_login .type.on .bx .login_pin .input { margin-top:12px; width:220px; height:40px; }
.main_store .tab_login .type.on .bx .login_pin .input input {position:absolute;top:0;left:0;width:100%;font-size:72px; letter-spacing:.04em; color:#000}
.ie .main_store .tab_login .type.on .bx .login_pin .input input { font-size:20px; letter-spacing:0.5em; }
.main_store .tab_login .type.on .bx .login_pin .input .dummy {opacity:.4}
.main_store .tab_login .type.on .bx .login_pin .btns_area {margin-top:24px}
.main_store .tab_login .type.on .bx .login_pin .btns_area .btn_submit {margin-top:0}
.main_store .tab_login .type.on .bx .login_pin .support {width:100%; padding:24px 0}
.main_store .tab_login .type.on .bx .wrap { position:relative; }
.main_store .tab_login .type.on .bx .wrap input + span { position:absolute; top:50%; right:0; transform:translateY(-50%); }
.main_store .col_right .list_etc {margin-top:71px}
.main_store .col_right .list_etc > ul > li ~ li {margin-top:71px}
.main_store .col_right .list_etc > ul > li > a {display:block; font-size:20px; line-height:26px; font-weight:bold; background:url(/docfiles/store/images/common/ico_arrowB_forward.png) 100% 50% no-repeat; background-size:24px 24px}
.main_store .col_right .list_etc > ul > li ul {margin-top:27px}
.main_store .col_right .list_etc > ul > li ul li ~ li {margin-top:8px}
.main_store .col_right .list_etc > ul > li ul li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.main_store .col_right .list_etc > ul > li ul li a {font-size:16px; font-weight:500; line-height:22px}
.main_store .col_right .quick_cs {margin-top:103px; display:flex; display:-ms-flexbox; border-radius:8px; border:1px solid #ccc; }
.main_store .col_right .quick_cs a { display:flex; display:-ms-flexbox; width:33.33%; height:76px; align-items:center; justify-content:center; flex-direction: column; border-left:1px solid #ebebeb; font-size:12px; font-weight:500; line-height:16px}
.main_store .col_right .quick_cs a:first-child { border-left:0; }
.main_store .col_right .quick_cs a:before { margin:0 auto 7px; display:block; width:32px; height:32px; background-repeat:no-repeat; background-position:0 0; background-size:32px 32px; content:''; }
.main_store .col_right .quick_cs a.qm1:before { background-image:url(/docfiles/store/images/main/ico_side1.png); }
.main_store .col_right .quick_cs a.qm2:before { background-image:url(/docfiles/store/images/main/ico_side2.png); }
.main_store .col_right .quick_cs a.qm3:before { background-image:url(/docfiles/store/images/main/ico_side3.png); }
.main_store .col_right .info_user {position:relative}
.main_store .col_right .info_user > .member {display:block}
.main_store .col_right .info_user h3 {position:relative; padding-right:36px; }
.main_store .col_right .info_user h3:after {content:''; position:absolute; right:0; top:50%; margin-top:-18px; width:36px; height:36px; background:url(/docfiles/store/images/common/ico_arrowB_down.png); background-size:36px 36px}
.main_store .col_right .info_user > .member.on h3:after {background-image:url(/docfiles/store/images/common/ico_arrowB_up.png)}
.main_store .col_right .info_user h3 * {display:inline-block; vertical-align:middle}
.main_store .col_right .info_user h3 .nm { width:100%; height:26px; font-size:20px; line-height:26px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_store .col_right .info_user .bx_user_info {position:absolute; left:0; top:48px}
.main_store .col_right .login_after ~ .quick_cs {margin-top:56px}
.main_store .ui-pinpad-wrap { position:absolute; top:130px; left:50%; z-index:1; width:338px; transform:translateX(-50%); }

.main_footer { position:absolute; right:0; bottom:160px; width:280px}
.main_footer .tit01 { font-weight:700; font-size:12px; line-height:16px; }
.main_footer .tel01 { margin-top:4px; font-weight:500; font-size:24px; line-height:32px; }
.main_footer .footer_link:after {content:''; display:block; clear:both}
.main_footer .footer_link a {float:left; font-size:12px; font-weight:700; line-height:16px}
.main_footer .footer_link a ~ a {margin-left:16px}
.main_footer .footer_customer { margin-top:52px; }
.main_footer .footer_customer ul { margin-top:12px; }
.main_footer .footer_customer ul > li { margin-top:6px; font-weight:500; font-size:12px; line-height:16px; }
.main_footer .footer_customer ul > li:first-child { margin-top:0; }
.main_footer .footer_customer ul > li strong {font-weight:700}
.main_footer .footer_customer strong {display:inline-block; width:80px }
.main_footer .footer_corp { margin-top:36px; }
.main_footer .footer_corp .list { margin-top:12px; display:flex; display:-ms-flexbox; flex-wrap:wrap; }
.main_footer .footer_corp .list li { margin-top:4px; width:50%; font-weight:500; font-size:12px; line-height:16px; }
.main_footer .footer_corp .list li:nth-child(-n+2) { margin-top:0; }
.main_footer .footer_corp p a {font-size:12px; font-weight:500; line-height:16px}
.main_footer .footer_sns { margin-top:36px; display:flex; display:-ms-flexbox; flex-grow:wrap; }
.main_footer .footer_sns a { display:block; width:28px; }
.main_footer .footer_sns img { width:28px; height:28px; }
.main_footer .footer_address { margin-top:36px; font-weight:500; font-size:12px; line-height:20px; color:#000; }
.main_footer .footer_mark { margin-top:32px; }
/* 로그인 후 */
/* .login_after .sec_main_login .accodBtn { position:relative }
.login_after .sec_main_login .accodBtn:after { position:absolute; top:50%; right:0; width:36px; height:36px; background:url(/docfiles/store/images/common/ico_arrowB_down.png) no-repeat 50% 50%; background-size:24px 24px; transform:translateY(-50%); border-radius:100%; content:''; }
.login_after .sec_main_login .accodWrap.on .accodBtn:after {background-color:rgba(0,0,0, 0.04); background-image:url(/docfiles/store/images/common/ico_arrowB_up.png) }
.login_after .sec_main_login .name { position:relative }
.login_after .sec_main_login .name:after { position:absolute; top:50%; right:-56px; width:56px; height:28px; transform:translateY(-50%); background-repeat:no-repeat; background-position:50% 50%; background-size:56px 28px; content:''; }
.login_after .sec_main_login .gold .name:after { background-image:url(/docfiles/store/images/hom/label_gold.png) }
.sec_main_login .user_info { position:absolute; top:64px; right:0; z-index:4;  display:none; width:280px; height:197px; background-color:#fff; border:1px solid #000; border-radius:8px; }
.sec_main_login .user_info li a { padding:13px 36px 15px 48px; display:block; font-weight:500; font-size:14px; line-height:20px; color:#000; background-position:calc(100% - 12px) 50%; }
.sec_main_login .user_info li.one a { padding-left:17px; }
.sec_main_login .user_info li.one a .fl span {font-weight:700;}
.sec_main_login .user_info li.one i {display:inline-block; width:16px; height:16px; margin-top:4px; margin-right:14px; border-radius:100%; vertical-align:top;}
.sec_main_login .user_info li.two {background:url(/docfiles/store/images/common/icon/w24/ico_address.png) no-repeat 15px 50%; background-size:24px 24px;}
.sec_main_login .user_info li.thr {background:url(/docfiles/store/images/common/icon/w24/ico_card_s.png) no-repeat 15px 50%; background-size:24px 24px;}
.sec_main_login .user_info li.fou {background:url(/docfiles/store/images/common/icon/w24/ico_login_auto.png) no-repeat 15px 50%; background-size:24px 24px;}
 */

/* .main_store .detail_account {display:none} */

.footer_notice_box {display:none}


/* Main visual */
.sec_main_banner { position:relative; width:1194px; height:464px; }
.sec_main_banner .banner_list a { transition: .3s cubic-bezier(0.6, 0.1, 0.2, 1); transform: translateY(0); }
.sec_main_banner .banner_list a:hover {transform: translateY(-12px);}
.sec_main_banner .banner_list { display:flex; display:-ms-flexbox; justify-content:space-between; }
.sec_main_banner .banner_list img { width:280px; height:442px; transition:width 0.5s, height 1s; border-radius:16px; }
.sec_main_banner .banner_list > li:first-child img { width:584px; }
.sec_main_banner .swiper-wrapper a { display:block; box-shadow:0 7px 14px 0 rgba(0,0,0,0.08); border-radius:16px; }
.sec_main_banner .type1 a { width:1194px; height:442px; overflow:hidden; }
.sec_main_banner .type1 img { width:1194px; height:442px; }
.sec_main_banner .swiper-button-next,
.sec_main_banner .swiper-button-prev { margin-top:0; width:52px; height:52px; transform:translateY(-50%);  background-size:52px 52px;  }
.sec_main_banner .swiper-button-next { right:0; background-image:url(/docfiles/resources/pc/images/common/btnicon/ico_arrow_next.png) }
.sec_main_banner .swiper-button-prev { left:0; background-image:url(/docfiles/resources/pc/images/common/btnicon/ico_arrow_prev.png) }
.sec_main_banner .swiper-pagination-wrap { position:absolute; right:0; bottom:0; left:0; z-index:10; height:6px; text-align:center; }
.sec_main_banner .swiper-button-autoplay { margin-right:6px; vertical-align:top; width:6px; height:6px; background:transparent url(/docfiles/resources/pc/images/common/btnicon/ico_pause.png) no-repeat 50% 50%; background-size:6px 6px;}
.sec_main_banner .swiper-button-autoplay.stop { background-image:url(/docfiles/resources/pc/images/common/btnicon/ico_play.png) }
.sec_main_banner .swiper-pagination { position:static; display:inline-block; height:100%; vertical-align:top; }
.sec_main_banner .swiper-pagination-bullets .swiper-pagination-bullet { margin-right:3px; margin-left:3px; width:6px; height:6px; vertical-align:top; cursor:pointer; }
.sec_main_banner .swiper-pagination-bullet:first-child { margin-left:0 }
.sec_main_banner .swiper-pagination-bullet:last-child { margin-right:0 }
.sec_main_banner .swiper-pagination-bullet-active { background:#000; }
.sec_main_banner .swiper-slide{opacity:0;}
.sec_main_banner .swiper-slide.swiper-slide-active{opacity:1;}


/* 간편등록 */
.box_customer01 {margin:52px auto 0; width:1200px;}
.sub_customer .mt52 { margin-top:52px;}
.sub_customer *, .sub_customer *:before, .sub_customer *:after { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
.sub_customer { color:#000 }
.sub_customer [class^="bul_"][class*="list"] > li, [class^="dash_"][class*="list"] > li {position:relative;font-size:16px;line-height:26px;font-weight:500;}
.sub_customer [class^="bul_"][class*="list"] > li + li, [class^="dash_"][class*="list"] > li + li {margin-top:8px;}
.sub_customer [class^="btn"][class*="_defaultbg"] {background-color:#000;}
.sub_customer [class^="btn"][class*="_defaultbg"] span { color:#fff;}
.sub_customer [class^="btn"][class*="64_"] {height:64px;padding:19px 4px;font-size:20px;line-height:26px;border-radius:8px;}
.sub_customer [class*="_boldtxt"] > span, [class*="_boldtxt"] > strong { display:inline-block;font-weight:700}
.sub_customer .box_btn { font-size:0; text-align:center; }
.sub_customer .box_btn [class^="btn"] { position:relative; display:inline-block; vertical-align:middle; text-align:center; overflow:hidden; cursor:pointer;}
.sub_customer .box_btn a.w300 {min-width:300px;}
.sub_customer .box_title01.b_line {padding-bottom:20px; margin-bottom:24px; border-bottom:2px solid #000;}
.sub_customer .box_title01 {margin-bottom:20px;}
.sub_customer .box_title01 + .p1_m_lt_2ln {margin-top:20px;}
.sub_customer .box_title01 .box_search {width:320px;}
.sub_customer .box_title01 .h3_b_lt + .p1_m_lt_1ln {margin-top:8px;}
.sub_customer .box_title01 .h3_b + .p1_m_lt_2ln,
.sub_customer .box_title01 .h3_b + .p2_m_lt_2ln {margin-top:12px;}
.sub_customer .box_title01 .ico_download {margin-top:4px;}
.sub_customer .box_title01 + .box_table {margin-top:0;}
.sub_customer .cus_bundle > .box_bul {color:#5c5c5c;}
.sub_customer .cus_bundle + .cus_bundle { margin-top:64px;}
.sub_customer .box_bul li { line-height:26px; }
.sub_customer .h3_b_lt { font-weight:700; font-size:24px; line-height:32px;}
.sub_customer .guide_regist {display:flex; display:-ms-flexbox; display:-webkit-flex; margin-top:15px;flex-wrap:wrap; justify-content:space-between;}
.sub_customer .guide_regist li {width:588px;}
.sub_customer .guide_regist li .tit {font-size:0; margin-bottom:20px;}
.sub_customer .guide_regist li .tit:after {content:''; display:block; clear:both;}
.sub_customer .guide_regist li .tit .ico_step {float: left; padding:4px 6px; color:#858585; font-weight:700; font-size:14px; line-height:20px; border:1px solid #ccc; border-radius:4px; text-align:center;}
.sub_customer .guide_regist li .tit span + p {display:inline-block; margin-left:12px; padding:3px 0; font-weight:700; font-size:16px; }
.sub_customer .guide_regist li .img_area {width:588px; min-height:360px;}
.sub_customer .guide_regist li .img_area img {width:100%;}
.sub_customer .guide_regist li:nth-child(n+3) {margin-top:40px;}

/* 2024-09-23 GGU282 추가 / 2024-10-23 GGU282 수정 - [가맹점] 가맹점 계약 해지 유예 신청 프로세스 신규제작(GNB,모웹 포함) */
.delay_content {width: 792px; margin: 0 auto;}
.delay_content .w240 {width:240px !important;}
.delay_content .mt118 {margin-top:118px !important;}
.delay_content .tbl_row2 + .list_text {margin-top:20px;}
.delay_content .list_text li p > .btn_link:first-child {margin-left:0;}
.delay_content .btn_form {min-width:59px; padding:0 8px;}
.delay_content .btn_form.w134 {width:134px; padding:0;}

.delay_content .input_group .vdBox {margin:0;}
.delay_content .input_group .helf_txt {margin:12px 0 0; font-size:14px; line-height:22px; color:#5c5c5c;}
.delay_content p.result.validate.error {padding:6px 0 0; font-size:12px; line-height:16px; color:#f00;}

.delay_content input[type="text"],
.delay_content input[type="password"],
.delay_content input[type="email"],
.delay_content input[type="tel"],
.delay_content input[type="number"] {font-weight:500; color:#000; border-color:#ccc;}

.delay_content input[type="text"]:hover,
.delay_content input[type="password"]:hover,
.delay_content input[type="email"]:hover,
.delay_content input[type="tel"]:hover,
.delay_content input[type="number"]:hover {border-color:#000;}

.delay_content input[type="text"].error,
.delay_content input[type="password"].error,
.delay_content input[type="email"].error,
.delay_content input[type="tel"].error,
.delay_content input[type="number"].error {color:#f00; border-color:#f00; outline-color:#f00;}

.delay_content input[type="text"].error::placeholder,
.delay_content input[type="password"].error::placeholder,
.delay_content input[type="email"].error::placeholder,
.delay_content input[type="tel"].error::placeholder,
.delay_content input[type="number"].error::placeholder {color:#f00;}
/* //2024-09-23 GGU282 추가 / 2024-10-23 GGU282 수정  - [가맹점] 가맹점 계약 해지 유예 신청 프로세스 신규제작(GNB,모웹 포함) */