@charset "utf-8";
/* CSS Document */

@import url("style.css");


/* 전체적인 타입  */
html {background:#f5f5f5;}
body { min-width: 980px; position: relative; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,table,th,td{margin:0;padding:0;}
body,div,dl,dt,dd,h1,h2,h3,h4,form,fieldset,p,th,td,input,textarea,select,button{font-family: 'THEmpgtL';font-size:13px;line-height:16px;color:#666;}

/*
 * font-face
 * @생성: 20170125
 */
@font-face {
font-family: 'THEmpgtL';
src: url('//simage.lottemart.com/v3/fonts/THEmpgtL.ttf') format('truetype'),
url('//simage.lottemart.com/v3/fonts/THEmpgtL.woff') format('woff');
font-weight: normal;
}

@font-face {
font-family: 'THEmpgtL';
font-weight: normal;
src: url('//simage.lottemart.com/v3/fonts/THEmpgtL.eot');
src: url('//simage.lottemart.com/v3/fonts/THEmpgtL.eot?#iefix') format('embedded-opentype'),
url('//simage.lottemart.com/v3/fonts/THEmpgtL.woff2') format('woff2');
}

@font-face {
font-family: 'THEmpgtL';
font-weight: 400;
src: url('//simage.lottemart.com/v3/fonts/THEmpgtR.ttf') format('truetype'),
url('//simage.lottemart.com/v3/fonts/THEmpgtR.woff') format('woff');
}

@font-face {
font-family: 'THEmpgtL';
font-weight: 700;
src: url('//simage.lottemart.com/v3/fonts/THEmpgtR.eot');
src: url('//simage.lottemart.com/v3/fonts/THEmpgtR.eot?#iefix') format('embedded-opentype'),
url('//simage.lottemart.com/v3/fonts/THEmpgtR.woff2') format('woff2');
}
fieldset, img{border:0;}
textarea { width:100%;}
select,input,img, button {vertical-align:middle; }
ul, ol { list-style-type : none; }
.hide,legend,hr {position:absolute; left:-1000%; top:0; width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
.hide2 {width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
caption{width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
caption.show {position:static; left:0; top:0; width:auto; height:auto; font-size:12px; line-height:normal; overflow:visible;}
em, address { font-style:normal;}
table { border-collapse:collapse; border-spacing:0; width:100%;}
a { color:#666; text-decoration:none;}
button { border:none;}
select, textarea,
input[type="file"],
input[type="password"],
input[type="text"] { border:1px solid #d9d9d9;}
select:focus, textarea:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="text"]:focus { border:1px solid #555;}
textarea[readonly="readonly"],
button[readonly="readonly"],
select[readonly="readonly"],
input[readonly="readonly"],
textarea[disabled="disabled"],
button[disabled="disabled"],
select[disabled="disabled"],
input[disabled="disabled"] { background:#f7f7f7;}
input[type="password"],
input[type="file"],
input[type="text"] { padding:3px 0 4px;}
input[type="file"] { width:100%;}
select { height:23px;}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.hidden {overflow:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:-1px; padding:0; clip:rect(1px 1px 1px 1px); border:0; opacity:0;}
.vt { vertical-align:top;}


body { background:url(/images/portal/common/layout/bg_header.gif) repeat-x 0 30px #fff;}
#skip a { position:absolute; top:-500px; left:0;}
#skip a:focus { display:block; position:absolute; top:0; z-index:20; padding:13px 0 0 0; width:100%; height:37px; font-size:15px; color:#fff; background:#666; text-align:center;}
#open_search {position:absolute; left:50%; top:48px; z-index:19; width:50px; height:50px; margin-left:415px; text-align:right;}
#open_search a { position:relative; z-index:10; display:inline-block; overflow:hidden; width:50px; height:50px;}
#open_search a img { margin:-55px 0 0 0;}
#open_search a:hover img,
#open_search a:active img,
#open_search a:focus img { margin:0;}
#total_search { position:absolute; left:0; top:30px; z-index:20; width:100%; height:80px; text-align:center; background:#f10519;}
#total_search fieldset { position:relative; display:inline-block; width:930px; height:80px; text-align:left;}
#total_search fieldset .logo,
#total_search fieldset .fav,
#total_search fieldset .logo { float:left; margin-right:20px; padding:24px 0 0 0; width:auto; height:auto; /* 2017.12.16 이후 width,height 삭제 */}
#total_search fieldset .search {float:left; position:relative; padding:24px 5px 30px 10px; width:398px; height:52px; background:url(/images/portal/common/bg/bg_search.gif) no-repeat 0 24px;}
#total_search fieldset .search .selectbx { position:absolute; left:8px; top:30px; *overflow:hidden; width:110px; height:19px; vertical-align:middle;}
#total_search fieldset .search select { width:110px; border:0 none; margin:-2px 0 0 -2px;}
#total_search fieldset .search select,
#total_search fieldset .search input { border:none; background:none; font-size:14px;}
#total_search fieldset .search input[type="text"] { margin:0 0 0 6px; width:337px; zoom:1;}
#total_search fieldset .search iframe { *display:none; overflow:hidden; position:absolute; left:125px; top:25px; z-index:-1; background:#000; border:none; width:228px; height:30px;}

#total_search fieldset .fav { padding:32px 0 0 12px; width:270px; position:relative;}
#total_search fieldset .fav h2 { height:18px; color:#ffd49c; width:71px; letter-spacing:-1px; font-weight:bold; background:url(/images/portal/common/bu/bu_keyword_pop.gif) 62px 45% no-repeat}
#total_search fieldset .fav div.list{height:20px;overflow:hidden;width:182px;position:relative;left:75px;top:-19px;}
#total_search fieldset .fav div.list div {position:relative; height:19px; overflow:hidden}
#total_search fieldset .fav div.over:hover,
#total_search fieldset .fav div.over:active,
#total_search fieldset .fav div.over:focus{position:relative;left:75px;top:-29px;z-index:100;width:182px;height:207px;padding:4px 0 7px;overflow:visible;display:block;}
#total_search fieldset .fav div.over:hover span.roll_t,
#total_search fieldset .fav div.over:active span.roll_t,
#total_search fieldset .fav div.over:focus span.roll_t{background:url(/images/portal/common/bg/roll_t.png) no-repeat 0 0;height:7px;display:block;}
#total_search fieldset .fav div.over:hover span.roll_b,
#total_search fieldset .fav div.over:active span.roll_b,
#total_search fieldset .fav div.over:focus span.roll_b{background:url(/images/portal/common/bg/roll_b.png) no-repeat 0 bottom;height:7px;display:block;}
#total_search fieldset .fav div.over:hover ul,
#total_search fieldset .fav div.over:active ul,
#total_search fieldset .fav div.over:focus ul{text-indent:10px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;width:180px;height:193px;background-color:#fff;}
#total_search fieldset .fav div.over:hover div,
#total_search fieldset .fav div.over:active div,
#total_search fieldset .fav div.over:focus div {height:190px}
#total_search fieldset .fav ul {position:absolute; left:0; top:0}
#total_search fieldset .fav ul li{padding:2px 0;height:15px;line-height:14px;overflow:hidden;}
#total_search fieldset .fav div.list ul li a{display:block;text-decoration:none;text-align:left;color:#ffeeee;height:15px; font-weight:bold;}
#total_search fieldset .fav ul li:hover,
#total_search fieldset .fav ul li:active,
#total_search fieldset .fav ul li:focus{background-color:#e71b23;}
#total_search fieldset .fav div:hover.over ul li a,
#total_search fieldset .fav div:active.over ul li a,
#total_search fieldset .fav div:focus.over ul li a{color:#666}
#total_search fieldset .fav div.over ul li:hover a,
#total_search fieldset .fav div.over ul li:active a,
#total_search fieldset .fav div.over ul li:focus a{color:#fff;}
#total_search fieldset .fav ul li img {vertical-align:top;font-size:0;line-height:0;}
#total_search fieldset .fav .slider_toggle_btn {position:absolute; display:block; left:60px; top:50px; width:19px; height:19px; text-indent:-9999px; background:url(/images/portal/common/btn/slider_btn_pause.png) no-repeat;}
#total_search fieldset .fav .slider_toggle_btn.paused {background:url(/images/portal/common/btn/slider_btn_play.png) no-repeat;}
#total_search fieldset .fav .slider_toggle_btn.skin_sub {height:20px;}
#total_search fieldset .btn { position:absolute; right:0; top:0;}

div.wrap_family {height:30px; background:#fff url(/images/portal/common/layout/bg_fam.gif) top repeat-x; border-bottom:2px solid #f10519; position:relative; z-index:14;}
div.wrap_family #family { width:930px; margin:0 auto; height:30px; background:url(/images/portal/common/bg/bg_top_line3.gif) no-repeat left;}
div.wrap_family #family li { float:left; width:16.6%; background:url(/images/portal/common/bg/bg_top_line3.gif) no-repeat right;}
div.wrap_family #family li a {display:block; height:30px; text-align:center;}
div.wrap_family #family li a img {display:inline-block}
div.wrap_family #family li a:hover,
div.wrap_family #family li a:active,
div.wrap_family #family li a:focus {/*height:26px;*/ overflow:hidden; background:#f10519;}
div.wrap_family .cont {position:relative; width:980px; margin:0 auto; height:30px;}
div.wrap_family .holder {float:left; position:relative; overflow:hidden; width:930px; height:30px}
div.wrap_family .holder #family {position:absolute; width:10000px; left:0; top:0;}
div.wrap_family .holder #family li {width:186px}
div.wrap_family .btn_roll {float:left; width:25px; height:30px; text-indent:-9999px}
div.wrap_family .prev {background:url(/images/portal/common/btn/btn_rolling_fam.gif) 10px center no-repeat}
div.wrap_family .next {background:url(/images/portal/common/btn/btn_rolling_fam.gif) -6px center no-repeat}

#wrap { position:relative; margin:0 auto; width:930px;}
#header { position:relative; z-index:2; padding:32px 0 0 0; height:195px;}
#header > p { float:left; width:200px;margin-top:-7px;}
#header #lnb { float:left; position:relative;z-index:2}
#header #lnb li { float:left; height:21px}
#header #lnb li a { display:block; overflow:hidden; width:100%; height:19px; background:url(/images/portal/common/layout/bg_lnb.png) no-repeat; text-indent:-300px; font-size:0;}
#header #lnb li a:hover,
#header #lnb li a:active,
#header #lnb li a:focus { text-decoration:none;}
#header #lnb li.lnb1 { width:73px;}
#header #lnb li.lnb2 { width:102px;}
#header #lnb li.lnb3 { width:103px;}
#header #lnb li.lnb4 { width:87px;}
#header #lnb li.lnb5 { width:71px;}
#header #lnb li.lnb1 a { background-position:0 0;}
#header #lnb li.lnb2 a { background-position:-73px 0;}
#header #lnb li.lnb3 a { background-position:-175px 0;}
#header #lnb li.lnb4 a { background-position:-278px 0;}
#header #lnb li.lnb5 a { background-position:-365px 0;}
#header #lnb li.lnb1 a.on,
#header #lnb li.lnb1 a:focus,
#header #lnb li.lnb1 a:hover { background-position:0 -19px;}
#header #lnb li.lnb2 a.on,
#header #lnb li.lnb2 a:focus,
#header #lnb li.lnb2 a:hover { background-position:-73px -19px;}
#header #lnb li.lnb3 a.on,
#header #lnb li.lnb3 a:focus,
#header #lnb li.lnb3 a:hover { background-position:-175px -19px;}
#header #lnb li.lnb4 a.on,
#header #lnb li.lnb4 a:focus,
#header #lnb li.lnb4 a:hover { background-position:-278px -19px;}
#header #lnb li.lnb5 a.on,
#header #lnb li.lnb5 a:focus,
#header #lnb li.lnb5 a:hover { background-position:-365px -19px;}
#header #lnb li {position:relative}
#header #lnb li div.dep2_w {display:none; position:absolute; left:10px; top:19px; width:120px; padding-top:8px; background:url(/images/portal/common/bg/blank.png) repeat;}
#header #lnb li div.dep2 {background:#fff; border:1px solid #d9d9d9; border-right:0; border-left:0;}
#header #lnb li div.dep2 ul {background:#fff; margin:0 -10px; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; zoom:1}
#header #lnb li div.dep2 ul li,
#header #lnb li div.dep2 ul li a {display:block; background:none; float:none; width:auto; zoom:1; white-space:nowrap;}
#header #lnb li div.dep2 ul li a {height:18px; line-height:15px; font-size:12px; text-indent:0; padding:0 15px; letter-spacing:-1px}
#header #lnb li div.dep2 ul li a:hover,
#header #lnb li div.dep2 ul li a:active,
#header #lnb li div.dep2 ul li a:focus {color:#fff; background:#f10519}
#header #lnb li div.dep2 ul li {padding-bottom:2px; height:auto}
#header #lnb li div.dep2 div.t,
#header #lnb li div.dep2 div.b {height:10px; line-height:0; font-size:0; margin:0 -10px;}
#header #lnb li div.dep2 div span {width:10px; height:11px; background-image:url(/images/portal/common/layout/bg_nav_dep2.png); background-repeat:no-repeat}
#header #lnb li div.dep2 div span.l {float:left}
#header #lnb li div.dep2 div span.r {float:right}
#header #lnb li div.dep2 div.t span {margin-top:-1px}
#header #lnb li div.dep2 div.t span.r {background-position:right top}
#header #lnb li div.dep2 div.t span.l {background-position:left top}
#header #lnb li div.dep2 div.b {margin-bottom:0; zoom:1}
#header #lnb li div.dep2 div.b span {margin-bottom:-1px; height:11px}
#header #lnb li div.dep2 div.b span.r {background-position:right bottom}
#header #lnb li div.dep2 div.b span.l {background-position:left bottom}

#header form { position:absolute;}
#header #snb {clear:both; position:relative; padding:58px 0 0 0; height:74px; overflow:hidden}
#header #snb ul { padding:0; height:auto;}
#header #snb li { float:left;}
#header #snb > li {height:34px; padding-left:4px; margin-right:3px; background:url(/images/portal/common/layout/btn_snb_wide.png) no-repeat 0 bottom;}
#header #snb > li > a { display:block; overflow:hidden; margin-right:-4px; padding:8px 13px 0 7px; min-width:100px; height:26px; letter-spacing:-1px; background:url(/images/portal/common/layout/btn_snb_wide.png) no-repeat right bottom; font-size:13px; text-align:center;}
#header #snb > li.on {background-position:0 0; z-index:1}
#header #snb > li.on > a,
#header #snb > li > a:focus,
#header #snb > li > a:hover {text-decoration:none; background-position:right 0; color:#fff; position:relative; z-index:1}
#header #snb li ul { position:absolute; left:-1px; bottom:0px;padding:0 0 0 10px;}
#header #snb li li {*background:url(/images/portal/common/layout/bg_snb_line.gif) no-repeat left 2px; position:relative}
#header #snb li li.first:before{ width:0;background:none;}
#header #snb li li:before {content:""; display:block; position:absolute; left:0; top:1px; width:1px; height:14px; background:url(/images/portal/common/layout/bg_snb_line.gif) no-repeat right;}
#header #snb li li a { display:block; margin:0 10px; height:28px; color:#666; letter-spacing:-1px}
#header #snb li li a.on,
#header #snb li li a:focus,
#header #snb li li a:hover { text-decoration:none; height:26px; border-bottom:2px solid #f10519;color:#e71b23;}

#contents { position:relative; padding:0 20px; padding-bottom:80px;}
#contents #location { position:absolute; right:20px; top:-10px; font-size:11px; color:#757575;letter-spacing:-1px; z-index:3}
#contents #location a { color:#757575;}
#contents h1 { height:64px;}
#contents h1 + p { height:58px;letter-spacing:-1px;}

#quick { position:absolute; right:0; top:32px; z-index:13; width:90px; min-height:800px;}
#quick_bg { position:absolute; right:0; top:0; width:90px; height:1200px; clear:both; background:url(/images/portal/common/layout/bg_quick3.gif) repeat-y; z-index:2;}
body.index #quick,
body.index #quick_bg {top:0px}
#quick .section1 {height:76px; background:url(/images/portal/common/layout/bg_quick2.gif) repeat-y left #4e4e4e; border-bottom:1px solid #282828;}
#quick ul.login {height:144px;}
#quick .section1 a { font-size:10px; color:#fff; letter-spacing:-1px}
#quick .section2 a { font-size:10px; color:#c1c1c1;}
#quick .section1 li { height:20px; text-indent:23px;}
#quick .section1 li.login { padding:9px 0 0 0;}
#quick .section1 li.login a { color:#ff4f5e;}
#quick .section1 li.logout {padding-bottom:2px}
#quick .section1 li.nick { font-size:11px; color:#ccc;}
#quick .section1 li.point { padding:0; height:28px; font-size:11px; color:#ff4f5e;}
#quick .section2 {padding:10px 0 0 0; height:56px; background:url(/images/portal/common/layout/bg_quick2.gif) repeat-y left #4e4e4e; border-top:1px solid #767676;}
#quick .section2 li { height:15px; text-indent:23px;}
#quick .section3 {padding:40px 0; background:url(/images/portal/common/layout/bg_quick1.gif) repeat-y left #5e5e5e; border-top:1px solid #282828; }
#quick .section3 > li {padding:2px 0 0 0; text-align:center; background:url(/images/portal/common/layout/quick_line.gif) no-repeat top;}
#quick .section3 li > a {display:block}
#quick .section3 li.last a {padding-bottom:2px;background:url(/images/portal/common/layout/quick_line.gif) no-repeat bottom;}
#quick .section4 {background:url(/images/portal/common/layout/bg_quick2.gif) repeat-y left #4e4e4e; border-bottom:1px solid #4e4e4e;}
#quick .section4 li { padding:8px 0; text-align:center; border-top:1px solid #767676; border-bottom:1px solid #2d2d2d;}
#quick .section4 li.tiket { padding:14px 0 11px;}
#quick .section4 li.email { padding:15px 0 10px;}
#quick .section5 {position:relative; background:url(/images/portal/common/layout/bg_quick2.gif) repeat-y left #4e4e4e; border-top:1px solid #282828; border-bottom:1px solid #4e4e4e;}
#quick .section5 a.a {display:block; height:48px; text-align:left; text-indent:-9999px; background:url(/images/portal/common/layout/ico_my_branch.gif) center 6px no-repeat; border-top:1px solid #7d7d7d;  color:#666; font-size:11px}
#quick .section5 a:hover.a,
#quick .section5 a:active.a,
#quick .section5 a:focus.a {text-decoration:none}
#quick .section3 li.my_b {position:relative;}
#quick .section3 li.my_b .modal_popup,
#quick .section5 .modal_popup {position:absolute; right:100px; top:0}

#footer {background:#f5f5f5}
#footer_nav {background:#f9f9f9; height:60px; z-index:1; border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; text-align:center;}
#footer .insect,
#footer_nav .insect {position:relative; margin:0 auto; width:930px;}
#footer_nav ul.nav {float:left; width:780px; margin-top:5px;}
#footer_nav ul.nav li { float:left; padding:8px 0 0 0; height:10px; color:#d9d9d9; font-size:11px;}
#footer_nav ul.nav li a { color:#666; font-size:11px; letter-spacing:-1px; line-height:1em}
#footer_nav .family_site {float:right; position:relative; top:13px; text-align:left; z-index:1000; background:#fff;}
#footer_nav .family_site a:hover,
#footer_nav .family_site a:active,
#footer_nav .family_site a:focus {text-decoration:none}
#footer_nav .family_site strong {display:block; width:126px; padding-left:14px; height:30px; line-height:31px; background:url(/images/portal/common/bu/bu_down_fam.gif) 121px 13px no-repeat; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}
#footer_nav .family_site strong,
#footer_nav .family_site strong a {font-weight:normal; color:#666; font-size:11px}
#footer_nav .family_site ul {position:absolute; bottom:30px; left:0; z-index:100; height:239px; width:140px; overflow:auto; border:1px solid #e0e0e0; background:#fff}
#footer_nav .family_site ul li a {display:block; height:29px; line-height:29px; padding:0 0 0 14px; border-bottom:1px solid #e8e8e8; font-size:11px; color:#666}
#footer_nav .family_site ul li a:hover,
#footer_nav .family_site ul li a:active,
#footer_nav .family_site ul li a:focus {background:#f10519; color:#fff}
#footer_nav .family_site ul.closed {height:0; border:0 none; z-index:-1;}
#footer {padding:23px 0 28px 0; height:67px;}
#footer p {float:left; height:25px;}
#footer address {float:left; clear:both; width:450px; margin-top:10px; }
#footer address p {float:none; height:auto;  display:inline-block; *display:inline; zoom:1; position:relative; font-size:11px; color:#666; line-height:16px; letter-spacing:-1px}
#footer address p a {position:absolute; top:0; right:-98px}
#footer address p.copy {letter-spacing:0}
#footer select {float:right; margin:-40px 0 0 0;}
#footer .logo_wa{position:absolute;top:0;left:400px;}

.hmc1024	#quick { width:59px;}
.color333{color:#333;}
button.bold{font-weight:bold;}

.modal_popup .inset .section.quick_pop { padding:20px 20px 86px 20px; zoom:1;}
.modal_popup .inset .section.quick_pop:after { content:""; display:block; clear:both;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 { position:absolute; left:0; bottom:0; padding:20px; width:518px; background:#f7f7f7; border-top:1px solid #e5e5e5;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 a:hover,
.modal_popup .quick_pop form.find_office fieldset.second .section1 a:active,
.modal_popup .quick_pop form.find_office fieldset.second .section1 a:focus { text-decoration:none;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 ul {overflow:hidden; position:absolute; left:0px; top:25px; z-index:5; width:104px; border:1px solid #e8e8e8; background:#fff;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 h3 a,
.modal_popup .quick_pop form.find_office fieldset.second .section1 h3 { height:25px; line-height:25px;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 h3 a { display:block; color:#555; text-indent:9px;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 { position:relative; width:105px; margin:0 5px 0 0; float:left; background:url(/images/portal/adopt/bg_popselect.gif) no-repeat;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 {width:151px !important;background:url(/images/portal/index/bg_select_branch.png) right top no-repeat;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 h3 {width:151px !important;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul {overflow:hidden; width:151px;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li a {display:block; height:39px; line-height:39px; color:#555}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li a {padding-left:70px; font-size:11px; letter-spacing:-1px}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li {border-bottom:1px solid #e8e8e8}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li a.on,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li a:hover,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li a:active,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li a:focus {height:37px; line-height:37px; border:1px solid #f10519; padding-left:69px}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li.li1 {background:url(/images/portal/index/bg_search_ico1.png) 1px center no-repeat}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li.li2 {background:url(/images/portal/index/bg_search_ico2.png) 1px center no-repeat}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li.li3 {background:url(/images/portal/index/bg_search_ico3.png) 1px center no-repeat}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li.li4 {background:url(/images/portal/index/bg_search_ico4.png) 1px center no-repeat}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li.li5 {background:url(/images/portal/index/bg_search_ico5.png) 1px center no-repeat}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_0 ul li.li6 {background:url(/images/portal/index/bg_search_ico6.png) 1px center no-repeat}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li a { width:51px; height:29px; line-height:29px;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li { float:left; margin:-1px 0 0 -1px; border:1px solid #e8e8e8;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li a { display:block; color:#555; text-align:center;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li a.on,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li a:hover,
	.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li a:active,
	.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_1 ul li a:focus {color:#fff; background:#f10519;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 ul { left:1px; overflow:auto; width:102px; height:240px; border:1px solid #e8e8e8;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 li,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 li a { width:84px; height:29px; line-height:29px;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 li { border-bottom:1px solid #e8e8e8;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 li a { display:block; color:#555; text-indent:9px;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 ul li a.on,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 ul li a:hover,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 ul li a:active,
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_2 ul li a:focus {color:#fff; background:#f10519;}
.modal_popup .quick_pop form.find_office fieldset.second .section1 .h3_3 { float:left;}
.modal_popup .quick_pop .quick_info { position:relative; padding:0 175px 0 0; height:108px}
.modal_popup .quick_pop .quick_info h3 { height:24px; font-size:14px; color:#333; line-height:1em}
.modal_popup .quick_pop .quick_info p.img { position:absolute; right:0; top:0;}
.modal_popup .quick_pop .quick_info .info li { padding:2px 0 2px 30px; background:url(/images/portal/common/layout/bg_info.png) no-repeat; letter-spacing:-1px; line-height:18px;}
.modal_popup .quick_pop .quick_info .info li.phone { background-position:0 3px;}
.modal_popup .quick_pop .quick_info .info li.time { min-height:38px;background-position:0 -81px;}
.modal_popup .quick_pop .quick_info ul.service {position:absolute; left:0; bottom:0}
.modal_popup .quick_pop .quick_info ul.service li { float:left; width:34px; height:23px; margin:0 -1px -1px 0;}
.modal_popup .quick_pop .quick_info ul.service li a { display:block; overflow:hidden; width:34px; height:23px; background:url(/images/portal/find/bg_icons.gif) no-repeat; text-indent:-100px;}
.modal_popup .quick_pop .quick_info ul.service li.ser1 a { background-position:0 0;}
.modal_popup .quick_pop .quick_info ul.service li.ser2 a { background-position:-33px 0;}
.modal_popup .quick_pop .quick_info ul.service li.ser3 a { background-position:-66px 0;}
.modal_popup .quick_pop .quick_info ul.service li.ser4 a { background-position:0 bottom;}
.modal_popup .quick_pop .quick_info ul.service li.ser5 a { background-position:-33px bottom;}
.modal_popup .quick_pop .quick_info ul.service li.ser6 a { background-position:-66px bottom;}
.modal_popup .quick_pop .quick_info a.site {position:absolute; right:175px; top:0; font-size:11px; color:#666; letter-spacing:-1px; padding-left:9px; background:url(/images/portal/common/bu/bu_arrow.gif) left no-repeat;bu_arrow}
.modal_popup .quick_pop .quick_no { position:relative; padding:0 160px 0 0; height:105px;}
.modal_popup .quick_pop .quick_no h3 { padding:25px 0 0 0; height:28px; font-size:12px; color:#333; text-align:center;}
.modal_popup .quick_pop .quick_no p { text-align:center; color:#666;}
.modal_popup .quick_pop .quick_no p.img { position:absolute; right:0; top:0;}
.modal_popup .inset .section.quick_log { padding:20px;}
.modal_popup .inset .section.quick_log div {}
.modal_popup .inset .section.quick_log div h3 { height:25px; font-size:12px; color:#333; text-align:center;}
.modal_popup .inset .section.quick_log div p {font-size:11px; letter-spacing:-1px; text-align:center; color:#666; height:42px; border-bottom:1px dotted #a8a8a8;}
.modal_popup .inset .section.quick_log ul { padding:15px 0 0 0; height:auto;}

span.plus_visual{position:absolute;right:0;top:0;}
span.plus_visual1{position:absolute;right:-33px;top:0;}
span.plus_visual2{position:absolute;right:-55px;top:0;}

#winner {float:right; position:relative; width:393px; margin-top:-28px; *margin-top:0; padding:0 20px}
#winner .holder {position:relative; width:393px; height:71px; overflow:hidden}
#winner a:hover,
#winner a:active,
#winner a:focus { text-decoration:none;}
#winner li,
#winner ul {float:left;}
#winner ul {position:absolute; left:0; top:0; width:10000px}
#winner ul li {width:78px; padding-right:1px; text-align:center;}
#winner span {position:absolute; display:block; width:20px; height:20px; top:23px}
#winner span.prev {left:0}
#winner span.next {right:0}
#winner span a {display:block; width:20px; height:20px; text-indent:-9999px; background:url(/images/portal/index/btn_arrow.gif) no-repeat; zoom:1}
#winner span.prev a {background-position:5px 4px;}
#winner span.next a {background-position:-88px 4px;}
#winner span.prev a:hover,
#winner span.prev a:active,
#winner span.prev a:focus {background-position:5px -83px;}
#winner span.next a:hover,
#winner span.next a:active,
#winner span.next a:focus {background-position:-88px -83px;}
#winner span a.disable {
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
	filter: alpha(opacity=0.5);
	cursor:default;
}

/* 공통 */
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb80{margin-bottom:80px;}
.table_nmal th,
.normal{font-weight:normal;}
.line18{line-height:18px;}
p.point{line-height:16px;font-size:11px;color:#666;padding-left:15px;text-indent:-15px;}
p.point img{display:inline-block;*display:inline;zoom:1;padding-right:5px;}

/* IE 전용 한글입력 방지*/
input.number, input.english, input.digit{ime-mode: disabled;}

#film {display:block; position:fixed; _position:absolute; top:0;left:0; z-index:9999; background:#fff; width:100%; height:100%; filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;}

/* 모바일일 경우의 퀵메뉴, 바디 영역 스타일 정의 */
#wrap_mobile {position:relative; width:1020px; margin:0 auto; *zoom:1}
#wrap_mobile:after { content:""; display:block; clear:both;}
#wrap_mobile #wrap {margin:0;}
body.mobile_body .wrap_family > .cont {left:-25px}
body.mobile_body #footer > .insect,
body.mobile_body #footer_nav > .insect,
body.mobile_body #total_search fieldset,
body.mobile_body #open_search > a {left:-45px}
body.mobile_body #quick {top:0 !important}
body.mobile_body #quick_bg {top:0 !important}

/* 웹접근성 */
.wa_blind{display: block; height: 0; font-size: 1px; visibility: hidden; text-indent: -9999px;}

/* 메인 팝업 */
#bToc_open_notice{width: 100%; background-color:#162029;}
#bToc_open_notice.red{background: url('images/vm/vicmarket_open_notice_bg_red.png') repeat;}
#bToc_open_notice.gray{background: url('images/vm/vicmarket_open_notice_bg.png') repeat;}
#bToc_open_notice.yellow{background: url('images/vm/vicmarket_open_notice_bg_yellow.png') repeat;}
.wa_notice_banner_area{width: 980px; padding: 30px 0 50px 0; margin: 0 auto; position: relative;}
.wa_notice_banner_area .inner{padding:18px 0 10px;}
.wa_blind{height: 0; visibility: hidden; text-indent: -9999px;}

a.wa_notice_detail_view{display: block; padding: 8px 10px; color: #666; background: #eee; border: 1px solid #ccc; border-radius: 2px; font-size: 12px; text-decoration: none; font-weight: bold;}
a.wa_notice_detail_view{display: inline-block; padding: 8px 10px;}

.wa_notice_banner_area label{color: #fff;}
.wa_notice_banner_area .wa_notice_close{display: inline-block; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; margin-left: 5px;}
.wa_notice_btn_area{position: absolute; right: 0; bottom: 16px;}

.wa_notice_banner_area{width: 980px; padding: 0; margin: 0 auto; position: relative;color: white; overflow: hidden}
.wa_notice_banner_area img {width:100%;}
.wa_notice_banner_area .contentWrap{ color:white; overflow: hidden; }
.wa_notice_banner_area .contentWrap .columns {overflow: hidden; margin-left: 20px;}
.wa_notice_banner_area .contentWrap .columns > li{float: left; overflow: hidden}
.wa_notice_banner_area .contentWrap .columns > li.last{float: none}
.wa_notice_banner_area .contentWrap .columns > li > img{margin: 0 10px; display: block;}
.wa_notice_banner_area .contentWrap .columns > li > p,
.wa_notice_banner_area .contentWrap .columns > li > ul{margin: 0 10px; display: block; color: white}
.wa_notice_banner_area .contentWrap .columns > li > dl.disc,
.wa_notice_banner_area .contentWrap .columns > li > dl.disc dd
.wa_notice_banner_area .contentWrap .columns > li > ul.disc,
.wa_notice_banner_area .contentWrap .columns > li > ul.disc li{list-style-type: disc; list-style-position: inside;}
.wa_notice_banner_area .contentWrap .columns > li.text,
.wa_notice_banner_area .contentWrap .columns > li.list{padding: 30px 0}
.wa_notice_banner_area .contentWrap > div.image{ padding: 0;}
.wa_notice_banner_area .contentWrap > div.image img{ margin: 0 auto; display: block;}

.wa_notice_banner_area .wa_notice_btn_area{text-align: right; position: absolute; right: 90px; bottom: 5px}

/* 윤리행동강령 */
.clause .clause_type1 li {margin:3px 0 0 0;padding:0 0 0 16px;text-indent:-16px;}

/* header 휴무점포안내 버튼 */
.wa_holy_btn {position: absolute; top: 16px; left: 725px;}