@charset "UTF-8";
@import url(base.css);
@import url(font.css);
/*popup*/
.locationPop h1{text-align:center;margin-top: 2vh;margin-bottom: 2vh; color:#029372;}
.locationPop p,
.locationPop h3{padding-left: 5px;}
.locationPop h3{margin-top:1.5vh;margin-bottom: 1.5vh;}
.locationPop p strong{color:#029372;font-weight:bold;}
.locationPop h2{font-size: 20px;padding: 10px 5px;background-color: #dedede;}
.locationPop .warn{color:red;}
.locationPop hr{border:1px solid #dedede;}
.locationPop .imgBox{width:98%;margin:10px auto;}
.locationPop .imgBox img{width:100%;height:auto;}
/* mobile nav */
.headerMobile {display: none}
.gnb>ul>li.menuSpc { display:none; }
/* header */
.header { position:sticky;top:0;left:0;width:100%;z-index:10; border-bottom:1px solid #dcdcdc; background-color:#fff; }
.header .tnb { border-bottom:1px solid #dcdcdc; background-color:#f7f7f7;text-align:center; }
.header .tnb .tnbWrap { max-width:1024px;margin:0 auto;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc; font-size:0; }
.header .tnb ul { display:inline-block;width:75%;vertical-align:top; }
.header .tnb ul li { display:inline-block;vertical-align:top; }
.header .tnb ul.site li { width:20%;font-weight:300;font-size:15px; }
.header .tnb ul.site li a { display:block;padding:13px;border-right:1px solid #dcdcdc;color:#000; }
.header .tnb ul.site li.active a { padding:0;background-color:#fff; }
.header .tnb ul.site li.active a strong { display:block;padding:13px;font-weight:300; }
.header .tnb ul.loginItem { display:inline-block;width:25%;vertical-align:top; }
.header .tnb ul.loginItem li { display:inline-block;position:relative;font-size:14px; }
.header .tnb ul.loginItem li.on+li.on:before { content:'';position:absolute;top:1em;left:0;width:1px;height:0.857em;background:#c0c0c0; }
.header .tnb ul.loginItem li a { display:block;padding:0.857em; }
.header .tnb ul.loginItem li.off { display:none; }
.header .gnbWrap { background-color:#fff; }
.header .gnbWrap>.inner { position:relative; max-width:1920px; margin:0 auto; padding-left:3.875em; box-sizing:border-box; }
.header .gnbWrap .logo { position:absolute; top:0; left:2.6%; height:100%; }
.header .gnbWrap .logo a { display:block; height:100%; padding-top:1.375em; }
.header .gnb { text-align:center; }
.header .gnb>ul { display:inline-block; vertical-align:top; }
.header .gnb>ul>li { display:inline-block; position:relative; padding-right:3.875em; }
.header .gnb>ul>li>a { display:inline-block;position:relative; padding-top:2.368em; padding-bottom:2.105em; font-weight:500; font-size:1.188em; font-family:'GmarketSans'; }
.header .gnb>ul>li>a:hover:after,
.header .gnb>ul>li>a:focus:after,
.header .gnb>ul>li.hover>a:after { content:'';position:absolute;bottom:0;left:0;width:100%;height:6px; background:#3f57ca; }
.header .gnb ul .depth2 { display:none;position:absolute;left:0;width:100%;height:275px;padding-top:20px;text-align:left; }
.header .gnb ul .depth2 li a { display:inline-block;padding:4px 4px;color:#242424;font-weight:300;font-size:14px;letter-spacing: -.8px;white-space:nowrap;line-height:1.3; }
.header .gnb ul li .depth2 li a:hover,
.header .gnb ul li .depth2 li a:focus { background-color:#3f57ca;color:#fff; }
.header .gnb ul li .depth2 li.menuSpc { margin-top:8px;padding-top:8px;border-top:1px dashed #029372; }
.header .hdRightItem { display:flex; align-items:center; position:absolute; top:2em;right:1.4%; }
.header .hdRightItem>ul { overflow: hidden; display:flex; }
.header .hdRightItem ul li { display:inline-block;position:relative; margin-left:-1px; padding:0.25em 0.5em; font-size:14px; letter-spacing:-0.04em; }
.header .hdRightItem ul li:before { content:'';position:absolute; top:0.375em;left:0;width:1px;height:0.75em;background:#c3c3c3; }
.header .hdRightItem>div { display:flex; align-items:center; vertical-align:top; }
.header .hdRightItem div a { display:inline-block; padding:0.625em;vertical-align:top; }
.header .hdRightItem div a.hdSearch { margin-right:0.313em; padding:0.5em; }
.header .navBg { display:none; position:absolute; width:100%; height:0; z-index: -1; }
.header.fix { position:fixed;left:0;top:0;-webkit-animation:navFix 0.6s;-moz-animation:navFix 0.6s;-o-animation:navFix 0.6s;animation:navFix 0.6s; }
.header.active .gnbWrap { background-image:url(/images/main_2020/bg_header_active.jpg);background-repeat:repeat-x;background-position:0 bottom; }
.header.active .navBg { display:block;height:300px;background:#fafafa;border-bottom: 1px solid #d3d3d3; }
.header.active .gnb ul .depth2 { display:block; }
@-webkit-keyframes navFix {
from { -o-transform:translateY(-100%); -webkit-transform:translateY(-100%); transform:translateY(-100%); }
to { opacity:1; -o-transform:translate(0); -webkit-transform:translate(0); transform:translate(0); }
}
@-moz-keyframes navFix {
from { -o-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%); }
to { opacity:1; -o-transform:translate(0); -moz-transform:translate(0); transform:translate(0); }
}
@-o-keyframes navFix {
from { -o-transform:translateY(-100%); transform:translateY(-100%); }
to { opacity:1; -o-transform:translate(0); transform:translate(0); }
}
@keyframes navFix {
from { -o-transform:translateY(-100%); -webkit-transform:translateY(-100%); -moz-transform:translateY(-100%); transform:translateY(-100%); }
to { opacity:1; -o-transform:translate(0); -webkit-transform:translate(0); -moz-transform:translate(0); transform:translate(0); }
}
/* footer */
.footer { background: #373a41; }
.footer a { display:inline-block; }
.footer-nav {max-width: 1200px; margin: 0 auto; padding-top:40px; padding-bottom: 45px; text-align:center}
.footer-nav .depth1:before, .footer-nav .depth1:after {content: ''; clear: both; display: block;}
.footer-nav .depth1 {display:inline-block; text-align:left}
.footer-nav .depth1 > li {float: left; width:125px; margin-bottom: 15px}
.footer-nav .depth1 > li:last-child {width:auto}
.footer-nav .depth1 > li > a {display: block; margin-bottom: 15px; color: #e1e1e1; font-size: 16px}
.footer-nav .depth1 .depth2 li a {display: block; color: #65778e; font-size: 13px; line-height: 18px}
.footer-info { padding:78px 3% 90px; }
.footer-info .footer-info-container {position: relative; max-width: 1250px; margin: 0 auto;}
.footer-info .footer-info-container .ftLogo { position:absolute;top:0;left:0; }
.footer-info .addr-copyright {position: relative; padding-top:6px; padding-left: 190px; }
.footer-info .addr-copyright .terms:before, .footer-info .addr-copyright .terms:after {content: ''; clear: both; display: block;}
.footer-info .addr-copyright .terms li {float: left; position: relative; padding:0 0.313em; }
.footer-info .addr-copyright .terms li:after {content: ''; position: absolute; top: 0.313em; right: 0; width:1px; height:0.625em; background-color:#4c617a}
.footer-info .addr-copyright .terms li:first-child {padding-left:0;}
.footer-info .addr-copyright .terms li:last-child:after {content: none}
.footer-info .addr-copyright .terms li a {color: #dcdde1; font-weight: 400; font-size: 12px}
.footer-info .addr-copyright address {margin-top: 7px; }
.footer-info .addr-copyright address .addr li {float: left; color:#a0a5af; font-size: 11px; line-height: 14px; padding-right:8px; line-height:1.3; }
.footer-info .addr-copyright address .addr li:nth-child(3) {clear: both}
.footer-info .addr-copyright .copyright {position: absolute; left:500px; bottom: 0; color:#a0a5af; font-size: 11px; line-height: 14px;}
.footer-info .addr-copyright .copyright a {color: #a0a5af; }
.footer-info .site-link-group { display:flex; align-items:center; position: absolute; top: 6px; right: 80px; z-index: 20; text-align: left}
.footer-info .social-link { margin-right: 14px; }
.footer-info .social-link li a { display: block; }
.footer-info .familysite {float: left}
.footer-info .familysite > ul:before,
.familysite > ul:after {content: ''; clear: both; display: block}
.footer-info .familysite > li { float: left;position: relative;width:170px; border-right: none}
.footer-info .familysite > li:nth-child(2) {border-right: 1px solid #0b315f;}
.footer-info .familysite li {position: relative; }
.footer-info .familysite li a {display:block;color:#cbcdd2;font-size:14px; }
.footer-info .familysite li .btn-familysite { position: relative; padding:0 15px; border:1px solid #6a6e7b; line-height:41px; }
.footer-info .familysite>li:first-child .btn-familysite { border-right:none; }
.footer-info .familysite li .btn-familysite .icon-plus {display: inline-block; position: absolute; top: 20px; right: 10px; width:12px; height:12px; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.footer-info .familysite li .btn-familysite .icon-plus:before {content:''; position: absolute; top:0; left:48%; width:1px; height:100%; background: #6a6e7b; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s}
.footer-info .familysite li .btn-familysite .icon-plus:after {content:''; position: absolute; top:48%; left: 0; width:100%; height:1px; background: #6a6e7b}
.footer-info .familysite .listWrap { overflow-y:auto;display:none;position:absolute;left: 0; bottom:40px;width:100%;max-height:550px;border:1px solid #6a6e7b;border-bottom:none; }
.footer-info .familysite li .site-list { background-color: #373a41;border-top:1px solid #6a6e7b; }
.footer-info .familysite li .site-list li {border:1px solid #6a6e7b; border-top: none}
.footer-info .familysite li .site-list li a { padding:10px;line-height:normal; }
.footer-info .familysite li a:hover,
.footer-info .familysite li a:focus { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.footer-info .familysite li.open .btn-familysite .icon-plus:before {top:48%; left: 0; width:100%; height:1px; -webkit-transition:0.4s; -o-transition:0.4s; -moz-transition:0.4s; transition:0.4s}
.footer-info .familysite .listWrap.right {bottom:40px; height: auto}
.footer-info .familysite li .site-list li {border:none; border-bottom: 1px solid #6a6e7b}
.footer .btn-top {position: absolute; right:0px; top:6px; display:inline-block; width:70px; height:41px; margin-left: 11px; padding-right: 20px; border: 1px solid #6a6e7b;background-color:#373a41;background-image:url(/images/main_2020/btn_top.png);background-repeat:no-repeat;background-position:80% 50%; color:#cbcdd2; text-align: center; font-size: 14px; line-height: 41px;}
@media screen and (max-width: 1680px) {
.header { font-size:clamp(13px, 0.95239vw, 16px); }
.header .gnbWrap .logo { left: 1%; }
.header .gnbWrap .logo img { max-height:3em; }
.header .gnbWrap>.inner { padding-left:5%; }
.header .gnb>ul>li { padding-right:2.5em; }
.header .hdRightItem { top:1.750em; }
}
@media screen and (max-width:1280px) {
html { font-size:15px; }
.footer-nav .depth1 > li {width:auto; margin-right:25px}
.footer-nav .depth1 > li:last-child {margin-right:0}
.footer-info .footer-info-container {text-align: center}
.footer-info .addr-copyright {padding-left: 0}
.footer-info .addr-copyright ul {display: inline-block}
.footer-info .addr-copyright address .addr li {text-align: center}
.footer-info .addr-copyright .copyright {position: relative; left: 0; }
.footer-info .addr-copyright .copyright:before {content:none}
.footer-info .site-link-group { display:inline-flex; position:static; margin-top: 15px; }
}
/*@media screen and (max-width: 1200px) {
.header .gnb>ul { max-width:55%;margin-left:1%; }
.header .gnb>ul>li { width:16%; }
.header .gnb>ul>li>a { letter-spacing:-0.04em;}
.header .hdRightItem { right:1%; }
}*/
@media screen and (max-width: 1080px) {
html { font-size:14px; }
.header {display: none}
.btnMobile { top:0;left:2.5%;width:45px;height:100%;padding:23px 10px 10px; }
.headerMobile {display: block; position: relative}
.logoWrap {position: relative;/* height: 60px;*/ border-bottom: 1px solid #dcdcdc; text-align: center}
.logoWrap .logo { max-width:40%;margin:0 auto;/*display: inline-block; width:196px; height:34px; margin-top: 5px*/ }
.logoWrap .logo a { display: block;padding-top:18px;padding-bottom:18px; }
.logoWrap .logo img { vertical-align:top; }
.logoWrap .header-search {position: absolute;top:0;right:3%;width:45px;height:100%;padding:10px;background: url(/images/main_2020/icon_search_lg.png) no-repeat 50% 50%;background-size:22px auto;text-indent:-9999px; }
.btnMobile { display: block; position: absolute;top:0;left:3.5%;height:100%;z-index: 9999;padding:23px 10px 10px; }
.btnMobile .btn_icon {display: block; position: relative;width:28px;height: 22px;margin-top:0; }
.btnMobile .btn_icon span {display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; position: absolute; left: 0; width: 100%; height:3px; border-radius: 10px; background-color: #000; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition:all .4s .1s; -o-transition:all .4s .1s; -moz-transition:all .4s .1s; transition:all .4s .1s;}
.btnMobile .btn_icon span {background-color: #000}
.btnMobile .btn_icon span:nth-child(1) {top: 0;}
.btnMobile .btn_icon span:nth-child(2) {top: 9px;}
.btnMobile .btn_icon span:nth-child(3) {top: 18px;}
.open .btnMobile {top: 54px; left:54%}
.open .btnMobile .btn_icon span {background-color: #fff}
.open .btnMobile span:nth-child(1) {top: 6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.open .btnMobile span:nth-child(2) {opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
.open .btnMobile .btn_icon span:nth-child(3) {top: 6px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.open .btnMobile .btn_icon span:nth-child(1) {top:10px}
.open .btnMobile .btn_icon span:nth-child(3) {top:10px}
.navWrap { overflow-y:auto; z-index: 900;position: fixed;top: 0; left: 0;width:100%;max-width:320px;background-color: #505050;
-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);
opacity: 0; -webkit-transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;transition: 0.4s}
.gnbTop {background-color: #028b73; text-align: center}
.gnbTop ul {display: inline-block; padding:10px 0}
.gnbTop ul li {float: left; border-right: 1px solid #41a895}
.gnbTop ul li a {display: block; padding:0 10px; color: #fff; font-weight: 300; font-size: 14px}
.gnbTop ul li:last-child {border-right:none}
.loginMo {background: #04ab8e}
.loginMo > a {display: block; padding:21px 15px 21px 58px; background:url('/images/common/icon_login.png') 15px 50% no-repeat; color: #fff; font-size: 17px; font-weight: 300}
.headerMobile .gnb { display:none;background:#fff;}
.headerMobile .gnbClose { position:absolute;top:34px;right:0; }
.headerMobile .gnbClose a { overflow:hidden;display:inline-block;height:59px;width:45px;background:url(/images/common/icon_close.png) no-repeat 50% 50%;background-size:18px auto;text-indent:-999px; }
.headerMobile .gnb {background:#fff;}
.headerMobile .gnb .depth1 li a {color: #000; font-weight: 300; font-size: 16px}
.headerMobile .gnb .depth1 > li > a {display: block; position:relative; padding:18px 10%; border-bottom: 1px solid #e4e4e4}
.gnb .depth2 li a {display: block; padding:16px 13%; background-color: #f7f7f7; background-image: url('/images/common/bullet_3x2.png'); background-repeat: no-repeat; background-position: 10% 50%; border-bottom: 1px solid #e4e4e4}
.headerMobile .gnb .depth1 > li > a:before,
.headerMobile .gnb .depth1 > li > a:after {content: ''; display: block; position: absolute; top: 50%; right: 30px; width: 15px; height: 2px; background-color: #c3c3c3; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50%;-o-transform-origin: 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.headerMobile .gnb .depth1 > li > a:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2;}
.headerMobile .gnb .depth2 {display: none;}
.open .navWrap {height: 100%; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s}
.headerMobile .depth1 li.active > a {color: #fff; background:#058a6c; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.headerMobile .depth1 li.active > a:before {background-color: #fff; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg)}
.headerMobile .depth1 li.active > a:after { -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0;}
.headerMobile .depth1 li.active .depth2 {display:block}
.socialLogin {padding:17px 10%}
.socialLogin h4 {padding-bottom: 20px; color: #3e3d3d; font-weight: 500; font-size: 18px}
.socialLogin ul li {float: left; width: 33.3333%}
.socialLogin ul li a {display: block; padding-top: 60px; color: #3e3d3d; font-size: 16px; text-align: center; background-repeat: no-repeat; background-position: 50% 0}
.socialLogin ul li a.naver {background-image: url('/images/common/icon_naver.png')}
.socialLogin ul li a.facebook {background-image: url('/images/common/icon_facebookm.png')}
.socialLogin ul li a.kakao {background-image: url('/images/common/icon_kakao.png')}
.quickNav {padding: 23px 7% 50px 7%; background:#505050}
.quickNav h4 {padding-bottom: 10px; color: #ececec; font-weight: 400; font-size: 16px}
.quickNav ul li {float: left; width: 49.5%; margin-right: 1%; margin-bottom: 3px}
.quickNav ul li:nth-child(2),
.quickNav ul li:nth-child(4) {margin-right: 0}
.quickNav .select-box {height: 36px}
.quickNav .select-box select {width: 100%; height: 100%; cursor: pointer}
.quickNav .customSelect {padding:0; border-color: #858585}
.quickNav .customSelectInner {padding:10px 25px 10px 8px; background:url('/images/common/icon_quicknav.png') 90% 50% no-repeat #585858; color: #fff; border-right: none; font-size: 14px;}
.quickNav .customSelectInner:after {content: none}
.open { overflow:hidden; }
.open .headerMobile .nav-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:5; }
.open .headerMobile .btnMobile { display:none; }
.open .headerMobile .gnb { display:block; }
.gnb .depth2 li.menuSpc { display:none; }
.gnb>ul>li.menuSpc { display:block; }
.gnb>ul.depth1>li.menuSpc>a:before,
.gnb>ul.depth1>li.menuSpc>a:after { content:none; }
.chatBot .chatBot-tooltip { display:none; }
#certCpBtn { display:none; }
}
@media screen and (max-width:1024px){
.tabNav .tabList>ul>li.menuSpc{ display:none; }
}
@media screen and (max-width:960px) {
html { font-size:13px; }
.footer-nav .depth1 > li:nth-last-child(2) {clear:both}
.footer-nav .depth1 > li:nth-last-child(3) {margin-right:0}
}
@media screen and (max-width: 767px) {
.footer-nav,
.footer-info .site-link-group,
.footer .btn-top {display: none}
.footer-info { padding:38px 0 40px; }
.footer-info .footer-info-container .ftLogo { overflow:hidden; position:static; }
.footer-info .footer-info-container .ftLogo img { max-width:33.33334%; }
.footer-info .addr-copyright { margin-top:1.273em; padding: 0; }
.footer-info .addr-copyright .terms {margin-bottom: 10px}
.footer-info .addr-copyright .terms li a {letter-spacing: -.5px; font-size:0.909em; }
.footer-info .addr-copyright address { margin-top:4px; }
.footer-info .addr-copyright address .addr { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; }
.footer-info .addr-copyright address .addr li { display:inline-block;float:none; font-size:0.909em; }
.footer-info .addr-copyright address .addr li:nth-child(1) { width: 100%; }
.footer-info .addr-copyright address .addr li a { display:inline-block;color:#9a9ea8; }
}
@media screen and (max-width:640px) {
html { font-size:12px; }
}
@media screen and (max-width:480px) {
html { font-size:11px; }
}
/* 주소찾기 팝업 */
#zip_code {max-width: 450px; margin: 0 auto; padding:2% 3%}
#zip_code .zipTit {margin: 20px 0; color: #000; font-weight: 400; font-size: 20px; text-align: center}
#zip_code .input-box {position:relative; padding-right:80px}
#inputValidation {width:100%; height:50px; font-size:15px}
#zip_code .btnSearch {display: inline-block; position: absolute; top: 0; right: 0; width:80px; height:100%; padding-left: 22px; border: 1px solid #dcdcdc; border-left:none; background:url('/images/common/btn_address_search.png') 26% 50% no-repeat #fff; color: #1d1d1d; font-weight: 300; font-size: 15px; text-align: center}
#zip_code .serach_list .no_data {padding:25px 10px; color:#4f4f4f; font-size:16px; text-align:center}
#zip_code .serach_list .user_input_ex {padding:5px; color:#2e7162; font-size:15px;}
#zip_code .serach_list .user_input_ex_li{padding-left:5px;}
#zip_code .serach_list .user_input_ex_li ol li {color:#2e7162; font-size:14px; list-style:inside; line-height:22px;}
#zip_code .serach_list .add_list li {border: 1px solid #e0e0e0; border-top:none; background:url('/images/content/bullet_addr_search_result.png') 20px 50% no-repeat;color: #000; font-weight: 300; font-size: 15px; text-align: left; -webkit-transition:background-color 0.2s; -o-transition:background-color 0.2s; -moz-transition:background-color 0.2s; transition:background-color 0.2s}
#zip_code .serach_list .add_list li:hover {background-color:#d7d7d7}
#zip_code .serach_list .add_list li a {display:block; padding-left: 25px; padding-top: 15px; padding-bottom: 15px; }
#zip_code .pagination_container {margin:25px 0}
#zip_code .pagination_container .pagination li:last-child {border-right:1px solid #dcdcdc}
#zip_code .pagination_container .pagination li:last-child:hover {border-color:#82ca9a}
/* @media (max-width: 767px) {
#zip_code .serach_list .add_list li {background:none}
} */
/* 페이징 */
.pagination_container {margin-top: 45px; text-align:center}
.pagination_container .pagination {display:inline-block; }
.pagination_container .pagination:before, .pagination_container .pagination:after {content:''; clear:both; display:block}
.pagination_container .pagination li {float:left; width:40px; height:40px; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.pagination_container .pagination li a {display:block; color:#848484; background-repeat:no-repeat; background-position: 50% 0; font-weight: 400; font-size: 16px; line-height: 40px}
.pagination_container .pagination .last {border-right:1px solid #ebebeb;}
.pagination_container .pagination .first a {text-indent:-9999px; background-image:url('/images/common/icon_page_first.png'); }
.pagination_container .pagination .prev a {text-indent:-9999px; background-image:url('/images/common/icon_page_pre.png');}
.pagination_container .pagination .next a {text-indent:-9999px; background-image:url('/images/common/icon_page_next.png');}
.pagination_container .pagination .last a {text-indent:-9999px; background-image:url('/images/common/icon_page_last.png');}
.pagination_container .pagination li.active {border-color:#82ca9a; }
.pagination_container .pagination li.active + li {border-left-color:#82ca9a;}
.pagination_container .pagination li.active a {position:relative; color:#048e6f; font-weight: 300; cursor:pointer}
.pagination_container .pagination li.active a:after {content:''; position:absolute; left:14px; bottom:8px; width:11px; height:2px; background-color:#048e6f; }
.pagination_container .pagination li:hover {border-color: #82ca9a}
.pagination_container .pagination li:hover + li {border-left-color: #82ca9a}
.pagination_container .pagination li:hover a {color:#048e6f; background-position: 50% 100%}
/*우선순위별 신청상태 알림 문구*/
.popup_view_status>.warn_rank_msg{padding-top: 1rem;border-top: 1px solid #373a41; width: 20em; white-space: pre-wrap; color: #293ea0;}