@charset 'euc-kr';
html { overflow-y:scroll; }
body.iframe { background:transparent; padding:0; }
html.ov_y { width:100%; }
#wrap { min-width:1124px; position:relative; }
.fullWrap { width:100%; }
#container, .container { width:1000px; min-height:665px; margin:0 auto; padding-bottom:60px; }
#container.key_visual_wrap { width:auto; min-height:490px; padding-bottom:0; }
.container.ty2 { min-height:0; }
.contIn { width:1000px; margin:0 auto; }
.contIn.ty2 { width:1000px; margin:0 auto; }
.screen_dimmed { display:none; z-index:20; position:absolute; left:0; top:120px; width:100%; background-color:#000000; opacity:0.5; filter:alpha(opacity=50); }
html.ie.v8 body.ie8Zoom { background-color:#fff; z-index:0; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }
html.hts #wrap { min-width:1010px; padding:0; }
html.hts #skipNav, html.hts #header, html.hts #aside, html.hts #footer, html.hts #pagInfo .pagUtil, html.hts #pagInfo .pagBack, html.hts #pagInfo { display:none; }
html.hts.htsCase2 #pagInfo { display:block; }
html.hts #pagInfo .pagLocation { padding-left:0; }
html.hts #pagInfo .pagLocation .i-togg { display:none; }
html.hts #pagInfo .pagLocation strong > .i-togg { display:inline-block; }
html.hts #container, html.hts .container { min-height:0; }
.pagTit, .pagTitTy2 { min-height:41px; }
/* 알림 */
.alert_layer { display:none; z-index:22; position:absolute; left:50%; top:123px; width:1000px; margin-left:-548px; }
.alert_layer .close_alert { z-index:10; position:absolute; right:182px; top:-57px; width:62px; height:58px; margin-top:0; border:solid #bbb39e; border-width:0 1px; background-color:#fff; }
.alert_layer .close_alert span:first-child { display:block; width:19px; height:19px; margin:20px auto 0; transition:0.3s all ease-in-out; background-position:-459px -19px; }
.alert_layer .close_alert span.hover {
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform: rotate(180deg);
}
.alert_list { overflow:hidden; overflow-y:scroll; position:absolute; right:182px; top:0; width:435px; height:336px; height:325px\0; border:1px solid #bbb39e; letter-spacing:-1px; background-color:#fff; }
.alert_list li { padding:18px 0; background:url('/images/main/bg_alert_bottom.png') left top repeat-x; vertical-align:middle; }
.alert_list li:first-child { background:none; }
.alert_list li > span { display:inline-block; width:32px; height:32px; margin:0 10px 0 20px; vertical-align:middle; }
.alert_list li .alert_conts { display:inline-block; width:380px; padding-left:30px; vertical-align:middle; background:url('/images/main/bu_alert.png') 20px 7px no-repeat; }
.alert_list li .alert_conts a { display:inline-block; }
.alert_list li .alert_txt { display:block; color:#666; font-size:13px; }
/* 나만의 맞춤 메뉴 */
.my_menu_wrap { display:none; z-index:22; position:absolute; left:0; top:123px; width:100%; padding-bottom:32px; background-color:#f4efe1; }
.my_menu { position:relative; width:1000px; margin:0 auto; padding-right:96px; }
.my_menu_wrap .my_menu .close_my_menu { z-index:10; position:absolute; right:155px; top:0; width:62px; height:57px; margin-top:-57px; text-align:center; background-color:#f4efe1; }
.my_menu_wrap .my_menu .close_my_menu span { width:19px; height:19px; margin-top:20px; transition:0.3s all ease-in-out; background-position:-459px -19px; }
.my_menu_wrap .my_menu .close_my_menu span.hover {
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform: rotate(180deg);
}
.tit_my_menu { padding-top:55px; color:#333; font-size:30px; line-height:40px; text-align:center; }
.txt_my_menu { margin-top:2px; color:#666; font-size:15px; line-height:20px; text-align:center; }
.chk_my_menu { margin:18px auto 5px -30px; font-size:0; text-align:center; }
.chk_my_menu li { display:inline-block; height:139px; margin-left:30px; text-align:center; vertical-align:top; }
.chk_my_menu li input[type='checkbox'] { width:90px; height:90px; opacity:0; filter:alpha(opacity=0); }
.chk_my_menu li label, .chk_my_menu li a { display:block; width:90px; height:90px; background:url("/images/main/bg_my_menu.png") 999px 999px no-repeat; }
.chk_my_menu li label span, .chk_my_menu li a span { display:block; margin-top:5px; color:#333; font-size:14px; line-height:14px; letter-spacing:-1px; word-break:break-word; }
.chk_my_menu li a { text-decoration:none; }
.chk_my_menu li a span { padding-top:95px; }
.chk_my_menu li label.active span { color:#cc4334; }
.chk_my_menu li label.focus { outline:1px solid #9cc0f9; }
.chk_my_menu li.chk_1 label, .chk_my_menu li.chk_1 a { background-position:0 0; }
.chk_my_menu li.chk_2 label, .chk_my_menu li.chk_2 a { background-position:-120px 0; }
.chk_my_menu li.chk_3 label, .chk_my_menu li.chk_3 a { background-position:-240px 0; }
.chk_my_menu li.chk_4 label, .chk_my_menu li.chk_4 a { background-position:-360px 0; }
.chk_my_menu li.chk_5 label, .chk_my_menu li.chk_5 a { background-position:-480px 0; }
.chk_my_menu li.chk_6 label, .chk_my_menu li.chk_6 a { background-position:-600px 0; }
.chk_my_menu li.chk_7 label, .chk_my_menu li.chk_7 a { background-position:-720px 0; }
.chk_my_menu li.chk_8 label, .chk_my_menu li.chk_8 a { background-position:-840px 0; }
.chk_my_menu li.chk_9 label, .chk_my_menu li.chk_9 a { background-position:0 -200px; }
.chk_my_menu li.chk_10 label, .chk_my_menu li.chk_10 a { background-position:-120px -200px; }
.chk_my_menu li.chk_11 label, .chk_my_menu li.chk_11 a { background-position:-240px -200px; }
.chk_my_menu li.chk_12 label, .chk_my_menu li.chk_12 a { background-position:-360px -200px; }
.chk_my_menu li.chk_13 label, .chk_my_menu li.chk_13 a { background-position:-480px -200px; }
.chk_my_menu li.chk_14 label, .chk_my_menu li.chk_14 a { background-position:-600px -200px; }
.chk_my_menu li.chk_15 label, .chk_my_menu li.chk_15 a { background-position:-720px -200px; }
.chk_my_menu li.chk_16 label, .chk_my_menu li.chk_16 a { background-position:-840px -200px; }
.chk_my_menu li.chk_1 label.active { background-position:0 -100px; }
.chk_my_menu li.chk_2 label.active { background-position:-120px -100px; }
.chk_my_menu li.chk_3 label.active { background-position:-240px -100px; }
.chk_my_menu li.chk_4 label.active { background-position:-360px -100px; }
.chk_my_menu li.chk_5 label.active { background-position:-480px -100px; }
.chk_my_menu li.chk_6 label.active { background-position:-600px -100px; }
.chk_my_menu li.chk_7 label.active { background-position:-720px -100px; }
.chk_my_menu li.chk_8 label.active { background-position:-840px -100px; }
.chk_my_menu li.chk_9 label.active { background-position:0 -300px; }
.chk_my_menu li.chk_10 label.active { background-position:-120px -300px; }
.chk_my_menu li.chk_11 label.active { background-position:-240px -300px; }
.chk_my_menu li.chk_12 label.active { background-position:-360px -300px; }
.chk_my_menu li.chk_13 label.active { background-position:-480px -300px; }
.chk_my_menu li.chk_14 label.active { background-position:-600px -300px; }
.chk_my_menu li.chk_15 label.active { background-position:-720px -300px; }
.chk_my_menu li.chk_16 label.active { background-position:-840px -300px; }
.btn_my_menu { clear:both; width:100%; text-align:center; }
.btn_my_menu button { height:47px; margin-left:6px; font-size:14px; font-weight:bold; line-height:45px; }
.btn_my_menu button:first-child { margin-left:0; }
.btn_my_menu button span { line-height:1.1; }
.btn_my_menu button.my_menu_save { width:160px; color:#333; background:url('/images/main/bg_btn_my_menu.png') left top no-repeat; }
.btn_my_menu button.my_menu_reset { width:150px; color:#fff; background:url('/images/main/bg_btn_my_menu_reset.png')}
.btn_my_menu button.my_menu_reset i { display:inline-block; width:18px; height:15px; margin:-3px 4px 0 0; vertical-align:middle; background-position:-222px -177px; }
/* PagInfo */
#pagInfo { z-index:10; background:#52555C; height:52px; border:solid 1px #3E4044; border-width:1px 0; }
#pagInfo .contIn { position:relative; z-index:20; }
#pagInfo .i-togg { width:12px; height:12px; margin-left:6px; background:url(/images/common/location_arrow_n.png) no-repeat; background-size:100%; }
#pagInfo .pagBack { position:absolute; left:0; top:12px; padding:0; width:28px; height:28px; overflow:hidden; white-space:nowrap; *font-size:1px; text-indent:-999px; *text-indent:0; *color:transparent; *letter-spacing:-100px; *line-height:0; background:url(/images/common/location_btn_back.png) no-repeat; background-size:28px 56px; z-index:10; }
#pagInfo .pagBack:hover, #pagInfo .pagBack.hover, #pagInfo .pagBack:focus { background-position:0 -28px; }
#pagInfo .pagLocation { padding-top:0; padding-left:17px; }
#pagInfo .pagLocation > li { position:relative; display:inline-block; height:52px; padding:0; vertical-align:middle; border-right:1px solid #3E4044; }
#pagInfo .pagLocation > li.hover { color:#3E4044; background-color:#3E4044; border:1px solid #222; margin:-1px 0 -1px -1px; }
#pagInfo .pagLocation > li.hover:after { content:''; position:absolute; right:-11px; top:0; width:10px; height:52px; background:url("/images/common/bg_lnb2.png") 0 0 no-repeat; }
#pagInfo .pagLocation > li:first-child { padding:0 15px 0 5px; }
#pagInfo .pagLocation li .i-togg { background:url(/images/common/location_arrow.png) 0 0 no-repeat; background-size:100%; }
#pagInfo .pagLocation li.hover .i-togg, #pagInfo .pagLocation > li > a strong .i-togg { background-position:0 -12px; }
#pagInfo .pagLocation > li > a { display:block; height:36px; padding:16px 12px 0 15px; color:#fff !important; font-size:14px; text-decoration:none; letter-spacing:-0.5px }
#pagInfo .pagLocation > li > a span { color:#fff !important; }
#pagInfo .pagLocation > li > a.home { width:28px; height:28px; overflow:hidden; margin:11px -6px 0 6px; padding:0; background:url(/images/common/location_btn_home.png) no-repeat; background-size:28px 56px; white-space:nowrap; *font-size:1px; text-indent:-999px; *text-indent:0; *color:transparent; *letter-spacing:-100px; *line-height:0; }
#pagInfo .pagLocation > li > a.home:hover { background-position:0 -28px; }
#pagInfo .pagLocation > li > a strong { color:#fff !important; }
#pagInfo .loc2Dep { display:none; position:absolute; left:-1px; min-width:100%; margin-top:0; padding-right:30px; z-index:10; border:1px solid #3E4044; background-color:#fff; }
#pagInfo .loc2Dep li { display:block; padding:0; margin-right:-30px; background:none; }
#pagInfo .loc2Dep a { position:relative; display:block; padding:7px 0 0 0; height:26px; margin:0 20px; color:#666; font-size:13px; white-space:nowrap; background:url("/images/common/bg_lnb.gif") 0 -83px no-repeat; }
#pagInfo .loc2Dep .active { background:#766c62}
#pagInfo .loc2Dep .active > a { color:#fff !important; font-size:13px; text-decoration:none; background:#766c62 !important; margin:0; }
#pagInfo .loc2Dep a:hover { color:#222; font-weight:bold; text-decoration:none; }
#pagInfo .loc2Dep a:hover:before { content:''; position:absolute; top:50%; left:-10px; margin:-5px 0 0 0; width:10px; height:12px; background:url(/images/common/3depth_arrow.png) no-repeat; background-size:50%; }
#pagInfo .loc2Dep li:first-child a { background-position:999px 999px; }
#pagInfo .pagLocation li.hover .loc2Dep { display:block; min-width:180px; }
#pagInfo .pagUtil { position:absolute; right:5px; top:13px; }
#pagInfo .i-zoomIn { background:url(/images/common/location_btn_zoomIn.png) no-repeat; background-size:20px 40px; width:20px; height:20px; margin-left:14px; }
#pagInfo .i-zoomIn:hover, #pagInfo .i-zoomIn:focus { background-position:0 -20px; }
#pagInfo .i-zoomOut { background:url(/images/common/location_btn_zoomOut.png) no-repeat; background-size:20px 40px; width:20px; height:20px; margin-left:5px; }
#pagInfo .i-zoomOut:hover, #pagInfo .i-zoomOut:focus { background-position:0 -20px; }
#pagInfo .zoomTxt { display:inline-block; margin:2px 8px 0 10px; color:#fff; font-size:14px; }
#pagInfo .curMenuAll { /**/padding-left:17px; margin-right:14px; font-size:13px; line-height:20px; color:#333; background-position:-485px -105px; }
#pagInfo .pagPrint { display:inline-block; background:url(/images/common/location_btn_print.png) no-repeat; background-size:28px 56px; width:28px; height:28px; overflow:hidden; margin-left:5px; vertical-align:middle; white-space:nowrap; *font-size:1px; text-indent:-999px; *text-indent:0; *color:transparent; *letter-spacing:-100px; *line-height:0; }
#pagInfo .pagPrint:hover, #pagInfo .pagPrint:focus { background-position:0-28px; }
#pagInfo .div { display:inline-block; width:1px; height:11px; background-color:#3E4044; vertical-align:middle; }
/* 도움말 레이아웃 */
.pagehelp { position:relative; z-index:10000; display:none; width:1058px; margin-left:-29px; margin-right:-29px; outline:none !important; }
.pagehelp .scarea { background-position:center 0; background-repeat:no-repeat; background-color:#4c4c4c; }
.pagehelp .helpmodal { display:none; position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background:url("/images/common/bg_modal2.png") repeat; }
.pagehelp .scarea { position:relative; z-index:2; }
.pagehelp .closeWrap { position:fixed; left:0; top:30px; z-index:3; width:100%; min-width:1220px; text-align:right; }
.pagehelp .pageWrap { position:absolute; z-index:3; width:100%; text-align:center; }
.pagehelp .pageWrap .i-helpprev { width:48px; height:48px; background-position:0 -98px; }
.pagehelp .pageWrap .i-helpnext { width:48px; height:48px; background-position:-58px -98px; }
.pagehelp .pageWrap .i-num { width:16px; height:16px; margin:0 2px; background-position:0 -62px; }
.pagehelp .pageWrap .nums { display:inline-block; min-width:106px; text-align:center; }
.pagehelp.p1 .pageWrap .i-num.n1, .pagehelp.p2 .pageWrap .i-num.n2, .pagehelp.p3 .pageWrap .i-num.n3, .pagehelp.p4 .pageWrap .i-num.n4, .pagehelp.p5 .pageWrap .i-num.n5, .pagehelp.p6 .pageWrap .i-num.n6, .pagehelp.p7 .pageWrap .i-num.n7 { background-position:-24px -62px; }
.pagehelp .closeWrap .i-helpclose { position:absolute; left:50%; width:81px; height:36px; background-position:0 0; margin-left:371px; }
.pagehelp .ir { background-image:url("/images/common/pagehelp.png"); }
#wrap.pagehelpMode .pagehelp .helpmodal { display:block; }
#wrap.pagehelpMode #container > div, #wrap.pagehelpMode #container > dl, #wrap.pagehelpMode #container > ul, #wrap.pagehelpMode #container > ol, #wrap.pagehelpMode #container > p, #wrap.pagehelpMode #container > h2, #wrap.pagehelpMode #container > h3, #wrap.pagehelpMode #container > h4, #wrap.pagehelpMode #container > h5, #wrap.pagehelpMode #container > form, #wrap.pagehelpMode #container > code, #wrap.pagehelpMode #container > fieldset, #wrap.pagehelpMode #container > blockquote, #wrap.pagehelpMode #container > iframe, #wrap.pagehelpMode #container > input, #wrap.pagehelpMode #container > textarea, #wrap.pagehelpMode #container > select, #wrap.pagehelpMode #container > span, #wrap.pagehelpMode #container > em, #wrap.pagehelpMode #container > strong, #wrap.pagehelpMode #container > table, #wrap.pagehelpMode #container > img { display:none; }
#wrap.pagehelpMode #container > .pagTit, #wrap.pagehelpMode #container > .pagehelp { display:block !important; }
.pagehelp .items { display:none; background-position:center 0; background-repeat:no-repeat; }
.pagehelp.p1 .items.ty1, .pagehelp.p2 .items.ty2, .pagehelp.p3 .items.ty3, .pagehelp.p4 .items.ty4, .pagehelp.p5 .items.ty5, .pagehelp.p6 .items.ty6, .pagehelp.p7 .items.ty7 { display:block; }
/* 스토리가 있는 자산관리 레이어 팝업 */
.storyPushPop, .storyPushPop.active .pushToggle, .storyPushPop .clicktxt .deco, .storyPushPop .pushTxt .deco { background:url("/images/common/story_layerbg.png") 999px 999px no-repeat; }
.storyPushPop { position:fixed; right:100px; bottom:0; z-index:20; width:398px; border-bottom:5px solid #3660ac; background-position:0 -60px; }
.storyPushPop .pushTitle { padding:0 12px 2px; font-size:16px; color:#fff; line-height:40px; cursor:pointer; }
.storyPushPop .pushToggle { position:absolute; top:0; right:42px; width:43px; height:42px; overflow:hidden; white-space:nowrap; text-indent:-999px; }
.storyPushPop .pushClose { position:absolute; top:0; right:0; width:42px; height:42px; overflow:hidden; white-space:nowrap; text-indent:-999px; *font-size:0; }
.storyPushPop .clicktxt { position:absolute; top:50%; left:0; width:100%; height:52px; line-height:52px; margin-top:-26px; text-align:center; background-color:#f5f5f5; }
.storyPushPop .clicktxt .deco { display:inline-block; width:16px; height:25px; margin-right:5px; background-position:100% 0; vertical-align:middle; }
.storyPushPop .pushCont { position:relative; height:52px; margin:0 5px; overflow:hidden; background-color:#f5f5f5; }
.storyPushPop .pushTxt { display:none; }
.storyPushPop .pushTxt .msg { min-height:103px; padding:39px 15px 35px 155px; }
.storyPushPop .pushTxt .msg .text { display:block; margin-bottom:13px; font-size:15px; line-height:20px; }
.storyPushPop .pushTxt .msg .text.lh2 { padding-top:10px; }
.storyPushPop .pushTxt .deco { position:absolute; left:30px; top:37px; width:100px; height:103px; }
.storyPushPop .pushTxt .deco.ty1 { background-position:-418px -63px; }
.storyPushPop .pushTxt .deco.ty2 { background-position:-528px -63px; }
.storyPushPop .pushTxt .deco.ty3 { background-position:-638px -63px; }
.storyPushPop .pushTxt .deco.ty4 { background-position:-418px -176px; }
.storyPushPop .pushTxt .deco.ty5 { background-position:-418px -289px; }
.storyPushPop .pushTxt .deco.ty6 { background-position:-418px -402px; }
.storyPushPop .pushTxt .deco.ty7 { background-position:-528px -402px; }
.storyPushPop .pushTxt .deco.ty8 { background-position:-418px -515px; }
.storyPushPop .pushTxt .deco.ty9 { background-position:-528px -515px; }
.storyPushPop .pushTxt .deco.ty10 { background-position:-418px -628px; }
.storyPushPop .pushFoot { padding:9px 24px 10px; text-align:right; font-size:13px; background-color:#f5f5f5; border-top:1px solid #ddd; }
.storyPushPop.active .pushCont { background-color:transparent; }
.storyPushPop.active .pushToggle { background-position:0 0; }
.storyPushPop.active .clicktxt { display:none; }
.storyPushPop.active .pushTxt { display:block; }
/* hot deal 슬라이드 팝업 */
.hotdealPushPop.ty1, .hotdealPushPop.ty1.active .pushToggle, .hotdealPushPop.ty1 .clicktxt .deco, .hotdealPushPop.ty1 .pushTxt .deco { background:url("/images/common/hotdeal_layerbg1.png") 999px 999px no-repeat; }
.hotdealPushPop.ty2, .hotdealPushPop.ty2.active .pushToggle, .hotdealPushPop.ty2 .clicktxt .deco, .hotdealPushPop.ty2 .pushTxt .deco { background:url("/images/common/hotdeal_layerbg2.png") 999px 999px no-repeat; }
.hotdealPushPop.ty3, .hotdealPushPop.ty3.active .pushToggle, .hotdealPushPop.ty3 .clicktxt .deco, .hotdealPushPop.ty3 .pushTxt .deco { background:url("/images/common/hotdeal_layerbg3.png") 999px 999px no-repeat; }
.hotdealPushPop.ty1 { position:fixed; right:100px; bottom:0; z-index:19; width:438px; border-bottom:5px solid #5451ad; background-position:0 -60px; }
.hotdealPushPop.ty2 { position:fixed; right:100px; bottom:0; z-index:19; width:438px; border-bottom:5px solid #764cb2; background-position:0 -60px; }
.hotdealPushPop.ty3 { position:fixed; right:100px; bottom:0; z-index:19; width:438px; border-bottom:5px solid #f58847; background-position:0 -60px; }
.hotdealPushPop.ty1 .pontTxt, .hotdealPushPop.ty2 .pontTxt, .hotdealPushPop.ty3 .pontTxt { color:#ffd905; }
.hotdealPushPop.ty1 .pushTitle, .hotdealPushPop.ty2 .pushTitle, .hotdealPushPop.ty3 .pushTitle { padding:0 12px 2px; font-size:16px; color:#fff; line-height:40px; cursor:pointer; }
.hotdealPushPop.ty1 .pushToggle, .hotdealPushPop.ty2 .pushToggle, .hotdealPushPop.ty3 .pushToggle { position:absolute; top:0; right:42px; width:43px; height:42px; overflow:hidden; white-space:nowrap; text-indent:-999px; }
.hotdealPushPop.ty1 .pushClose, .hotdealPushPop.ty2 .pushClose, .hotdealPushPop.ty3 .pushClose { position:absolute; top:0; right:0; width:42px; height:42px; overflow:hidden; white-space:nowrap; text-indent:-999px; *font-size:0; }
.hotdealPushPop.ty1 .clicktxt, .hotdealPushPop.ty2 .clicktxt, .hotdealPushPop.ty3 .clicktxt { position:absolute; top:50%; left:0; width:100%; height:52px; line-height:52px; margin-top:-26px; text-align:center; background-color:#f5f5f5; }
.hotdealPushPop.ty1 .clicktxt .deco, .hotdealPushPop.ty2 .clicktxt .deco, .hotdealPushPop.ty3 .clicktxt .deco { display:inline-block; width:21px; height:25px; margin-right:5px; background-position:100% 0; vertical-align:middle; }
.hotdealPushPop.ty1 .pushCont, .hotdealPushPop.ty2 .pushCont, .hotdealPushPop.ty3 .pushCont { position:relative; height:52px; margin:0 5px; overflow:hidden; background-color:#f5f5f5; }
.hotdealPushPop.ty1 .pushTxt, .hotdealPushPop.ty2 .pushTxt, .hotdealPushPop.ty3 .pushTxt { display:none; }
.hotdealPushPop.ty1 .pushTxt .msg, .hotdealPushPop.ty2 .pushTxt .msg, .hotdealPushPop.ty3 .pushTxt .msg { min-height:103px; padding:30px 10px 20px 140px; letter-spacing:-1px }
.hotdealPushPop.ty1 .pushTxt .msg .text, .hotdealPushPop.ty2 .pushTxt .msg .text, .hotdealPushPop.ty3 .pushTxt .msg .text { display:block; margin-bottom:13px; font-size:15px; line-height:20px; }
.hotdealPushPop.ty1 .pushTxt .msg .text.lh2, .hotdealPushPop.ty2 .pushTxt .msg .text.lh2, .hotdealPushPop.ty3 .pushTxt .msg .text.lh2 { padding-top:10px; }
.hotdealPushPop.ty1 .pushTxt .deco, .hotdealPushPop.ty2 .pushTxt .deco, .hotdealPushPop.ty3 .pushTxt .deco { position:absolute; left:20px; top:23px; width:100px; height:103px; background-position:-528px -63px; }
.hotdealPushPop.ty1 .pushFoot, .hotdealPushPop.ty2 .pushFoot, .hotdealPushPop.ty3 .pushFoot { padding:9px 24px 10px; text-align:right; font-size:13px; background-color:#f5f5f5; border-top:1px solid #ddd; }
.hotdealPushPop.ty1.active .pushCont, .hotdealPushPop.ty2.active .pushCont, .hotdealPushPop.ty3.active .pushCont { background-color:transparent; }
.hotdealPushPop.ty1.active .pushToggle, .hotdealPushPop.ty2.active .pushToggle, .hotdealPushPop.ty3.active .pushToggle { background-position:0 0; }
.hotdealPushPop.ty1.active .clicktxt, .hotdealPushPop.ty2.active .clicktxt, .hotdealPushPop.ty3.active .clicktxt { display:none; }
.hotdealPushPop.ty1.active .pushTxt, .hotdealPushPop.ty2.active .pushTxt, .hotdealPushPop.ty3.active .pushTxt { display:block; }
/* evnet 슬라이드 팝업 */
.evnetPushPop, .evnetPushPop.active .pushToggle, .evnetPushPop .clicktxt .deco, .evnetPushPop .pushTxt .deco { background:url("/images/common/event_layerbg.png") 999px 999px no-repeat; }
.evnetPushPop { position:fixed; right:100px; bottom:0; z-index:2000; width:438px; border-bottom:5px solid #3660ac; background-position:0 -60px; }
.evnetPushPop .pontTxt { color:#ffd905; }
.evnetPushPop .pushTitle { padding:0 12px 2px; font-size:16px; color:#fff; line-height:40px; cursor:pointer; }
.evnetPushPop .pushToggle { position:absolute; top:0; right:42px; width:43px; height:42px; overflow:hidden; white-space:nowrap; text-indent:-999px; }
.evnetPushPop .pushClose { position:absolute; top:0; right:0; width:42px; height:42px; overflow:hidden; white-space:nowrap; text-indent:-999px; *font-size:0; }
.evnetPushPop .clicktxt { position:absolute; top:50%; left:0; width:100%; height:52px; line-height:52px; margin-top:-26px; text-align:center; background-color:#f5f5f5; }
.evnetPushPop .clicktxt .deco { display:inline-block; width:16px; height:25px; margin-right:5px; background-position:100% 0; vertical-align:middle; }
.evnetPushPop .pushCont { position:relative; height:52px; margin:0 5px; overflow:hidden; background-color:#f5f5f5; }
.evnetPushPop .pushTxt { display:none; }
.evnetPushPop .pushTxt .msg { min-height:103px; padding:10px 20px 10px 0; }
.evnetPushPop .pushTxt .msg .text { display:block; margin-bottom:13px; font-size:15px; line-height:20px; }
.evnetPushPop .pushTxt .msg .text.lh2 { padding-top:10px; }
.evnetPushPop .pushTxt .deco { position:absolute; left:20px; top:23px; width:100px; height:103px; }
.evnetPushPop .pushFoot { padding:9px 24px 10px; text-align:right; font-size:13px; background-color:#f5f5f5; border-top:1px solid #ddd; }
.evnetPushPop.active .pushCont { background-color:transparent; }
.evnetPushPop.active .pushToggle { background-position:0 0; }
.evnetPushPop.active .clicktxt { display:none; }
.evnetPushPop.active .pushTxt { display:block; }
/* MAIN layerPopup */
.mainPop { display:none; }
.mainPop.active { display:block; position:absolute; top:200px; left:220px; width:440px; height:270px; border:3px solid #ffbf09; background:#fff; z-index:100; }
.mainPop > .popCon { position:relative; padding:30px 20px; }
.mainPop > .popCon h1 { color:#545045; font-size:30px; }
.mainPop > .popCon .con { padding:15px 0; color:#766c62; font-size:14px; background:url('/images/main/mainPop_bg.png') right 50% no-repeat; }
.mainPop > .popCon .con span { display:block; letter-spacing:-0.5px; }
.mainPop > .footer { position:absolute; bottom:0; width:392px; padding:12px 24px 14px; text-align:right; border-top:1px solid #ddd; background:#f5f5f5; }
.mainPop > .popClose { position:absolute; top:14px; right:10px; width:14px; height:14px; text-indent:-999; font-size:0; background:url('/images/main/btn_close.png') no-repeat; }
/* ============= 메인 리뉴얼 소스 시작 ========================================================================================================================================================= */
#header { position:relative; height:120px; z-index:21; }
#header .contIn { position:relative; width:1000px; height:120px; }
#header .topUtil { float:right; height:30px; }
#header .logo { position:absolute; z-index:23; }
#header .logo a { position:absolute; top:50%; left:0; display:block; width:132px; height:30px; margin-top:-5px; overflow:hidden; background:url('/images/common/KB_Sec_Logo.png') no-repeat; background-size:100%; text-indent:-999px; }
#header .member { float:left; margin-top:17px; }
#header .member li { float:left; margin-left:14px; font-size:12px; vertical-align:middle; }
#header .member li:first-child { margin-left:0; }
#header .member li span { height:20px; vertical-align:top; }
#header .member li a { color:#555; text-decoration:none; }
#header .member .personal { display:block; width:26px; height:26px; margin-top:-5px; }
#header .member .personal img { margin:1px 0 0 1px; }
#header .member li:hover a { color:#222; }
#header .airState { float:left; width:82px; height:22px; margin:22px 0 0 13px; }
#header .quickLink { float:left; position: relative; margin:10px 0 0 13px; height:30px; padding:7px 5px; border-radius:4px; box-sizing:border-box; background:#EEE8DA; }
#header .quickLink::after { display: none; content:''; position:absolute; left:-9px; bottom:-23px; width:112px; height:33px; background:url('/images/main/wide_tooltip.png') no-repeat; background-size:100% auto;}
#header .quickLink li { float:left; padding:0 10px; color:#605C4F; font-size:12px; font-weight:bold; border-left:1px solid #d5d0c3; }
#header .quickLink li:first-child { border-left:0; }
#header .quickLink li span { height:20px; vertical-align:top; }
#header .gnb { position:relative; display:block; height:120px; }
#header .gnb .navi { position:absolute; bottom:0; left:0; width:100%; }
#header .gnb .allMenu { position:absolute; right:0; top:0; width:72px; height:100%; overflow:hidden; background-color:#1d4da5; background-position:-140px -150px; white-space:nowrap; text-indent:-999px; }
#header ul.nav { position:relative; float:left; }
#header ul.nav li { float:left; word-break:break-all; }
#header ul.nav > li:first-child { margin-left:188px; }
#header ul.nav > li > a { position:relative; display:block; height:70px; margin:0 14px; overflow:hidden; text-align:center; text-indent:-999px; transition:all 0.2s; }
#header ul.nav > li > a:before { content:''; position:absolute; top:9px; left:0; width:8px; height:8px; border-radius:8px; background:#FFDC50; transform:scale(0); fransform-origin:50% 50%; transition:all 0.2s; }
#header ul.nav > li.active > a:before { transform:scale(1); }
#header ul.nav > li > a:after { content:""; position:absolute; left:0; width:100%; height:4px; bottom:0; background-color:#FFDC50; transition:0.2s cubic-bezier(.56, .28, .56, .81); transform:scaleX(0); }
#header ul.nav > li > a:hover:after, #header ul.nav > li.hover > a:after, #header ul.nav > li.active > a:after { transform:scaleX(1); }
#header ul.nav > li.active a:before { content:''; position:absolute; top:9px; left:0; width:8px; height:8px; border-radius:8px; background:#FFDC50; }
#header ul.nav > li > a.m1 { width:72px; background:url('/images/main/depth1_01.png?v=3') 50% 50% no-repeat; background-size:72px auto; }
#header ul.nav > li > a.m2 { width:79px; background:url('/images/main/depth1_02.png?v=3') 50% 50% no-repeat; background-size:79px auto; }
#header ul.nav > li > a.m3 { width:78px; background:url('/images/main/depth1_03.png?v=3') 50% 50% no-repeat; background-size:78px auto; }
#header ul.nav > li > a.m4 { width:72px; background:url('/images/main/depth1_04.png?v=3') 50% 50% no-repeat; background-size:72px auto; }
#header ul.nav > li > a.m5 { width:72px; background:url('/images/main/depth1_05.png?v=3') 50% 50% no-repeat; background-size:72px auto; }
#header ul.nav > li > a.m6 { width:71px; background:url('/images/main/depth1_06.png?v=3') 50% 50% no-repeat; background-size:71px auto; }
#header ul.nav > li > a.m7 { width:88px; background:url('/images/main/depth1_07.png?v=3') 50% 50% no-repeat; background-size:88px auto; margin:0 0 0 15px; }
#header ul.nav > li:hover > a.m1, #header ul.nav > li.active a.m1 { width:72px; background:url('/images/main/depth1_01_o.png?v=3') 50% 50% no-repeat; background-size:72px auto; }
#header ul.nav > li:hover > a.m2, #header ul.nav > li.active a.m2 { width:79px; background:url('/images/main/depth1_02_o.png?v=3') 50% 50% no-repeat; background-size:79px auto; }
#header ul.nav > li:hover > a.m3, #header ul.nav > li.active a.m3 { width:78px; background:url('/images/main/depth1_03_o.png?v=3') 50% 50% no-repeat; background-size:78px auto; }
#header ul.nav > li:hover > a.m4, #header ul.nav > li.active a.m4 { width:72px; background:url('/images/main/depth1_04_o.png?v=3') 50% 50% no-repeat; background-size:72px auto; }
#header ul.nav > li:hover > a.m5, #header ul.nav > li.active a.m5 { width:72px; background:url('/images/main/depth1_05_o.png?v=3') 50% 50% no-repeat; background-size:72px auto; }
#header ul.nav > li:hover > a.m6, #header ul.nav > li.active a.m6 { width:71px; background:url('/images/main/depth1_06_o.png?v=3') 50% 50% no-repeat; background-size:71px auto; }
#header ul.nav > li:hover > a.m7, #header ul.nav > li.active a.m7 { width:88px; background:url('/images/main/depth1_07_o.png?v=3') 50% 50% no-repeat; background-size:88px auto; }
#header ul.nav > li:nth-child(2):before { content:''; position:absolute; top:-5px; margin-left:71px; width:38px; height:26px; background:url('/images/main/gnb_tooltip_1.png'); background-size:100%; }
#header ul.nav > li .submenu { overflow:hidden; visibility:hidden; position:absolute; left:0; top:70px; width:996px; background-color:#fff; border:2px solid #f8b500; transition:height 0.5s cubic-bezier(.56, .28, .56, .81); z-index:24; }
#header ul.nav > li.hover .submenu, #header ul.nav > li:hover .submenu { visibility:visible; z-index:9999; }
#header .submenu .home { padding:11px 14px; border-bottom:1px solid #d9dee2; background-color:#fff; }
#header .submenu .home a { display:inline-block; padding:0 17px 0 0; font-size:15px; color:#444b56; line-height:29px; background:url("/images/common/layout.png") 100% -230px no-repeat; }
#header .submenu .home a strong { display:block; height:30px; padding:0 3px 0 40px; background:url("/images/common/layout.png") -155px -230px no-repeat; }
#header .submenu .home a:hover, #header .submenu .home a:focus { color:#fff; background-position:100% -270px; }
#header .submenu .home a:hover strong, #header .submenu .home a:focus strong { background-position:-155px -270px; }
#header .submenu .home a.mycoupon { display:inline-block; height:30px; margin-top:-1px; padding:0 15px 0 35px; color:#333; font-size:13px; font-weight:normal; line-height:27px; vertical-align:middle; border-radius:15px; background:#ffcc00 url('/images/common/coupon_btn_bgTy2.png') 13px 50% no-repeat; }
#header .submenu .home a.mycoupon:hover, #header .submenu .home a.mycoupon:focus { color:#000; }
#header .submenu .home a.pensionGuide { display:inline-block; height:30px; margin-top:-1px; padding:0 15px 0 28px; color:#333; font-size:13px; font-weight:normal; line-height:27px; vertical-align:middle; border-radius:15px; background:#ffcc00 url('/images/common/pensionGuide_ico.png') 13px 50% no-repeat; }
#header .submenu .home a.pensionGuide:hover, #header .submenu .home a.pensionGuide:focus { color:#000; }
#header .submenu .home a.chatbotQuick { display:inline-block; height:30px; margin-top:-1px; padding:0 15px 0 35px; color:#333; font-size:13px; font-weight:normal; line-height:27px; vertical-align:middle; border-radius:15px; background:#ffcc00 url('/images/common/chatbotQuick.png') 13px 50% no-repeat; }
#header .submenu .home a.chatbotQuick:hover, #header .submenu .home a.chatbotQuick:focus { color:#000; }
#header .submenu .home a.txtLink { display:inline-block; position: relative; height:30px; margin-left:10px; padding-left:8px; color:#547ecb; font-size:14px; font-weight:bold; line-height:27px; vertical-align:middle; background:url('/images/common/bg_txtLink.png') right 50% no-repeat; }
#header .submenu .home a.txtLink::before { content: ''; position: absolute; top:50%; left:0; width:4px; height:4px; margin-top:-3px; border-radius: 50%; background:#547ecb; }
#header .submenu .home a.txtLink:hover, #header .submenu .home a.txtLink:focus { text-decoration: underline; }
#header .submenu .home a.ficd { display:inline-block; height:30px; margin-top:-1px; padding:0 15px 0 30px; color:#333; font-size:13px; font-weight:normal; line-height:27px; vertical-align:middle; border-radius:15px; background:#ffcc00 url('/images/common/coupon_btn_bgTy3.png') 13px 50% no-repeat; }
#header .submenu .home a.ficd:hover, #header .submenu .home a.ficd:focus { color:#000; }
#header .submenu .colgroup { float:left; margin:20px 5px 28px 10px; padding-right:0; overflow:hidden; background:url("/images/common/bg_gnb.png") 194px 0 repeat-y; }
#header .submenu .colgroup .col { float:left; width:186px; padding:0 0 30px 9px; line-height:1.15; }
#header .submenu .colgroup .col:first-child { padding-left:4px; }
#header .submenu .colgroup:nth-child(2) { margin:20px 5px 50px 10px; }
#header .submenu .colgroup .col li { float:none; margin-top:25px; }
#header .submenu .colgroup .col > li:first-child { margin-top:0; }
#header .submenu .colgroup .col ul { margin-top:7px; }
#header .submenu .colgroup .col ul li { margin-top:0; }
#header .submenu .colgroup.ty2 { margin:5px 5px 28px 10px; }
#header .submenu .pensionMenu { overflow:hidden; display:block; margin:10px 0px; }
#header .submenu .pensionMenu .menu1 { display:inline-block; margin-left:14px; width:576px; height:33px; text-align:center; color:#fff; line-height:33px; background:#bd8658; }
#header .submenu .pensionMenu .menu2 { display:inline-block; margin-left:9px; width:381px; height:33px; text-align:center; color:#111; line-height:33px; background:#ffd76b; }
#header .submenu .pensionMenu .menu3 { display:inline-block; margin-left:14px; width:185px; height:33px; text-align:center; color:#fff; line-height:33px; background:#8a8074; }
#header .submenu .pensionMenu .menu4 { display:inline-block; margin-left:9px; width:381px; height:33px; text-align:center; color:#fff; line-height:33px; background:#9e9284; }
#header .submenu .pensionMenu .menu5 { display:inline-block; margin-left:9px; width:185px; height:33px; text-align:center; color:#fff; line-height:33px; background:#bc8658; }
#header .submenu .pensionMenu .menu6 { display:inline-block; margin-left:9px; width:185px; height:33px; text-align:center; color:#111; line-height:33px; background:#ffd76b; }
#header .submenu a.dep2 { display:block; padding:4px 7px 8px 7px; background-color:#eeeae5; font-size:14px; color:#111; font-weight:bold; }
#header .submenu a.dep3 { display:inline-block; padding:5px 9px 7px; font-size:13px; color:#333; }
#header .submenu a.dep3:hover, #header .submenu a.dep3:focus { color:#766c62; text-decoration:underline; }
#header .submenu .active > div.c4Depth a.dep3 { color:#124eba; text-decoration:underline; }
#header .submenu .active > a.dep3 { color:#124eba; text-decoration:underline; }
#header .submenu a.dep4Btn { display:inline-block; width:13px; height:13px; margin-bottom:-2px; background:url("/images/common/gnb_icon.png") 0 0 no-repeat; z-index:900; }
#header .submenu a.dep4Btn.on { background:url("/images/common/gnb_icon.png") 0 -13px no-repeat; }
#header .submenu .dep4Box { position:absolute; overflow:hidden; margin:-100px 0 10px; min-width:140px; background:#766c62; padding:8px 12px; z-index:1000; }
/* 고객서비스 > 인증/OTP 센터 > 인증서 안내 > dep4Box 위치 조절 */
#header .submenu .dep4Box#pdm06070003 { margin-top:-274px; }
#header .submenu a.dep4 { display:block; color:#fff; font-size:12px; padding-left:7px; line-height:22px; background:url("/images/common/layout.png") 0 -687px no-repeat; border:1px solid #766c62}
#header .submenu a.dep4:hover { text-decoration:underline; }
#header .allMenuList { display:none; position:fixed; top:0; left:50%; margin-left:-500px; width:996px; background-color:#fff; border:2px solid #2460ce; }
#header .sMapMenu a, #header .submenu a { word-break:break-all; word-wrap:break-word; }
#header .sMapMenu .home a, #header .siteMap .sMapClose, #header .sMapMenu .home a strong { background:url("/images/common/layout.png") 100% -230px no-repeat; }
#header .siteMap { display:none; position:absolute; left:50%; top:50px; width:1000px; margin-left:-500px; background:#fff; border-top-width:0; z-index:22; }
#header .gnb_fixed .siteMap { margin-left:-548px; }
#header .siteMap .sMapClose { position:absolute; right:-2px; top:0; width:72px; height:68px; overflow:hidden; z-index:2; background-color:#1d4da5; background-position:-222px -150px; white-space:nowrap; text-indent:-999px; }
#header .siteMap .sMapNav { height:70px; }
#header .siteMap .sMapNav li { position:relative; float:left; word-break:break-all; height:70px; }
#header .siteMap .sMapNav a.m1, #header .siteMap .sMapNav a.m2,#header .siteMap .sMapNav a.m3,#header .siteMap .sMapNav a.m4,#header .siteMap .sMapNav a.m5,#header .siteMap .sMapNav a.m6,#header .siteMap .sMapNav a.m7 { display:block; height:100%; overflow:hidden; text-align:center; color:#fff; background:url("/images/common/gnb_new.png") 999px 999px no-repeat; white-space:nowrap; text-indent:-999px; }
#header .siteMap .sMapNav li { float:left; word-break:break-all; }
#header .siteMap .sMapNav li:first-child { margin-left:188px; }
#header .siteMap .sMapNav li > a { position:relative; display:block; height:70px; margin:0 15px; overflow:hidden; text-align:center; text-indent:-999px; transition:all 0.2s; }
#header .siteMap .sMapNav li > a:before { content:''; position:absolute; top:9px; left:0; width:8px; height:8px; border-radius:8px; background:#FFDC50; transform:scale(0); fransform-origin:50% 50%; transition:all 0.2s; }
#header .siteMap .sMapNav li > a.active:before { transform:scale(1); }
#header .siteMap .sMapNav li > a:after { content:""; position:absolute; left:0; width:100%; height:4px; bottom:0; background-color:#FFDC50; transition:0.2s cubic-bezier(.56, .28, .56, .81); transform:scaleX(0); }
#header .siteMap .sMapNav li > a:hover:after, #header ul.nav > li.hover > a:after, #header .siteMap .sMapNav li > a.active:after { transform:scaleX(1); }
#header .siteMap .sMapNav li a.m1 { width:71px; background:url('/images/main/depth1_01.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li a.m2 { width:79px; background:url('/images/main/depth1_02.png') 50% 50% no-repeat; background-size:79px auto; }
#header .siteMap .sMapNav li a.m3 { width:71px; background:url('/images/main/depth1_03.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li a.m4 { width:71px; background:url('/images/main/depth1_04.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li a.m5 { width:71px; background:url('/images/main/depth1_05.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li a.m6 { width:71px; background:url('/images/main/depth1_06.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li a.m7 { width:88px; background:url('/images/main/depth1_07.png') 50% 50% no-repeat; background-size:88px auto; }
#header .siteMap .sMapNav li:hover > a.m1, #header .siteMap .sMapNav li a.m1.active { width:71px; background:url('/images/main/depth1_01_o.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li:hover > a.m2, #header .siteMap .sMapNav li a.m2.active { width:79px; background:url('/images/main/depth1_02_o.png') 50% 50% no-repeat; background-size:79px auto; }
#header .siteMap .sMapNav li:hover > a.m3, #header .siteMap .sMapNav li a.m3.active { width:71px; background:url('/images/main/depth1_03_o.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li:hover > a.m4, #header .siteMap .sMapNav li a.m4.active { width:71px; background:url('/images/main/depth1_04_o.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li:hover > a.m5, #header .siteMap .sMapNav li a.m5.active { width:71px; background:url('/images/main/depth1_05_o.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li:hover > a.m6, #header .siteMap .sMapNav li a.m6.active { width:71px; background:url('/images/main/depth1_06_o.png') 50% 50% no-repeat; background-size:71px auto; }
#header .siteMap .sMapNav li:hover > a.m7, #header .siteMap .sMapNav li a.m7.active { width:88px; background:url('/images/main/depth1_07_o.png') 50% 50% no-repeat; background-size:88px auto; }
#header .siteMap .sMapNav li:nth-child(2):before { content:''; position:absolute; top:-5px; right:0; width:38px; height:26px; background:url('/images/main/gnb_tooltip_1.png'); background-size:100%; }
#header .sMapMenu { padding:0 0 25px; border:2px solid #d3b183; width:996px; }
#header .sMapMenu .home { padding:18px 14px 13px; }
#header .sMapMenu .home a { display:inline-block; padding:0 17px 0 0; font-size:15px; color:#444b56; line-height:29px; background-position:100% -230px; text-decoration:none; }
#header .sMapMenu .home a strong { display:block; height:30px; padding:0 3px 0 40px; background-position:-155px -230px; }
#header .sMapMenu .home a:hover, #header .sMapMenu .home a:focus { color:#fff; background-position:100% -270px; }
#header .sMapMenu .home a:hover strong, #header .sMapMenu .home a:focus strong { background-position:-155px -270px; }
#header .sMapMenu .colgroup { padding:0 0 0 0; padding-right:0; overflow:hidden; background:url("/images/common/bg_sitemap.gif") 1px 0 repeat-y; }
#header .sMapMenu .colgroup .col { float:left; width:182px; padding:0 8px 0 9px; line-height:1.15; }
#header .sMapMenu .colgroup .col:first-child { padding:0 8px 0 14px; width:177px; }
#header .sMapMenu .colgroup .col li:first-child a.dep2 { margin-top:0; }
#header .sMapMenu .colgroup .col li { float:none; }
#header .sMapMenu .colgroup .col > li { margin-top:25px; }
#header .sMapMenu .colgroup .col > li:first-child { margin-top:0; border-top:none; padding-top:0; }
#header .sMapMenu .colgroup .col ul li { margin-top:0; }
#header .sMapMenu .colgroup .col ul li:first-child .dep3 { margin-top:-5px; }
#header .sMapMenu a.dep2 { display:block; padding:4px 0 6px 13px; font-size:16px; color:#333 !important; font-weight:bold; background:#f7f3ee; }
#header .sMapMenu a.dep3 { display:block; padding:11px 0 5px 12px; font-size:14px; color:#8d744b; font-weight:bold; }
#header .sMapMenu a.dep4 { display:block; padding:2px 0 5px 12px; font-size:12px; color:#333; }
#header .sMapMenu a:hover,#header .sMapMenu a:focus { color:#8d744b; text-decoration:underline; }
#header ul.nav a:hover + .submenu { display:block; }
#header .gnb_quick { position:absolute; bottom:0; right:0; height:70px; }
#header .gnb_quick li { position:relative; float:left; top:14px; width:40px; height:40px; }
#header .gnb_quick a { display:block; width:100%; height:100%; text-align:center; }
#header .gnb_quick a .gq-mn2 { width:40px; height:40px; background:url('/images/common/btn_search_new.png') no-repeat; background-size:100%; }
#header .gnb_quick a .gq-mn4 { width:40px; height:40px; background:url('/images/common/btn_allmenu_new.png') no-repeat; background-size:100%; }
#header .gnb_quick a .gq-mn2:hover, #header .gnb_quick a .gq-mn4:hover { background-position:0 -40px; }
#header .siteMap .gnb_quick { position:absolute; top:0; right:0; height:70px; }
#header .siteMap .gnb_quick li { position:relative; float:left; top:14px; width:40px; height:40px; }
#header .siteMap .gnb_quick a { display:block; width:100%; height:100%; text-align:center; }
#header .siteMap .gnb_quick a .gq-mn2 { width:40px; height:40px; background:url('/images/common/btn_search_new.png') no-repeat; background-size:100%; }
#header .siteMap .gnb_quick a .gq-mn4 { width:40px; height:40px; background:url('/images/common/btn_allmenu_new.png') no-repeat; background-size:100%; }
#header .siteMap .gnb_quick a .gq-mn1:hover, #header .gnb_quick a .gq-mn4:hover { background-position:0 -40px; }
#header a.gq-mn5 { position:absolute; right:0; top:13px; width:40px; height:40px; text-align:center; }
#header a.gq-mn5 i { display:inline-block; width:19px; height:19px; margin-top:12px; transition:0.3s all ease-in-out; vertical-align:middle; background-position:-460px -20px; }
#header a.gq-mn5 i.hover { -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform: rotate(180deg); }
/* sub gnb - position:fixed로 변경 했을때 */
#header .contIn_fixed { z-index:1; position:fixed; top:0; width:100%; min-width:1000px; }
#header .contIn_fixed .logo { height:70px; }
#header .contIn_fixed .logo a { top:50%; margin-top:-15px; }
#header .gnb_fixed { position:fixed; left:0; top:0; z-index:101; width:100%; height:90px; min-width:1000px; background:#fff; border-bottom:2px solid #ffcd00; }
#header .gnb_fixed .topUtil { display:none; }
#header .gnb_fixed .navi { position: relative; left:50%; margin-left:-500px; margin-top:20px; }
#header .gnb_fixed .gnb_quick { position:relative; display:inline-block; }
.alert_layer_fixed { position:fixed; top:56px; }
.search_wrap_fixed { position:fixed; top:56px; }
.my_menu_wrap_fixed { position:fixed; top:56px; }
#pagInfo.pagInfo_fixed { z-index:5; position:fixed; top:0; width:100%; }
#header .contIn_fixed .siteMap { position:absolute; left:50%; top:20px; width:1000px; margin-left:-500px; background:#fff; border-top-width:0; z-index:102; }
#header .contIn_fixed .sMapMenu { overflow-y:scroll; height:436px; }
#header .contIn_fixed .sMapMenu .colgroup { background-image:url('/images/common/bg_sitemap_ty2.gif'); }
#header .contIn_fixed .sMapMenu .colgroup .col { width:177px; }
/* 검색 레이어 */
.search_wrap { display:none; z-index:22; position:absolute; left:0; top:120px; width:100%; background-color:#52555c; }
.search_area { position:relative; width:1000px; height:204px; margin:0 auto; border-bottom:#e4ddc6; background-color:#52555c; }
.search_box { width:1000px; height:490px; margin:0 auto; }
.search_box .search_ipt { height:100px; padding-left:149px; font-size:0; text-align:left; background:url('/images/common/search_title.png') 44px 52px no-repeat; background-size:92px 34px; }
.search_wrap_csVer { position:relative; display:block; width:100%; margin-bottom:42px; background-color:#52555c; }
.search_wrap_csVer .search_area { position:relative; width:1000px; height:182px; margin:0 auto; border-bottom:#e4ddc6; background-color:#52555c; }
.search_wrap_csVer .search_box { width:1000px; height:182px; margin:0 auto; }
.search .ipt { border:0; width:178px; background:transparent; color:#fab82f; font-size:13px; font-weight:bold; padding-left:0; float:left; }
.searchResult { display:none; position:absolute; z-index:101; top:98px; left:50%; margin-left:-351px; width:700px; border:2px solid #222; background-color:#fff; box-sizing:border-box; }
.searchResult .col { position:relative; float:left; width:calc(100%/3); height:326px; padding:5px 0; border-right:1px solid #ddd; line-height:20px; box-sizing:border-box; }
.searchResult a { color:#666; text-decoration:none !important; }
.searchResult em { color:#666; }
.searchResult dt strong { color:#CD4333; font-size:18px; }
.searchResult dt { position:relative; padding:18px 0 0 16px; height:44px; color:#222; border-bottom:1px solid #ddd; font-size:18px; font-weight:bold; }
.searchResult .noData { display:block; padding:112px 0 0; text-align:center; color:#666; }
.searchResult ul .noData { padding-top:144px; }
.searchResult .more { position:absolute; right:20px; top:23px; display:inline-block; padding-right:22px; font-size:14px; font-weight:normal; background:url("/images/common/layout.png") 100% -307px no-repeat; }
.searchResult .rate { display:block; margin-top:2px; line-height:24px; }
.searchResult .rate strong { font-weight:normal; font-size:20px; vertical-align:bottom; }
.searchResult dl.col { border-right:0; }
.searchResult dl.col a { font-size:13px; color:#333; }
.searchResult .col.fR em { color:#333; }
.searchResult dt + dd, .searchResult .relate dt + dd { background:none; }
.searchResult dd { margin:0 16px; padding:10px 0; background:url("/images/common/bg_dot3.gif") 0 0 repeat-x; vertical-align:top; }
.searchResult dd span { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; cursor:pointer; }
.searchResult li { padding:10px 0; background:url("/images/common/bg_dot3.gif") 0 0 repeat-x; vertical-align:top; }
.searchResult li:first-child, #header .searchResult dt+dd { background:none; }
.searchResult .relate { padding:3px 0 5px !important; }
.searchResult .relate dt { display:none; height:0 !important; }
.searchResult .relate dd { margin:0 16px; padding:0; background:url("/images/common/bg_dot3.gif") 0 0 repeat-x; vertical-align:top; }
.searchResult .relate dd span { display:block; overflow:hidden; width:195px; text-overflow:ellipsis; white-space:nowrap; }
#menuList dd span, #menuList dd a { display:block; overflow:hidden; height:42px; cursor:pointer; }
#goodList dd { height:66px; }
.searchResult.ty2 { display:block; padding:7px 10px; }
.searchResult.ty2 li { padding:7px 10px; background:none; }
/* 최근검색어 */
.recentArea { overflow:hidden; display:none; }
.recentTitArea li { overflow:hidden; }
.recentTitArea .recentTit { float:left; color:#111; font-weight:bold; }
.recentTitArea .recentAllClear { float:right; color:#666; font-size:12px; }
.recentListArea > li { position:relative; overflow:hidden; padding-left:30px !important; }
.recentListArea .recentTerms { float:left; color:#333; cursor:pointer; }
.recentListArea .recentTerms::before { content:''; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; background:url(/images/common/recentTerms_ico.png) no-repeat; background-size:cover;}
.recentListArea .recentTermsDate { float:right }
.recentListArea .recentTermsDate .dateNum { display:inline-block; color:#888; font-size:12px; vertical-align:middle; }
.recentListArea .recentTermsDate .recentClear { display:inline-block; margin-top:-3px; color:#888; font-size:15px; vertical-align:middle; }
/* 기존 자동완성리스트
.autocompleteArea { overflow:hidden; display:none; }
.autocompleteArea .autoListArea li { position:relative; padding-left:30px; color:#333; }
.autocompleteArea .autoListArea li span { cursor:pointer; }
.autocompleteArea .autoListArea li .autoTerms { color:#dd0000 !important; }
.autocompleteArea .autoListArea li::before { content:''; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; background:url(/images/common/autoList_ico.png) no-repeat; background-size:cover; }
*/
/* 자동완성리스트 20210903 collabo*/
.autocompleteArea { overflow:hidden; display:none; }
.autocompleteArea .autoListArea li { position:relative; padding-left:30px; color:#333; }
.autocompleteArea .autoListArea li:hover { background-color:#DDDDDD; }
.autocompleteArea .autoListArea .akc_list_active { background-color:#DDDDDD; }
.autocompleteArea .autoListArea li span { cursor:pointer; }
.autocompleteArea .autoListArea li highlight { color:#dd0000 !important; }
.autocompleteArea .autoListArea li::before { content:''; position:absolute; top:50%; left:0; width:24px; height:24px; margin-top:-12px; background:url(/images/common/autoList_ico.png) no-repeat; background-size:cover; }
.search_ipt span.placehold label { color:#222; font-size:18px; margin-top:61px; line-height:47px; letter-spacing:-0.05em; }
.search_ipt span.placehold input { color:#222; font-size:18px; line-height:47px; letter-spacing:-0.05em; font-weight:700; }
.search_ipt span.placehold { overflow:hidden; padding-top:40px; }
.search_ipt span.placehold > .ipt-sel { float:left; top:0; left:0; width:168px; height:60px; padding:0 20px; color:#222; font-size:18px; font-weight:700; border:2px solid #222; border-width:2px 0 2px 2px; letter-spacing:-1px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url('/images/common/dropdn_arrow.png') right 50% no-repeat; background-size:28px 28px; }
.search_ipt span.placehold > .ipt-sel::-ms-expand { display:none; }
.search_ipt span.placehold > .ipt-search { float:left; top:0; left:0; width:472px; height:60px; border:2px solid #222; border-width:2px 0; box-sizing:border-box; }
.search_ipt span.placehold > .i-search { position:relative; float:left; top:0; left:0; width:60px; height:60px; border:2px solid #222; border-width:2px 2px 2px 0; background:#fff; }
.search_ipt span.placehold > .i-search i { position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background:url('/images/common/searchBtn.png') no-repeat; background-size:100%; }
.search_ipt span.placehold > .condition { float:left; top:0; left:0; width:115px; height:60px; margin-left:10px; }
.search_ipt span.placehold > .condition img { width:100%; height:auto; }
.search_ipt .customBtn { position:absolute; top:112px; right:152px; display:inline-block; padding:5px 10px 7px; color:#fff; letter-spacing:-1px; font-size:14px; border-radius:4px; background:#686C75; cursor:pointer; }
.search_ipt .customBtn:hover { background:#36383B; }
.search_info { position:relative; width:100%; height:285px; padding-top:20px; background-color:#fff; }
.fund_recommand { display:block; width:700px; margin-top:16px; font-size:0; text-align:left; }
.fund_recommand.ty2 { overflow:hidden; width:420px; height:24px; }
.fund_recommand dt, .fund_recommand dt span, .fund_recommand dt i.ir, .fund_recommand dd { display:inline-block; vertical-align:middle; }
.fund_recommand dt span { color:#fff; font-size:16px; font-weight:700; }
.fund_recommand dt i.ir { width:42px; height:13px; background-position:-253px -72px; }
.fund_recommand dd { margin-left:19px; color:#ddd; font-size:14px; letter-spacing:-0.05em; }
.fund_recommand dd:hover a { color:#ddd; text-decoration:underline; }
.search_info_box { position:relative; width:1000px; margin: 0 auto; }
.search_info_box > div { position:relative; }
.tit_fund_ranking, .tit_hot_deal { width:480px; color:#333; font-size:18px; font-weight:bold; line-height:40px; }
.search_info .fund_list { width:480px; border-top:2px solid #766c62; }
.search_info .fund_list li { height:50px; border-bottom:1px solid #dddddd; font-size:0; line-height:50px; }
.search_info .fund_list li div { float:left; text-align:center; }
.search_info .fund_list li div.rk_num { width:56px; height:30px; padding-top:20px; font-size:16px; color:#625950; }
.search_info .fund_list li div.rk_kind { overflow:hidden; width:293px; padding-left:9px; font-size:14px; color:#333333; white-space:nowrap; text-align:left; text-overflow:ellipsis; }
.search_info .fund_list li div.rk_kind a:hover span { padding-bottom:1px; border-bottom:1px solid #766c62; color:#766c62; }
.search_info .fund_list li div.rk_percent { width:102px; padding-right:20px; font-size:24px; color:#333; text-align:right; }
.search_info .fund_list li div.rk_percent_dw { width:102px; padding-right:20px; font-size:24px; color:#2460ce; text-align:right; }
.search_info .fund_list li div.rk_percent_up { width:102px; padding-right:20px; font-size:24px; color:#e44b3a; text-align:right; }
.search_info_box a.fund_more { display:block; position:absolute; right:0; top:13px; width:20px; height:20px; background-position:-244px -143px; }
.rolling_ty1 { overflow:hidden; position:relative; width:480px; height:155px; border:2px solid #766c62; }
.rolling_ty1 .dvgroup { position:relative; width:480px; height:155px; overflow:hidden; }
.rolling_ty1 .dvgroup .rollitem { position:absolute; left:100%; width:480px; height:155px; }
.rolling_ty1 .slideCtrl { position:absolute; right:11px; top:9px; z-index:2; }
.rolling_ty1 .slideCtrl .num { width:8px; height:8px; margin-right:5px; background-position:-373px -91px; }
.rolling_ty1 .slideCtrl .num.active { width:40px; height:8px; background-position:-328px -91px; }
.rolling_ty1 .slideCtrl .actPlay { position:static; width:14px; height:14px; background-position:-311px -88px; }
.rolling_ty1 .slideCtrl .actPlay.stop { background-position:-294px -88px; }
.search_wrap .close_search { z-index:10; position:absolute; right:40px; top:-60px; width:40px; height:40px; margin-top:0; text-align:center; background-color:#fff; }
.search_wrap .close_search span { width:19px; height:19px; margin-top:14px; transition:0.3s all ease-in-out; background-position:-459px -19px; }
.search_wrap .close_search span.hover {
-ms-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
transform: rotate(180deg);
}
.itemBox { margin:12px 0 0 35px; }
.itemBox dt { margin-top:24px; width:316px; }
.itemBox dt a { color:#111; font-size:20px; line-height:30px; }
.itemBox dt .icoBox { margin-bottom:0; }
.itemBox dd { position:absolute; right:0px; bottom:50px; width:130px; color:#111; font-size:14px; line-height:20px; }
.itemBox dd .rate { display:block; color:#666; text-align:center; }
.itemBox dd .rate strong { display:block; font-size:32px; line-height:40px; letter-spacing:-1px; }
.ico_wrap { display:block; position:absolute; right:11px; bottom:21px; height:18px; padding:0 15px; line-height:16px; text-align:center; }
.rollitem_ty2 .itemBox dt a { color:#111; }
.rollitem_ty2 .itemBox dd { color:#111; }
/* 사이드바 */
#aside { position:fixed; left:-1px; top:248px; width:90px; border-radius:0 6px 6px 0 !important; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2); z-index:20; }
#aside .quickMenu { display:inline-block; width:100%; overflow:hidden; padding:0; border:1px solid #52555C; box-sizing:border-box; background-color:#fff; border-radius:0 6px 6px 0; }
#aside .quickMenu li { overflow:hidden; padding:14px 0px; height:17px; border-top:1px solid #eee; cursor:pointer; transition:height .3s; }
#aside .quickMenu li:first-child { border-top:none; }
/*
#aside .quickMenu li .ico { position:relative; display:block; height:0; visibility:hidden; }
#aside .quickMenu li .ico:before { content:''; position:absolute; top:0; left:50%; margin-left:-20px; width:40px; height:40px; }
#aside .quickMenu li.qk1 .ico:before { background:url('/images/common/qk_ic_mymoney.png') no-repeat; background-size:100%; }
#aside .quickMenu li.qk2 .ico:before { background:url('/images/common/qk_ic_cert.png') no-repeat; background-size:100%; }
#aside .quickMenu li.qk3 .ico:before { background:url('/images/common/qk_ic_private.png') no-repeat; background-size:100%; }
#aside .quickMenu li.qk4 .ico:before { background:url('/images/common/qk_ic_comprate.png') no-repeat; background-size:100%; }
#aside .quickMenu li.qk5 .ico:before { background:url('/images/common/qk_ic_remote.png') no-repeat; background-size:100%; }
#aside .quickMenu li:hover .ico, #aside .quickMenu li.active .ico { height:40px; padding-bottom:5px; opacity:1; visibility:visible; }
*/
#aside .quickMenu li .tit { display:block; width:100%; height:17px; font-size:0; }
#aside .quickMenu li.qk1 .tit { background:url('/images/common/qk_menu01_txt.png') 50% 0 no-repeat; background-size:41px 34px; }
#aside .quickMenu li.qk2 .tit { background:url('/images/common/qk_menu02_txt.png') 50% 0 no-repeat; background-size:55px 34px; }
#aside .quickMenu li.qk3 .tit { background:url('/images/common/qk_menu03_txt.png') 50% 0 no-repeat; background-size:66px 34px; }
#aside .quickMenu li.qk4 .tit { background:url('/images/common/qk_menu04_txt.png') 50% 0 no-repeat; background-size:55px 34px; }
#aside .quickMenu li.qk5 .tit { background:url('/images/common/qk_menu05_txt.png') 50% 0 no-repeat; background-size:45px 34px; }
#aside .quickMenu li.qk6 .tit { background:url('/images/common/qk_menu06_txt.png?v=20231006') 50% 0 no-repeat; background-size:73px 34px; }
#aside .quickMenu li.qk7 .tit { background:url('/images/common/qk_menu07_txt.png') 50% 0 no-repeat; background-size:45px 34px; }
#aside .quickMenu li.active { background:#D6D8E0; }
#aside .quickMenu li:hover .tit, #aside .quickMenu li.active .tit { background-position:50% -17px !important; }
/* 메인 청약경쟁률조회 팝업 */
.crPop { position:fixed; top:250px; left:114px; transform-origin:top left; opacity:0; visibility:hidden; z-index:9; }
.crPop .crPopArea { position:relative; padding:20px 15px; width:450px; height:auto; border-radius:6px; box-shadow:0 0 .5em rgba(0, 0, 0, 0.3); background:#fff; }
.crPop .crPopArea:before { content:''; position:absolute; top:15px; left:-4px; width:10px; height:10px; background:#fff; transform:rotate(-45deg); border-radius:2px; box-shadow:-2px -2px 0.2em rgba(0, 0, 0, 0.1); }
.crPop .crPopArea .herder { margin-bottom:10px; }
.crPop .crPopArea .herder .tit { display:block; margin-bottom:7px; color:#4C5568; font-size:16px; font-weight:bold; }
.crPop .crPopArea .herder .date { color:#888; font-size:13px; }
.crPop .crPopArea > .tbTy1 .tbData.tbHead td { color:#384566; font-size:13px; font-weight:bold; background:#EBECF0; }
.crPop .crPopArea > .tbTy1 .tbData th, .crPop .tbTy1 .tbData td { padding:3px 5px; color:#444; font-size:13px; }
.crPop .crPopArea > .tbTy1 .tbData td.noData { padding:80px 0; }
.crPop .crPopArea > .tbTy1 .tbData td.noData .noDataInTy1 { display:block; padding:0; color:#444; font-size:13px; font-weight:normal; text-align:center; background:none; }
.crPop .crPopArea > .tbTy1 .titArea { display:block; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
.crPop .crPopArea > .tbTy1 .titArea:hover { text-decoration:underline; }
.crPopIco { display:inline-block; height:14px; padding:2px 5px; color:#fff; font-size:10px; letter-spacing:-0.5px; border-radius:4px; }
.crPopIco.ty1 { background:#7e87bd; }
.crPopIco.ty2 { background:#ae88c6; }
.crPopIco.ty3 { background:#77bf8d; }
.crPopIco.ty4 { background:#77bdcc; }
.crPopIco.ty5 { background:#d77777; }
.crPopIco.ty6 { background:#ddbc69; }
.crPopClose { position:absolute; top:14px; right:14px; width:24px; height:24px; font-size:0; background:url('/images/main/crPop_Close_btn.png') 50% 50% no-repeat; cursor:pointer; }
.crPop.open { animation:openPop .2s; animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity:1; visibility:visible; }
.crPop.close { animation:closePop .5s ease; animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity:0; }
.crReset { position:absolute; top:14px; right:40px; width:24px; height:24px; font-size:0; background:url('/images/common/btn_refresh.png') no-repeat; background-size:100% 100%; cursor:pointer; }
.crReset:active { width:23px; height:23px; }
@keyframes openPop {
0% { opacity:0; transform:scale3d(0, 0, 0); }
100% { opacity:1; transform:scale3d(1, 1, 1); }
}
@keyframes closePop {
0% { opacity:1; transform:scale3d(1, 1, 1); }
25% { opacity:1; transform:scale3d(1.05, 1.05, 1.05); }
100% { opacity:0; transform:scale3d(0, 0, 0); }
}
/* Footer */
#footer, #footer a { color:#c7bbab; }
#footer .section1 { border-top:solid 1px #ccc; height:60px; background-color:#fff; }
#footer .contIn { position:relative; }
#footer .otherMenu { margin-top:19px; float:left; }
#footer .otherMenu li { display:inline-block; font-size:13px; padding:0 10px; }
#footer .otherMenu a { color:#222; }
#footer .otherMenu a:hover, #footer .otherMenu a:focus { color:#8d744b; text-decoration:underline; }
#footer .otherMenu li:first-child { background:none; padding:0 10px 0 0; }
#footer .otherMenu > li .layerTy1 li { display:block; padding:0; background:none; }
#footer .otherMenu > li .layerTy1 li button { display:block; text-align:center; }
#footer .fss { position:relative; float:right; margin-right:-1px; display:none; }
#footer .fss .fssBtn { position:relative; z-index:3; display:block; width:175px; height:60px; font-size:13px; text-align:center; color:#222 !important; background:#fff; }
#footer .fss a .arr { display:inline-block; padding-right:5px; margin-top:21px; color:#8D744B; font-weight:bold; }
#footer .fss a .arr .ico_arr { position:absolute; right:0; top:50%; width:24px; height:24px; margin-top:-12px; background:url('/images/common/foot_arrow_dwn.png') no-repeat; background-size:48px 48px; }
#footer .fss a:hover .arr, #footer .fss.view a .arr { color:#222; }
#footer .fss a:hover .arr .ico_arr { background-position:0 -24px; }
#footer .fss.view a .arr .ico_arr { background-position:-24px -24px; }
#footer .fss .fssList { display:none; float:right; position:absolute; bottom:60px; width:175px; padding:20px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box; z-index:10; }
#footer .fss .fssList a { display:block; padding:6px 0 8px; font-size:13px; color:#8D744B; letter-spacing:-1px; transition:color 0.3s; }
#footer .fss .fssList a:hover, #footer .fss .fssList a:focus { color:#222; }
#footer .familySite { position:relative; float:right; }
#footer .familySite .familyBtn { position:relative; z-index:3; display:block; width:175px; height:60px; font-size:13px; text-align:center; color:#222 !important; background:#fff; }
#footer .familySite a .arr { display:inline-block; padding-right:5px; margin-top:21px; color:#8D744B; font-weight:bold; }
#footer .familySite a .arr .ico_arr { position:absolute; right:0; top:50%; width:24px; height:24px; margin-top:-12px; background:url('/images/common/foot_arrow_dwn.png') no-repeat; background-size:48px 48px; }
#footer .familySite a:hover .arr, #footer .familySite.view a .arr { color:#222; }
#footer .familySite a:hover .arr .ico_arr { background-position:0 -24px; }
#footer .familySite.view a .arr .ico_arr { background-position:-24px -24px; }
#footer .familySite .familyList { display:none; float:right; position:absolute; bottom:60px; width:175px; padding:20px; border:1px solid #ccc; background-color:#fff; box-sizing:border-box; z-index:10; }
#footer .familySite .familyList a { display:block; padding:6px 0 8px; font-size:13px; color:#8D744B; letter-spacing:-1px; transition:color 0.3s; }
#footer .familySite .familyList a:hover, #footer .familySite .familyList a:focus { color:#222; }
#footer .topBtn { position:absolute; top:0 ; right:0; width:88px; height:60px; border:solid 1px #ccc; border-width:0 1px; font-size:12px; text-align:center; }
#footer .familySite a:hover.familyBtn, #footer .familySite a:focus.familyBtn { }
#footer .topBtn .arr { display:inline-block; background-position: 100% -80px; padding-right:28px; margin-top:23px; }
#footer .section2 { overflow:hidden; padding:41px 0; background:#F2F4F8; border-top:solid 1px #ccc; }
#footer .section2 .contIn { padding:14px 0 24px; background:url('/images/common/KB_foot_Logo.png') 0 0 no-repeat; background-size:110px 25px; }
#footer .adr { position:relative; display:block; margin-top:27px; font-size:13px; clear:both; }
#footer .adr > ul.adrList { float:left; width:248px; }
#footer .adr li { position:relative; padding-top:8px; }
#footer .adr li.blankCont { width:150px; }
#footer .adr li a { color:#68645c; transition:all 0.2s; }
#footer .adr li.point a { color:#222; font-weight: 700; }
#footer .adr li.public, #footer .adr li.branch { padding-left:27px; }
#footer .adr li.public:before { content:''; position:absolute; top:4px; left:0; width:24px; height:24px; background:url('/images/common/foot_public.png') 0 0 no-repeat; background-size:24px 48px; }
#footer .adr li.branch:before { content:''; position:absolute; top:4px; left:0; width:24px; height:24px; background:url('/images/common/foot_branch.png') 0 0 no-repeat; background-size:24px 48px; }
#footer .adr li a:hover, #footer .adr a:focus { color:#222 !important; }
#footer .adr li.public:hover:before { background-position:0 -24px; }
#footer .adr li.branch:hover:before { background-position:0 -24px; }
#footer .adr > ul.adrList.ty2 { color:#6B6862; width:270px; }
#footer .adr .socialLink { position:absolute; top:-50px; right:0; }
#footer .adr .socialLink li { display:inline-block; margin-left:14px; width:38px; height:38px; vertical-align:top; font-size:0; }
#footer .adr .socialLink li a { display:block; width:38px; height:38px; }
#footer .adr .socialLink .i-blog { background:url('/images/common/sns_01_blog.png') no-repeat; background-size:100%; }
#footer .adr .socialLink .i-facebook { background:url('/images/common/sns_02_facebook.png') no-repeat; background-size:100%; }
#footer .adr .socialLink .i-instagram { background:url('/images/common/sns_03_instagram.png') no-repeat; background-size:100%; }
#footer .adr .socialLink .i-youtube { background:url('/images/common/sns_04_youtube.png') no-repeat; background-size:100%; }
#footer .adr .mark { position:absolute; top:20px; right:0; }
#footer .adr .mark li { display:inline-block; margin-left:10px; width:38px; height:38px; vertical-align:top; font-size:0; }
#footer .adr .mark li.ty3 { width:82px; height:41px; }
#footer .adr .mark li.ty4 { width:41px; height:41px; }
#footer .adr .mark li.ty5 { width:55px; height:41px; }
#footer .adr .mark li.ty6 { width:41px; height:41px; }
#footer .adr .mark li a { display:block; width:38px; height:38px; }
#footer .adr .mark .badge_01 { background:url('/images/common/badge_01.png') no-repeat; background-size:100%; }
#footer .adr .mark .badge_02 { background:url('/images/common/badge_02.png') no-repeat; background-size:100%; }
#footer .adr .mark .badge_03 { width:82px; height:41px; background:url('/images/common/badge_03.png') no-repeat; background-size:100%; }
#footer .adr .mark .badge_04 { width:41px; height:41px; background:url('/images/common/badge_04.png') no-repeat; background-size:100%; }
#footer .adr .mark .badge_05 { width:55px; height:41px; background:url('/images/common/badge_05.png') no-repeat; background-size:100%; }
#footer .adr .mark .badge_06 { width:41px; height:41px; background:url('/images/common/badge_06.png') no-repeat; background-size:100%; }
#footer .copy { position:absolute; top:95px; right:0; font-size:13px; color:#68645c; text-align:right; }