@charset "UTF-8";

.container { position: relative; padding-right: 70px; min-width: 1200px; }

.header-wrap { position: fixed; top: 0; right: 70px; left: 0; z-index: 100; border-top: 3px solid #e72a30; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.no-rgba .header-wrap { border-bottom: 1px solid #e7e7e7; }
.modal-open .header-wrap { right: 87px; }
.modal-open .sticky-header .header-wrap { right: 87px; }
.drawer-open .header-wrap,
.quick-open .header-wrap { position: relative; top: 0; right: 0; left: 0; }

.tool { padding: 0 50px; border-bottom: 1px solid #eaeaea; background-color: #fff; }
.tool .greeting { float: left; padding: 7px 0 8px; font-size: 13px; }
.tool .greeting img { height: 14px; }
.tool .snb { overflow: hidden; float: right; }
.tool .snb li { float: left; }
.tool .snb li:before { content: " "; display: inline-block; height: 6px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc; vertical-align: middle; }
.tool .snb li:first-child:before { display: none; }
.tool .snb li a { display: inline-block; padding: 7px 0 8px; font-size: 13px; }

.header { position: relative; padding: 0 50px; background-color: #fff; }
.header h1 { position: absolute; top: 17px; left: 50px; font-size: 0; }
.header h1 img { height: 28px; }
.header .gnb { text-align: center; font-size: 0; }
.header .gnb > li { display: inline-block; position: relative; text-align: left; }
.header .gnb > li > a { display: inline-block; padding: 16px 30px 17px; color: #333; font-weight: bold; font-size: 18px; }
.header .gnb > li:hover,
.header .gnb > li:hover > a,
.header .gnb > li > a:hover,
.header .gnb > li.active > a { background-color: #ee2b33; color: #fff; }
.header .gnb > li > ul { visibility: hidden; opacity: 0; position: absolute; width: 230px; margin-left: -20px;
    -webkit-transition: visibility 0.2s, opacity 0.2s, margin 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
            transition: visibility 0.2s, opacity 0.2s, margin 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header .gnb > li:hover > ul { visibility: visible; opacity: 1; margin-left: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.2); }
.header .gnb > li > ul > li > a { display: block; padding: 9px 30px; border-top: 1px solid #eaeaea; background-color: #fff; color: #010101; font-size: 14px; }
.header .gnb > li > ul > li > ul { padding: 10px 30px; border-top: 1px solid #eaeaea; background-color: #f5f5f5; }
.header .gnb > li > ul > li > ul > li { margin-top: 10px; }
.header .gnb > li > ul > li > ul > li:first-child { margin-top: 0; }
.header .gnb > li > ul > li > ul > li > a { color: #666; font-size: 13px; }

.mobile-nav { display: none; }

.drawer-open { overflow:hidden; }
.drawer-open body { overflow:hidden; padding-right: 17px; }
.drawer { visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 400; background-color: rgba(0,0,0,0.7);
    -webkit-transition: visibility 0.4s, opacity 0.4s;
            transition: visibility 0.4s, opacity 0.4s;
}
.drawer .inner { overflow-y: auto; position: absolute; top: 0; right: -220px; bottom: 0; width: 220px; box-shadow: 2px 0 8px rgba(0,0,0,0.5); background-color: #fff;
    -webkit-transition: right 0.4s;
            transition: right 0.4s;
    -webkit-overflow-scrolling: touch;
}
.drawer-open .drawer { visibility: visible;  opacity: 1; }
.drawer-open .drawer .inner { right: 0; z-index: 10; }
.drawer .inner h2 { padding: 14px 25px; background-color: #333; color: #fff; font-size: 15px; }
.drawer .inner > ul { background-color: #fff; }
.drawer .inner > ul > li { border-bottom: 1px solid #ccc; }
.drawer .inner > ul > li > a { display: block; padding: 14px 25px; background: #fff; color: #333; font-weight: bold; font-size: 15px;  }
.drawer .inner > ul > li.active > a { background: #e72a30; color: #fff; }
.drawer .inner > ul > li.parent > a { background: #fff url(../images/common/drawer-arrow.png) no-repeat 100% 0; background-size: 35px 100px; }
.drawer .inner > ul > li.parent.active > a { background: #e72a30 url(../images/common/drawer-arrow.png) no-repeat 100% -50px; background-size: 35px 100px; }
.drawer .inner > ul > li > ul { display: none; border-top: 1px solid #ccc; }
.drawer .inner > ul > li > ul > li { border-top: 1px solid #ccc; }
.drawer .inner > ul > li > ul > li:first-child { border-top: 0; }
.drawer .inner > ul > li > ul > li > a { display: block; padding: 16px 25px; background-color: #ededed; color: #333; font-weight: bold; font-size: 14px; }
.drawer .inner > ul > li > ul > li > ul { padding: 10px 0; border-top: 1px solid #ccc; background-color: #fff; }
.drawer .inner > ul > li > ul > li > ul > li > a { display: block; padding: 5px 25px; color: #333; font-size: 13px; }
.drawer .inner > ul > li > ul > li > ul > li > a:before { content: "-"; margin-right: 10px; }
.drawer .inner .other a { display: block; padding: 14px 25px; border-bottom: 1px solid #ccc; color: #666; font-size: 14px; }
.drawer .inner .other a img { height: 15px; margin-right: 10px; vertical-align: middle; }
.drawer .btn-close { display: block; position: absolute; top: 0; right: -50px;
    -webkit-transition: right 0.6s;
            transition: right 0.6s;
}
.drawer-open .drawer .btn-close { right: 220px; }
.drawer .btn-close img { height: 50px; }
.no-transform .drawer .inner > ul > li > ul > li.active > a:after { height: 0; }

.header .cs-num { position: absolute; top: 15px; right: 50px; width: 166px; line-height: 1.2; }
.header .cs-num .title { display: inline-block; padding: 4px 0; color: #333; font-weight: bold; font-size: 16px; vertical-align: middle; }
.header .cs-num em { color: #e72a30; font-style: normal; font-size: 20px; vertical-align: middle; }

.header-supporter { height: 98px; }

.btn-quick { visibility: hidden; opacity: 0; position: fixed; bottom: 30px; right: 25px; z-index: 200;
    -webkit-transition: visibility 0.4s, opacity 0.4s;
            transition: visibility 0.4s, opacity 0.4s;
}
.btn-quick img { height: 50px; }
.drawer-open .btn-quick { visibility: hidden; opacity: 0; right: 42px; }
.quick-open .btn-quick { right: 42px; }
.quick-wrap { position: fixed; top: 0; right: 0; bottom: 0; z-index: 100; width: 70px; }
.modal-open .quick-wrap { right: 17px; }
.quick-wrap .btn-close { position: absolute; top: 0; right: -70px;
    -webkit-transition: right 0.8s;
            transition: right 0.8s;
}
.quick-wrap .btn-close img { height: 50px; }
.quick { position: absolute; top: 0; right: 0; bottom: 0; width: 70px; background-color: #3a3a3a; }
.quick h2 { padding: 30px 0; background-color: #ee2b33; color: #fff; font-weight: normal; font-size: 14px; line-height: 1.4; text-align: center; }
.quick ul li { border-top: 1px solid #515151; }
.quick ul li:first-child { border-top: 0; }
.quick ul li a { display: block; height: 80px; padding-top: 48px; background: url(../images/common/icon-quick.png) no-repeat; color: #ccc; font-size: 12px; text-align: center; }
.quick ul li.item1 a { background-position: 0    0px; }
.quick ul li.item2 a { background-position: 0  -80px; }
.quick ul li.item3 a { background-position: 0 -160px; }
.quick ul li.item4 a { background-position: 0 -240px; }
.quick ul li.item5 a { background-position: 0 -320px; }
.quick ul li.item6 a { background-position: 0 -400px; }
.quick .btn-top a { display: block; position: relative; height: 80px; padding-top: 36px; background-color: #4e4e4e; color: #a7a7a7; font-size: 11px; text-align: center; }
.quick .btn-top a:before { content: " "; display: block; position: absolute; top: 24px; left: 50%; margin-left: -6px; width: 0; height: 0; border: 6px solid transparent; border-top: 0; border-bottom: 6px solid #a7a7a7; }

.contents { width: 1090px; margin: 60px auto 0; }

.footer-wrap { position: relative; margin-top: 150px; border-top: 50px solid #656565; }
.footer { position: relative; width: 1090px; margin: 0 auto; padding: 30px 0; background-color: #fff; }
.footer .shortcut { position: absolute; top: -50px; right: 0; }
.footer .shortcut > div { float: left; position:relative; margin-left: 10px; }
.footer .shortcut > div:first-child { margin-left: 0; }
.footer .shortcut > div > a { display: block; position: relative; z-index: 20; padding: 13px 29px 16px 21px; background: url(../images/common/arrow-familysite.png) no-repeat right 0; color: #fff; }
.footer .shortcut > div.active > a { background-position: right -50px; }
.footer .shortcut > div.active > a:before {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
}
.footer .shortcut > div.active > a:after {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.footer .shortcut > div ul { visibility: hidden; opacity: 0; overflow-y: scroll; position: absolute; right: 0; bottom: 50px; left: 0; z-index: 10; height: 169px; border: 1px solid #e1e1e1;
    -webkit-transition: visibility 0.4s, opacity 0.4s;
            transition: visibility 0.4s, opacity 0.4s;
}
.footer .shortcut .toggle-box.active ul { visibility: visible; opacity: 1; }
.footer .shortcut .toggle-box ul li { position: relative; border-top: 1px solid #e1e1e1; }
.footer .shortcut .toggle-box ul li:first-child { border-top: 0; }
.footer .shortcut .toggle-box ul li a {display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 19px 10px 15px; background-color: #fff; letter-spacing: -1px; }
.footer .shortcut .toggle-box ul li a:hover { background-color: #e1e1e1; }
.footer .shortcut .toggle-box ul li a:after { content: " "; display: inline-block; position: absolute; top: 50%; right: 13px; margin-top: -3px; width: 4px; height: 7px; background: url(../images/common/footer-family-arrow.png) no-repeat; }
.footer .info-wrap { overflow: hidden; width: 1090px; height: 100%; }
.footer .info-wrap .inner { display: table; width: 100%; height: 100%; }
.footer .info-wrap .nav {  display: table-cell; width: 110px; }
.footer .info-wrap .nav .navitem { display: table; width: 100%; height: 100%; }
.footer .info-wrap .nav .navitem > div { display: table-row; }
.footer .info-wrap .nav .navitem > div span { display: table-cell; }
.footer .info-wrap .nav .navitem > div img { display: inline-block; padding-top: 35px; }
.footer .info-wrap .nav .navitem > div:first-child img { padding-top: 5px; }
.footer .info-wrap .panel {  display: table-cell; width: 980px; }
.footer .info-wrap .panel [class^="item"] { overflow: hidden; margin-top: 30px; }
.footer .info-wrap .panel [class^="item"]:first-child { margin-top: 0; }
.footer .snb { overflow: hidden; position: absolute; top: -50px; left: 0; }
.footer .snb ul { overflow: hidden; margin-left: -20px; text-align: center; }
.footer .snb ul li { display: inline-block; }
.footer .snb ul li > a { display: block; margin-left: 20px; padding: 13px 0 16px; color: #fff; }
.footer-wrap .copyright { border-top: 1px solid #eaeaea; }
.footer-wrap .copyright address { width: 1090px; margin: 0 auto; padding: 20px 0; background-color: #fff; font-style: normal; font-size: 13px; }
.footer-wrap .btn-top { visibility: hidden; opacity: 0; position: absolute; top: -115px; left: 25px;
    -webkit-transition: visibility 5.4s, opacity: 5.4s;
            transition: visibility 5.4s, opacity: 5.4s;
}
.footer-wrap .btn-top img { height: 50px; }


.site-map .list-wrap { overflow: hidden; margin: 0 -10px; font-size: 0; font-weight: bold; }
.site-map .list-wrap .site-list { display: inline-block; width: 25%; margin-top: 30px; padding: 0 10px; font-size: 16px; vertical-align: top; }
.site-map .list-wrap .site-list .title { margin-top: 20px; padding: 15px; border-top: 1px solid #000; border-bottom: 1px solid #e1e1e1; color: #333; }
.site-map .list-wrap .site-list .title:first-child { margin-top: 0; }
.site-map .list-wrap .site-list .value > ul { padding: 15px 10px 15px 25px; }
.site-map .list-wrap .site-list .value > ul > li { padding-top: 10px; }
.site-map .list-wrap .site-list .value > ul > li:first-child { padding-top: 0; }
.site-map .list-wrap .site-list .value > ul > li > ul { font-weight: normal; }
.site-map .list-wrap .site-list .value > ul > li > ul li { position: relative; margin-top: 10px; padding-left: 10px; }
.site-map .list-wrap .site-list .value > ul > li > ul li:before { content: " "; display: block; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; margin-top: -1px; background-color: #666; }
.site-map .list-wrap .site-list .value > ul > li > ul li a { letter-spacing: -2px; }

.member-num-modal .dialog .modal-body { padding: 30px 15px 10px 20px; border: 1px solid #e1e1e1; }
.member-num-modal .dialog .modal-body .img-wrap img { width: 100%; }

.smart-card-num-modal .dialog .info { margin-top: 30px; font-size: 16px; }
.smart-card-num-modal .dialog .info:first-child { margin-top: 0; }
.smart-card-num-modal .dialog .info .title { font-weight: bold; }
.smart-card-num-modal .dialog .info p { margin-top: 10px; }
.smart-card-num-modal .dialog .img-wrap { margin-top: 30px; width: 100%; padding: 20px 30px 10px; border: 1px solid #e1e1e1; }
.smart-card-num-modal .dialog .img-wrap img { width: 100%; }

.email-bill-modal .dialog .head-info { padding: 30px 35px; border: 1px solid #e1e1e1; text-align: center; }
.email-bill-modal .dialog .head-info p { font-size: 16px; }
.email-bill-modal .dialog .head-info .btn-wrap { margin-top: 30px; }
.email-bill-modal .dialog .member-check-wrap { margin-top: 30px; }
.email-bill-modal .dialog .member-check-wrap > .title { font-size: 16px; }
.email-bill-modal .dialog .member-check-wrap .table-fluid { margin-top: 10px; }
.email-bill-modal .dialog .member-check-wrap .table-fluid .tr .th-item .title { padding: 20px 28px; font-size: 14px; letter-spacing: -1px; }
.email-bill-modal .dialog .member-check-wrap .table-fluid .value { font-size: 0; }
.email-bill-modal .dialog .member-check-wrap .table-fluid .value input { width: 50%; }
.email-bill-modal .dialog .member-check-wrap .table-fluid .value .btn { margin-left: 9px; padding: 5px 10px 7px; font-size: 13px; }
.email-bill-modal .dialog .member-check-wrap .table-fluid .value span { display: inline-block; margin-top: 5px; }
.email-bill-modal .dialog .member-check-wrap .email-wrap { display: table; width: 100%; margin-top: 30px; border-top: 1px solid #252525; border-bottom: 1px solid #e1e1e1; }
.email-bill-modal .dialog .member-check-wrap .email-wrap > div { display: table-cell; padding: 10px 15px; }
.email-bill-modal .dialog .member-check-wrap .email-wrap .title { width: 25%; }
.email-bill-modal .dialog .member-check-wrap .email-wrap .value { border-left: 1px solid #e1e1e1; font-weight: bold; }
.email-bill-modal .dialog .member-check-wrap .foot-info { margin-top: 30px; }
.email-bill-modal .dialog .member-check-wrap .foot-info p { font-size: 15px; letter-spacing: -1px; }
.email-bill-modal .dialog .member-check-wrap .foot-info a { color: #e72a30; }
.email-bill-modal .dialog .member-check-wrap .btn-wrap { margin-top: 30px; text-align: center; }
.email-bill-modal .dialog .member-check-wrap .btn-wrap .btn { background-color: #999; }

.maintainance-container { color: #333; font-size: 16px; }
.maintainance-container .maintainance-header { width: 100%; padding: 20px; border-bottom: 2px solid #e72930; text-align: center; }
.maintainance-container .maintainance-header h1 { display: inline-block; }
.maintainance-container .maintainance-header h1 img { height: 27px; }
.maintainance-container .maintainance-header > span { margin-left: 30px; color: #333; font-size: 18px; font-weight: bold; }
.maintainance-container .maintainance-contents { margin: 50px auto 0; text-align: center; }
.maintainance-container .maintainance-contents h2 { font-size: 30px; }
.maintainance-container .maintainance-contents .desc { margin-top: 30px; }
.maintainance-container .maintainance-contents .icon-wrap { margin-top: 30px; }
/*.maintainance-container .maintainance-contents .icon-wrap img { height: 342px; }*/
.maintainance-container .maintainance-contents .service-num { margin-top: 30px; }
.maintainance-container .maintainance-contents .time { margin-top: 10px; color: #ed1c24; font-weight: bold; }
.maintainance-container .maintainance-footer { position: fixed; bottom: 0; width: 100%; border-top: 1px solid #e1e1e1; color: #666; }
.maintainance-container .maintainance-footer .copyright address { margin: 0 auto; padding: 20px; text-align: center; font-size: 14px; font-style: normal; }

.error-container { color: #333; font-size: 16px; }
.error-container .error-header { width: 100%; padding: 20px; border-bottom: 2px solid #e72930; text-align: center; }
.error-container .error-header h1 { display: inline-block; }
.error-container .error-header h1 img { height: 27px; }
.error-container .error-header > span { margin-left: 30px; color: #333; font-size: 18px; font-weight: bold; }
.error-container .error-contents { margin: 50px auto 174px; text-align: center; }
.error-container .error-contents h2 { font-size: 30px; }
.error-container .error-contents .desc { margin-top: 30px; }
.error-container .error-contents .btn-wrap { margin-top: 35px; }
.error-container .error-contents .btn-wrap .btn { width: 160px; }
.error-container .error-contents .btn-wrap .btn.home { background-color: #999; }
.error-container .error-contents .btn-wrap .btn.all { margin-left: 10px; }
.error-container .error-contents .icon-wrap { margin-top: 30px; }
.error-container .error-footer-wrap { position: fixed; bottom: 0; width: 100%; border-top: 1px solid #e1e1e1; background-color: #fff; color: #666; }
.error-container .error-footer-wrap .error-footer { position: relative; width: 1200px; margin: 0 auto; padding: 25px 50px; font-size: 14px; }
.error-container .error-footer-wrap .error-footer .service-info a { color: #342ab7; text-decoration: underline; }
.error-container .error-footer-wrap .copyright { margin-top: 5px; }
.error-container .error-footer-wrap .copyright address { font-style: normal; }
.error-container .error-footer-wrap .logo-wrap { position: absolute; top: 50%; margin-top: -12px; right: 50px; }

.loding { margin: 200px auto; color: #adadad; font-weight: bold; font-size: 20px; text-align: center; }
.loding em { display: block; margin-top: 5px; color: #333; font-style: normal; font-size: 40px; }
.ring { position: relative; width: 66px; height: 66px; margin: 0 auto 20px; }

.email-policy-pop .modal-body { padding: 300px 40px 55px; background: #f6f6f6 url(../images/util/email-policy-bg.png) no-repeat center 60px; color: #333; text-align: center; }
.email-policy-pop .modal-body .text { font-size: 20px; font-weight: bold; letter-spacing: -1px; }
.email-policy-pop .modal-body .text em { color: #e72a30; font-style: normal; }
.email-policy-pop .modal-body .date { display: block; margin-top: 40px; font-size: 16px; }

.proposal .head-wrap { min-height: 192px; padding-right: 390px; background: url(../images/common/proposal-bg.png) no-repeat right center; }
.proposal .head-wrap .sub-title { margin-bottom: 0; }
.proposal .head-wrap .sub-title h3 { font-size: 30px; }
.proposal .head-wrap .sub-title .text { color: #333; font-weight: bold; font-size: 20px; }
.proposal .section-wrap { margin-top: 0; }
.proposal .section { margin-top: 90px; }
.proposal .section h4 { color: #333; font-weight: bold; font-size: 26px; }
.proposal .section h5 { color: #333; font-weight: bold; font-size: 20px; }
.proposal .proposal-guide ul { overflow: hidden; margin-top: 36px; padding: 31px 40px; background-color: #f6f6f6; }
.proposal .proposal-guide ul li { float: left; width: 50%; font-size: 16px; }
.proposal .proposal-guide ul li em { display: block; color: #333; font-style: normal; font-weight: bold; vertical-align: top; font-size: 20px; }
.proposal .proposal-guide ul li p { margin-top: 10px; }
.proposal .table-wrap { margin-top: 27px; }
.proposal .group { margin-top: 32px; }
.proposal .group:first-child { margin-top: 0; }
.proposal .group .table-fluid { margin-top: 16px; padding-left: 180px; }
.proposal .group .table-fluid .tr [class^="th-"] { width: 180px; height: 55px; }
.proposal .group .table-fluid .tr .title { padding: 12px 20px; font-size: 16px; }
.proposal .group .table-fluid .tr input[type="text"] { width: 200px; }
.proposal .group .table-fluid .tr input[type="text"].block { width: 100%; }
.proposal .group .table-fluid .tr input[type="checkbox"] + label { font-size: 16px; }
.proposal .group .agree-wrap { margin-top: 15px; padding: 15px 20px; border: 1px solid #e1e1e1; }
.proposal .button-group { margin-top: 60px; }


.zipcode-pop .nav a.active { background-color: #ed1c24; }
.zipcode-pop .modal-tab .table-fluid { padding-left: 23%; font-size: 14px; }
.zipcode-pop .modal-tab .table-fluid .tr [class*="-item"] { width: 23%; }
.zipcode-pop .modal-tab .table-fluid .tr [class^="td-"] [class^="th-"] .title { padding: 10px 15px; }
/*.zipcode-pop .modal-tab .table-fluid .tr [class^="td-"] .value { font-size: 0; }*/
.zipcode-pop .modal-tab .value .input-wrap .btn { margin-left: 10px; }
.zipcode-pop .modal-tab > .current-value { display: none; }
.zipcode-pop .modal-tab .nav { display: table; table-layout: fixed; border-collapse: collapse; border-spacing: 0; empty-cells: show; width: 100%; border: 1px solid #e1e1e1; }
.zipcode-pop .modal-tab .nav a { display: table-cell; height: 50px; padding: 9px 0; background-color: #fff; border: 0; font-size: 17px; text-align: center; vertical-align: middle; }
.zipcode-pop .modal-tab .nav a:hover { background-color: #f7f7f7; }
.zipcode-pop .modal-tab .nav a.active { position: relative; background: #ed1c24; color: #fff; }
.zipcode-pop .modal-tab .panel-wrap { margin-top: 20px; }
.zipcode-pop .modal-tab .panel-wrap .panel { display: none; }
.zipcode-pop .modal-tab .panel-wrap .panel.active { display: block; }
.zipcode-pop .modal-tab .panel .info { margin-bottom: 10px; }
.zipcode-pop .modal-tab .panel .addr-list .info { padding-left: 7px; text-indent: -7px; }
.zipcode-pop .modal-tab .addr-list { margin-top: 30px; }
.zipcode-pop .modal-tab .addr-list .table-zipcode { border-top: 1px solid #252525; border-bottom: 1px solid #e1e1e1; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .thead { background-color: #f6f6f6; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .tbody { overflow-y: scroll; height: 248px; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .tbody .tr:hover { color: #000; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .tbody .tr .item { width: 383px; padding: 10px 20px; text-align: left; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .tr { overflow: hidden; border-bottom: 1px solid #e1e1e1; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .tr .item { display: block; float: left; width: 400px; min-height: 40px; padding: 10px 0; border-left: 1px solid #e1e1e1; text-align: center; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .tr .item:first-child { width: 120px; border-left: 0; text-align: center; }
.zipcode-pop .modal-tab .addr-list .table-zipcode .no-data { padding: 60px 0; font-weight: bold; font-size: 16px; text-align: center; }
.zipcode-pop .modal-tab .num-result1 .input-wrap input[type="text"] { width: 75%; }
.zipcode-pop .modal-tab .road-result .select { width: 171px; }
.zipcode-pop .modal-tab .road-result input[type="text"] { width: 272px; }
.zipcode-pop .modal-tab .sigungu-input { margin-bottom: 10px; }
.zipcode-pop .modal-tab .title.sigungu span { display: block; }

.zipcode-pop .result2 { display: none; }
.zipcode-pop .result2 .table-fluid { background-color: transparent; }

.zipcode-pop .new-addr { margin-top: 30px; }
.zipcode-pop .new-addr .title { color: #333; font-size: 16px; font-weight: bold; }
.zipcode-pop .new-addr .value { display: table; width: 100%; margin-top: 10px; }
.zipcode-pop .new-addr .value > div { display: table-cell; }
.zipcode-pop .new-addr .value .addr-num { width: 20%; }
.zipcode-pop .new-addr-empty { margin-top: 30px; text-align: center; }

.placeholder { display: inline-block; position: relative; }
.placeholder.full label,
.placeholder.focus label { display: none; }
.placeholder label { position: absolute; top: 5px; left: 10px; color: #ccc; }

@media screen and (max-width: 1200px) {
    .header-wrap { right: 0; }
    .modal-open .header-wrap { right: 17px; }
    .modal-open .sticky-header .header-wrap { right: 17px; }
    .drawer-open body { overflow:hidden; padding-right: 0; }

    .container { padding-right: 0; min-width: 0; }
    .modal-open .container { right: 0; }
    .drawer-open .container { padding-right: 17px; }
    .quick-open .container { padding-right: 17px; }

    .header-supporter { height: 88px; }

    .tool { display: none; }
    .header { padding: 35px 15px 0; }
    .header h1 { position: static; top: 0; left: 0; padding: 15px 0; }
    .header h1 a img { height: 20px; }
    .header .gnb { display: none; }
    .header .mobile-nav { display: block; overflow: hidden; position: absolute; bottom: 8px; right: 15px; }
    .header .mobile-nav li { float: left; }
    .header .mobile-nav li a { display: block; }
    .header .mobile-nav li a img { height: 35px; }
    .header .cs-num { top: 0; right: 0; left: 0; width: auto; padding: 7px 0 8px; border-bottom: 1px solid #e7e7e7; text-align: center; }
    .header .cs-num .title { padding: 2px 0; font-weight: normal; font-size: 12px; }
    .header .cs-num em { font-weight: bold; font-size: 14px; }

    .btn-quick { visibility: visible; opacity: 1; }
    .quick-open { overflow:hidden; }
    .quick-open body { overflow:hidden; padding-right: 0; }
    .quick-wrap { visibility: hidden; opacity: 0; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 200; width: auto;
        -webkit-transition: visibility 0.4s, opacity 0.4s, background 0.4s;
        transition: visibility 0.4s, opacity 0.4s, background 0.4s;
    }
    .quick { overflow-y: auto; position: absolute; top: 0; right: -220px; bottom: 0; z-index: 10; width: 70px; background-color: #333; box-shadow: 2px 0 8px rgba(0,0,0,0.5);
        -webkit-transition: right 0.4s;
        transition: right 0.4s;
        -webkit-overflow-scrolling: touch;
    }
    .quick-open .quick-wrap { visibility: visible;  opacity: 1; background-color: rgba(0,0,0,0.7); }
    .quick-open .btn-close { right: 70px; }
    .quick-open .quick { right: 0; }
    .quick h2 { padding: 9px 0; font-size: 12px; }

    .contents { width: 732px; }

    .footer { width: 732px; }
    .footer .shortcut > div { width: 351px; }
    .footer .info-wrap { width: 732px; }
    .footer .info-wrap .panel { width: 612px; }
    .footer .snb { position: static; top: 0; }
    .footer .snb ul { margin-left: -13px; font-size: 13px; }
    .footer .snb ul li > a { color: #333; margin-top: 30px; margin-left: 12px; padding: 0; }
    .footer-wrap .copyright address { width: 732px; }
    .footer-wrap .btn-top { visibility: visible; opacity: 1; }

    .site-map .list-wrap .site-list { width: 33.33333333%; font-size: 14px; }
    .site-map .list-wrap .site-list .value > ul > li > ul li { padding-left: 10px; }

    .maintainance-container { padding-right: 0; min-width: 0; }
    .error-container { padding-right: 0; min-width: 0; }
    .error-container .error-footer-wrap .error-footer { width: auto; }
    .error-container .error-footer-wrap .error-footer .service-info > span { display: block; margin-top: 5px; }

    .proposal .head-wrap { padding-top: 215px; padding-right: 0; background-position: center top; }
    .proposal .section-wrap { margin-top: 60px; }
    .proposal .proposal-guide ul li { float: none; width: auto; margin-top: 20px; }
    .proposal .proposal-guide ul li:first-child { margin-top: 0; }
}

@media screen and (max-width: 767px) {
    .container .contents h2 { font-size: 19px; }
    .modal-open .container { padding-right: 17px; }
    .quick-open .btn-quick,
    .modal-open .btn-quick { right: 42px; }
    .contents { width: auto; margin: 0 auto; padding: 0 25px; }

    .footer-wrap { margin-top: 85px; }
    .footer { padding: 0; }
    .footer {  width: auto; }
    .footer .shortcut { top: -50px; width: 100%; }
    .footer .shortcut .terms-srch { display: none; }
    .footer .shortcut .family-site { width: 100%; margin-left: 0; }
    .footer .shortcut .family-site a { padding: 13px 20px 16px 25px; }
    .footer .shortcut ul { background-color: #4a4a4a; }
    .footer .shortcut > div > a:before { right: 30px; }
    .footer .shortcut > div > a:after { right: 25px; }
    .footer .info-wrap { width: auto; }
    .footer .info-wrap .nav { display: table-cell; width: 100px; }
    .footer .info-wrap .nav .navitem > div { height: 80px; }
    .footer .info-wrap .nav .navitem > div span { border-top: 1px solid #ccc; text-align: center; vertical-align: middle; cursor: pointer; }
    .footer .info-wrap .nav .navitem > div:first-child span { border-top: 0; }
    .footer .info-wrap .nav .navitem > div img { width: 50px; height: 13px; padding-top: 0; }
    .footer .info-wrap .nav .navitem > div:first-child img { padding-top: 0; }
    .footer .info-wrap .panel { width: auto; padding: 25px 25px 25px 15px; border-left: 1px solid #ccc; font-size: 10px; vertical-align: top; }
    .footer .info-wrap .panel [class^="item"] { display: none; margin-top: 0; }
    .footer .info-wrap .panel [class^="item"].active { display: block; }
    .footer .info-wrap .panel .info-tel span:last-child { display: block; }
    .footer .info-wrap .panel .info-addr span:nth-child(2),
    .footer .info-wrap .panel .info-addr span:nth-child(3),
    .footer .info-wrap .panel .info-addr span:nth-child(4) { display: block; }
    .footer .snb { border-top: 1px solid #ccc; padding: 0 25px; }
    .footer .snb ul { margin-left: -15px; }
    .footer .snb ul li > a { margin-top: 25px; margin-left: 15px; font-size: 11px; letter-spacing: -1px; }
    .footer .snb ul li:nth-child(3),
    .footer .snb ul li:nth-child(4),
    .footer .snb ul li:nth-child(5) { display: none; }
    .footer-wrap .copyright { border-top: 0; }
    .footer-wrap .copyright address { width: auto; padding: 20px 25px; color: #999; font-size; 10px; font-size: 10px; text-align: center; }

    .site-map .list-wrap { margin: 0 -5px; }
    .site-map .list-wrap .site-list { padding: 0 5px; }
    .site-map .list-wrap .site-list { width: 100%; font-size: 14px; }
    .site-map .list-wrap .site-list .value > ul > li > ul li { padding-left: 10px; }

    .member-num-modal .dialog .modal-body { padding: 20px 0px 10px 10px; }

    .smart-card-num-modal .dialog .info { font-size: 14px; }
    .smart-card-num-modal .dialog .info .title { font-weight: bold; }
    .smart-card-num-modal .dialog .img-wrap { padding: 20px 0 10px; }

    .email-bill-modal .dialog .head-info { padding: 20px 10px; }
    .email-bill-modal .dialog .head-info p,
    .email-bill-modal .dialog .member-check-wrap .foot-info p { font-size: 14px; }
    .email-bill-modal .dialog .member-check-wrap .table-fluid .tr .th-item .title { padding: 0; font-size: 13px; }
    .email-bill-modal .dialog .member-check-wrap .table-fluid .value input { width: 100%; height: 30px; }
    .email-bill-modal .dialog .member-check-wrap .table-fluid .value .btn { display: block; margin-top: 5px; margin-left: 0; }
    .email-bill-modal .dialog .member-check-wrap .email-wrap .title { width: 80px; font-size: 13px; letter-spacing: -1px; }
    .email-bill-modal .dialog .member-check-wrap .foot-info p a { display: block; }

    .maintainance-contents { width: auto; margin: 0 auto; padding: 0 25px; font-size: 14px; }
    .maintainance-container .maintainance-header > span { display: block; margin-top: 5px; margin-left: 0; }
    .maintainance-container .maintainance-contents { margin-top: 30px; }
    .maintainance-container .maintainance-contents h2 { font-size: 22px; letter-spacing: -1px; }
    .maintainance-container .maintainance-footer { position: static; margin-top: 30px; }
    .maintainance-container .maintainance-footer .copyright address { font-size: 12px; letter-spacing: -1px; }

    .error-contents { width: auto; margin: 0 auto; padding: 0 25px; font-size: 14px; }
    .error-container .error-header > span { display: block; margin-top: 5px; margin-left: 0; }
    .error-container .error-contents { margin: 30px auto 100px; }
    .error-container .error-contents h2 { font-size: 22px; letter-spacing: -1px; word-spacing: -1px; }
    .error-container .error-contents .btn-wrap .btn { display: block; width: 100%; }
    .error-container .error-contents .btn-wrap .btn.all { margin-top: 5px; margin-left: 0; }
    .error-container .error-footer-wrap { position: static; margin-top: 30px; }
    .error-container .error-footer-wrap .error-footer { padding: 25px; }
    .error-container .error-footer-wrap .logo-wrap { position: static; margin-top: 0; }
    .error-container .error-footer-wrap .service-info { margin-top: 10px; }
    .error-container .error-footer-wrap .service-info .service-phone { display: block; }
    .error-container .error-footer-wrap .copyright { margin-top: 20px; }
    .error-container .error-footer-wrap .copyright address { font-size: 12px; letter-spacing: -1px; }

    .loding { font-size: 18px; letter-spacing: -1px; }
    .loding em { font-size: 25px; }

    .email-policy-pop .modal-body { padding: 150px 20px 30px; background-size: 105px; background-position: center 30px; }
    .email-policy-pop .modal-body .text { font-size: 16px; }
    .email-policy-pop .modal-body .date { margin-top: 20px; font-size: 14px; }

    .proposal .head-wrap { padding-top: 195px; background-size: 270px; }
    .proposal .head-wrap .sub-title h3 { font-size: 24px; }
    .proposal .head-wrap .sub-title .text { font-size: 16px; }
    .proposal .section { margin-top: 50px; }
    .proposal .section h4 { font-size: 20px; }
    .proposal .section h5 { font-size: 16px; }
    .proposal .proposal-guide ul { margin-top: 20px; padding: 15px; }
    .proposal .proposal-guide ul li { margin-top: 10px; font-size: 14px; }
    .proposal .proposal-guide ul li em { font-size: 16px; }
    .proposal .proposal-guide ul li p { margin-top: 5px; }
    .proposal .table-wrap { margin-top: 15px; }
    .proposal .group { margin-top: 16px; }
    .proposal .group .table-fluid { margin-top: 8px; padding-left: 0; }
    .proposal .group .table-fluid .tr [class^="th-"] { width: 90px; height: 50px; }
    .proposal .group .table-fluid .tr .title { padding: 0; font-size: 12px; }
    .proposal .group .table-fluid .tr input[type="text"] { width: 120px; }
    .proposal .group .table-fluid .tr input[type="checkbox"] + label { font-size: 14px; }
    .proposal .group .agree-wrap { margin-top: 10px; padding: 10px; }
    .proposal .group .agree-wrap ul li { font-size: 12px; }
    .proposal .button-group { margin-top: 30px; }

    .zipcode-pop .modal-tab .button-group .btn { font-size: 12px; }
    .zipcode-pop .modal-tab .nav a { font-size: 13px; }
    .zipcode-pop .modal-tab .panel .addr-list .table-zipcode .tr .item { width: 71%; padding: 10px 9px; }
    .zipcode-pop .modal-tab .panel .addr-list .table-zipcode .tr .item:first-child { width: 70px; }
    .zipcode-pop .modal-tab .table-fluid { padding-left: 0; }
    .zipcode-pop .modal-tab .table-fluid .tr [class*="-item"] { width: 100%; }
    .zipcode-pop .modal-tab .value .input-wrap input[type="text"] { width: 100%; height: 30px; margin-bottom: 5px; }
    .zipcode-pop .modal-tab .value .input-wrap .btn { width: 100%; margin-left: 0; font-size: 14px; }
    .zipcode-pop .modal-tab .table-fluid .tr [class^="td-"]:first-child [class^="th-"] { display: block; width: 100%; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }
    .zipcode-pop .modal-tab .table-fluid .tr [class^="td-"]:first-child [class^="th-"] .title { padding: 0; font-size: 14px; }
    .zipcode-pop .modal-tab .table-fluid .value { display: block; border-left: 0; }
    .zipcode-pop .modal-tab .road-result .select { width: 49%; }
    .zipcode-pop .modal-tab .road-result .select select { font-size: 12px; }
    .zipcode-pop .modal-tab .road-result .select .current-value { height: 25px; }
    .zipcode-pop .modal-tab .road-result .select .current-value em { font-size: 12px; }
    .zipcode-pop .modal-tab .road-result .select .current-value:after { top: 10px; }
    .zipcode-pop .modal-tab .addr-list .table-zipcode { font-size: 12px; }
    .zipcode-pop .modal-tab .addr-list .table-zipcode .no-data { font-size: 14px; }
    .zipcode-pop .modal-tab .title.sigungu span { display: inline; }
    .zipcode-pop .modal-tab .placeholder { display: block; }
    .zipcode-pop .modal-tab .sigungu-input { margin-bottom: 0; }
}

.section-terms a{color:#1155cc;text-decoration:underline;}
.section-terms .fc-red{color:#f2505b;font-style:normal;}
.section-terms .section:first-child .sub-title{margin-bottom:-15px;margin-bottom:-1.5rem;}
.section-terms .terms-wrap { margin-top:35px;margin-top: 3.5rem; font-size: 16px;font-size:1.6rem; }
.section-terms .terms-wrap:first-child { margin-top: 0; }
.section-terms .terms-wrap .terms-title { position: relative; padding:13px 20px 14px;padding:1.3rem 2rem 1.4rem;background:#656565;overflow:hidden;}
.section-terms .terms-wrap .terms-title h4{float:left;padding:0 20px 0 0;padding:0 2rem 0 0;color:#fff;}
.section-terms .terms-wrap .terms-title .click-wrap {float:right;margin:2px 0 0;margin:.2rem 0 0;font-size:12px;font-size:1.2rem;}
.section-terms .terms-wrap .terms-title .click-wrap label{color:#fff;}
.section-terms .terms-wrap .terms-desc { overflow-x: hidden; overflow-y: scroll; height: 140px;height: 14rem;border: 1px solid #ccc;border-top:0 none; -webkit-overflow-scrolling:touch;}
.section-terms .terms-wrap .terms-desc .inner { overflow: hidden; min-height: 138px;min-height: 13.8rem; padding: 15px 20px 16px;padding: 1.5rem 2rem 16rem; word-break: break-all; }
.section-terms .terms-wrap .terms-desc2{border:1px solid #ccc;border-top:0 none;}
.section-terms .terms-wrap .terms-desc2 .inner{min-height:138px;min-height: 13.8rem;padding:20px;padding:2rem;word-break:break-all;}
.section-terms .terms-wrap .terms-desc3{margin-top:35px;margin-top:3.5rem;background:#ececec;padding:20px;padding:2rem;}
.section-terms .terms-wrap .table{margin:0 0 15px;margin:0 0 1.5rem;}
.section-terms .terms-wrap .table table{table-layout:auto;}
.section-terms .terms-wrap .table table th{padding:13px 20px;padding:1.3rem 2rem;background:#fff;}
.section-terms .terms-wrap .table table td{padding:13px 20px;padding:1.3rem 2rem;text-align:left;}
.section-terms .terms-wrap .radio-group li{float:none;margin:0;padding:2px 0;padding:.2rem 0;white-space:nowrap;}
.section-terms .all-agree {margin-top:40px;margin-top:4rem;padding:13px 10px 14px;padding:1.3rem 1rem 1.4rem;background:#f32836;font-size:16px;font-size:1.6rem;text-align:center;}
.section-terms .all-agree input[type="checkbox"] + label:before{top:13px;top:1.3rem;}
.section-terms .all-agree input[type="checkbox"] + label { color: #fff;font-size:15px;font-size:1.5rem;font-weight:bold; }
.section-terms .all-agree em { color: #fff; }
.section-terms .prove-area .button-group { margin-top: 70px;margin-top:7rem; }
.section-terms .prove-area .button-group a { margin-left: 60px;margin-left:6rem; }
.section-terms .prove-area .button-group a:first-child { margin-left: 0; }
.section-terms .prove-area ul li { padding-left: 10px;padding-left:1rem;text-indent: -10px;text-indent:-1rem; }
.section-terms .des{padding:0 0 3px;padding:0 0 .3rem;font-size:14px;font-size:1.4rem;}
.section-terms .terms-ul-type1{margin:10px 0 15px;margin:1rem 0 1.5rem;}
.section-terms .terms-ul-type1 li{padding:0 0 0 10px;padding:0 0 0 1rem;background:url(../images/common/ic_arr_01.gif) no-repeat 0 10px;background-position:0 1rem;}
@media screen and (max-width: 767px) {
    .section-terms .terms-wrap .terms-title .click-wrap input[type="checkbox"] + label:before{top:9px;top:.9rem;}
    .section-terms .terms-wrap .table table th{padding-left:1rem;padding-right:1rem;}
    .section-terms .terms-wrap .table table td{padding-left:1rem;padding-right:1rem;}
    .section-terms .all-agree input[type="checkbox"] + label:before{top:9px;top:.9rem;}
    .section-terms .prove-area .button-group a img { width: 120px;width:12rem; }
    .section-terms .terms-ul-type1 li{background-position:0 7px;background-position:0 .7rem;}
}