@charset 'utf-8';

/* Dialog/Popup Components */

/* Base Dialog */
html.lock , .lock body{overflow:hidden;}
.dialog{overflow-y:scroll;display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:5000;background-color:#fff;-webkit-overflow-scrolling:touch;}
.dialog .overlay{display:none;}
.dialog .dialog-tit .btn-close, .dialog .dialog-tit .btn-close-type2{display:block;position:absolute;top:0;left:0;padding:29px;background-color:#fff;box-sizing:border-box}
.dialog .btn-close .icon{display:block;position:relative;background-color:#222;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.dialog .btn-close .icon::before{content:'';display:block;position:absolute;top:-11px;left:0;width:1px;height:24px;background-color:inherit;}
.dialog .btn-close .icon::after{content:'';display:block;position:absolute;top:0;left:-11px;width:24px;height:1px;background-color:inherit;}
.dialog [class*="-dialog"]{display:none;/* padding-top:59px; */}

.dialog .dialog-tit{position:fixed;top:0;left:0;z-index:1000;width:100%;height:59px;padding:0 10px 0 69px;background-color:#fff;box-sizing:border-box;}
.dialog .dialog-tit .tit{text-align:center;font-size:19px;line-height:59px;text-indent:-59px;}
.dialog .dialog-tit + .dialog-cont{padding-top:59px;}

.dialog .dialog-tit-type2{background-color:#f6f6f6;border-bottom-width:0;}
.dialog .dialog-tit-type2 .btn-close{background-color:#f6f6f6;background-color:#f6f6f6;}
.dialog .dialog-tit-type2 + .dialog-cont{padding-top:59px;}

/* Personal Info Dialog */
.personal-info-dialog{position:relative;text-align:left;background-color:#f6f6f6;box-sizing:border-box;}
.personal-info-dialog > .header{padding:30px 250px 35px 40px;background-color:#f6f6f6;}
.personal-info-dialog > .header > .title{font-size:24px;font-weight:700;line-height:40px;letter-spacing:-.025em;color:#222;}
.personal-info-dialog > .header > .description{font-size:16px;line-height:24px;letter-spacing:-.025em;color:#555;}
.personal-info-dialog > .header > .btn-modify{display:block;position:absolute;right:40px;bottom:40px;padding:5px;width:110px;height:36px;font-size:14px;line-height:24px;letter-spacing:-.025em;color:#555;text-align:center;border:1px solid #bdc3c7;background-color:#fff;}
.personal-info-dialog > .inner{padding:0 10px;}
.personal-info-dialog .preview-section + .preview-section{margin-top:52px;}
.personal-info-dialog .preview-section > .title{margin-bottom:12px;font-size:24px;font-weight:700;line-height:40px;letter-spacing:-.025em;color:#222;}
.personal-info-dialog .preview-section .sub-title{padding:5px;font-size:14px;font-weight:700;line-height:24px;letter-spacing:-.025em;color:#222;text-align:center;background-color:#e9e6df;}
.personal-info-dialog .display-table + .display-table{margin-top:20px;}
.personal-info-dialog .display-table{border-top:1px solid #222;table-layout:fixed;}
.personal-info-dialog .display-table.summary{table-layout:auto;}
.personal-info-dialog .display-table thead th{padding:11px 0 11px 15px;font-size:14px;font-weight:700;line-height:24px;letter-spacing:-.025em;color:#222;text-align:left;vertical-align:middle;border-bottom:1px solid #e3e3e3;background-color:#f6f6f6;}
.personal-info-dialog .display-table tbody th{padding:11px 0 11px 15px;width:110px;font-size:14px;font-weight:700;line-height:24px;letter-spacing:-.025em;color:#222;text-align:left;vertical-align:middle;border-bottom:1px solid #e3e3e3;background-color:#f6f6f6;}
.personal-info-dialog .display-table tbody td{padding:11px 0 11px 15px;height:50px;font-size:14px;line-height:24px;letter-spacing:-.025em;color:#555;text-align:left;vertical-align:middle;border-bottom:1px solid #e3e3e3;}
.personal-info-dialog .display-table tbody td.empty::before{content:'미입력';color:#f05a35;}
.personal-info-dialog .display-table.summary thead th{padding-left:0;text-align:center;}
.personal-info-dialog .display-table.summary tbody td{padding-left:0;text-align:center;}
.personal-info-dialog .display-table.survey tbody th{width:140px;}
.personal-info-dialog .display-table.sub{border-top:1px solid #e3e3e3;}
.personal-info-dialog .download{position:relative;color:inherit;}
.personal-info-dialog .download::before{content:'';display:inline-block;position:relative;top:6px;margin-right:8px;width:15px;height:15px;vertical-align:top;background-repeat:no-repeat;background-image:url(../images/icon-pack.png);background-position:-400px -240px;}
.personal-info-dialog .download > span{border-bottom:1px solid #555;vertical-align:top;}

.personal-info-dialog .preview-footer{margin-top:10px;background-color:#fff;}
.personal-info-dialog .preview-footer .btn-wrap{margin-top:0;padding:10px;box-sizing:border-box;}
.personal-info-dialog .preview-footer .btn-group{font-size:0;line-height:0;text-align:center;}
.personal-info-dialog .preview-footer .btn-group{margin-top:32px;font-size:0;line-height:0;}
.personal-info-dialog .preview-footer .btn-group a{display:inline-block;margin:0 5px;padding:10px;width:160px;height:50px;font-size:18px;line-height:30px;color:#fff;}
.personal-info-dialog .preview-footer .btn-group .btn-submit{background-color:#003569;}
.personal-info-dialog .preview-footer .btn-group .btn-print{background-color:#bdc3c7;}

/* Sensitive Info Dialog */
.sensitive-dialog{position:relative;padding:0px 0px 40px;box-sizing:border-box;text-align:left;}
.sensitive-tit-wrap{padding:20px;background-color:#f6f6f6;box-sizing:border-box;}
.sensitive-tit-wrap .title{display:inline-block;margin-bottom:14px;padding-right:30px;font-size:19px;font-weight:700;letter-spacing:-.025em;color:#222;text-rendering:auto;}
.sensitive-tit-wrap .title:after{display:inline-block;content:'';width:18px;height:16px;margin:2px 0 0 5px;background:url(../images/sub/pop-icon-pack.png) 100% 50% no-repeat;background-size:18px auto;}

.sensitive-tit-wrap .tit-infor p{font-size:13px;color:#555;line-height:1.5;letter-spacing:-.025em;word-break:keep-all;}
.sensitive-dialog .btn-wrap{margin-top:0px;}
.sensitive-dialog .article-wrap{padding:0 10px;background-color:#fff;}
.sensitive-dialog .article-wrap .txt{margin-top:20px;padding-bottom:40px;font-size:13px;color:#555;line-height:1.6;}
.sensitive-dialog .article-wrap .txt a{color:#555;border-bottom:1px solid #555;}
.sensitive-dialog .article-wrap{padding-top:40px;border-top:1px solid #222;}

/* Zipcode Dialog */
.zipcode-dialog{position:relative;width:100%;margin:0 auto;padding:0px 0px 0px;box-sizing:border-box;text-align:left;background-color:#f6f6f6;}
.zipcode-dialog .career-search-type2{padding:0;}
.zipcode-dialog .career-search-type2 .i-text{font-size:14px;}
.zipcode-dialog form{padding:10px;background-color:#fff;box-sizing:border-box;}
.zipcode-dialog .field.active .i-text[type="search"]{background:none;border:3px solid #003569;box-sizing:border-box;}
.zipcode-dialog > .title{font-size:24px;font-weight:700;line-height:36px;letter-spacing:-.025em;color:#222;}
.zipcode-dialog .search-field{padding:0px;width:100%;height:50px;background-color:#fff;}
.zipcode-dialog .search-field::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:50px;border:1px solid #bdc3c7;z-index:1;box-sizing:border-box;}
.zipcode-dialog .search-field > .i-text{display:block;width:100%;height:100%;padding-right:42px;font-size:16px;border:0;background-color:transparent;z-index:3;}
.zipcode-dialog .search-field > .i-text::-webkit-input-placeholder{color:#999;}
.zipcode-dialog .search-field > .i-text::-moz-placeholder{color:#999;}
.zipcode-dialog .search-field > .i-text:-ms-input-placeholder{color:#999;}
.zipcode-dialog .search-field > .i-text:-moz-placeholder{color:#999;}
.zipcode-dialog .search-field > .btn-search{display:block;position:absolute;top:2px;right:2px;width:42px;height:42px;border:0;background-color:transparent;z-index:3;}
.zipcode-dialog .search-guide .tip{font-size:13px;line-height:1.5;}
.zipcode-dialog .search-guide .tip strong{font-weight:900;font-size:inherit;}
.zipcode-dialog .search-guide .example-list{margin-top:32px;}
.zipcode-dialog .search-guide .example-list > li + li{margin-top:30px;}
.zipcode-dialog .search-guide .example-list .combination{font-size:13px;line-height:1.5;color:#555;}
.zipcode-dialog .search-guide .example-list .example{font-size:13px;font-weight:500;line-height:1.5;color:#003569;}
.zipcode-dialog .search-result > .panel{padding:0 10px;;}
.zipcode-dialog .search-result .row{display:table;width:100%;}
.zipcode-dialog .search-result .row > .col{display:table-cell;color:#222;text-align:center;vertical-align:middle;}
.zipcode-dialog .search-result .row .zipcode{width:80px;font-size:14px;}
.zipcode-dialog .search-result .result-header{border-bottom:2px solid #222;}
.zipcode-dialog .search-result .result-header > .col{font-size:13px;font-weight:700;color:#222;}
.zipcode-dialog .search-result .result-list a{background-color:#fff;-webkit-transition:250ms;transition:250ms;}
.zipcode-dialog .search-result .result-list a.active{background-color:#f6f6f6;}
.zipcode-dialog .search-result .result-list a:hover,
.zipcode-dialog .search-result .result-list .active a{}
.zipcode-dialog .search-result .result-list .address > li{font-size:13px;color:#555;text-align:left;line-height:1.5;word-break:keep-all;}
.zipcode-dialog .search-result .pagination{margin-top:10px;font-size:0;line-height:0;text-align:center;}
.zipcode-dialog .search-result .pagination > .btn{display:inline-block;position:relative;padding:0 15px;min-width:10px;height:25px;font-size:13px;line-height:25px;letter-spacing:-.025em;color:#7f7f7f;vertical-align:top;}
.zipcode-dialog .search-result .pagination > .btn a{color:#7f7f7f;}
.zipcode-dialog .search-result .pagination > .btn::after{content:'';display:none;position:absolute;bottom:0;left:9px;right:9px;height:1px;background-color:#003569;}
.zipcode-dialog .search-result .pagination > .btn.current{font-weight:700;color:#003569;}
.zipcode-dialog .search-result .pagination > .btn.current a{font-weight:700;color:#003569;}
.zipcode-dialog .search-result .pagination > .btn.current::after{display:block;}
.zipcode-dialog .search-result .pagination > .btn.prev{width:25px;height:25px;margin-right:5px;padding:0;background-image:url(../images/sub/pop-btn-paging-first.png);background-repeat:no-repeat;background-size:25px auto;}
.zipcode-dialog .search-result .pagination > .btn.next{width:25px;height:25px;margin-left:5px;padding:0;background-image:url(../images/sub/pop-btn-paging-last.png);background-repeat:no-repeat;background-size:25px auto;}
.zipcode-dialog .search-result .pagination > .btn.prev::after,
.zipcode-dialog .search-result .pagination > .btn.next::after{display:none;}
.zipcode-dialog .search-result .field{margin-top:20px;padding:20px 0 0;width:100%;border-bottom:1px solid #bdc3c7;}
.zipcode-dialog .search-result .field [class*="ip-icon-"]{position:absolute;bottom:0;right:0;z-index:1;}
.zipcode-dialog .search-result .field [class*="ip-icon-"] + .i-text{padding-right:30px;}
.zipcode-dialog .search-result .field .i-text{position:relative;padding:0 8px;width:100%;height:36px;font-size:13px;letter-spacing:-.025em;color:#222;border:0;background-color:transparent;z-index:3;-webkit-transition:250ms;transition:250ms;}
.zipcode-dialog .search-result .field > .field-title{position:absolute;top:20px;left:0;padding:6px 0 6px 8px;width:100%;font-size:16px;line-height:24px;letter-spacing:-.025em;color:#999;z-index:2;-webkit-transition:250ms;transition:250ms;}
.zipcode-dialog .search-result .field.active,
.zipcode-dialog .search-result .field.fill{border-bottom-color:#222;}
.zipcode-dialog .search-result .field.active > .field-title,
.zipcode-dialog .search-result .field.fill > .field-title{top:0;left:0;padding:0 0 0 7px;font-size:9px;line-height:20px;}
.zipcode-dialog .search-result .btn-group{margin-top:40px;font-size:0;line-height:0;text-align:center;}
.zipcode-dialog .search-result .btn-group > a{display:inline-block;margin:0 5px;padding:13px;width:160px;height:50px;font-size:18px;line-height:24px;color:#fff;text-align:center;}
.zipcode-dialog .search-result .btn-group .btn-submit{background-color:#003569 ;}
.zipcode-dialog .search-result .btn-group .btn-cancel{background-color:#bdc3c7;}

.zipcode-dialog .result-list > li{border-bottom:1px solid #e3e3e3;}

.zipcode-dialog .inner{margin-top:10px;background-color:#fff;}
.zipcode-dialog .inner .panel{padding:10px;background-color:#fff;box-sizing:border-box;}
.zipcode-dialog .search-result .row > .address{padding:15px 15px 15px 0;}
.field-footer{padding:0 10px 10px;box-sizing:border-box;}