@charset 'UTF-8';

/** common **/
html, body { width: 100%; height: 100%; min-width:1024px;}
a, button { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */}
#login-wrap {width: 100%; min-width:1024px; height: 100vh; overflow: hidden; display:flex;}
#login-wrap .login-label {width:40%; background:url(../images/bg_img@2x.png) center no-repeat; background-size:cover; display:flex; justify-content:center; align-content:center; flex-wrap:wrap;}
#login-wrap .login-label .ico-logo {width:76px; height:84px; display:block; margin:0 auto; background:url(../images/logo-wh.svg) center no-repeat; background-size:100%;}
#login-wrap .login-label dl {width:100%; text-align:center; margin-top:30px;}
#login-wrap .login-label dl dt {font-size:32px; line-height:32px; font-weight:500; letter-spacing:-0.08em; color:#fff;}
#login-wrap .login-label dl dd {font-size:26px; font-weight:100; color:#fff; margin-top:15px; line-height:30px;}
#login-wrap .login-container {width:60%; display:flex; align-items:center; justify-content:center;}
#login-wrap .login-container .login-content {width:400px;}
#login-wrap .login-container .login-title {text-align:center; font-size:32px; font-weight:500; color:#111; letter-spacing:-0.08em; line-height:35px; margin-bottom:45px;}
#login-wrap .login-container .login-form .form-ip-area {margin-bottom:24px;}
#login-wrap .login-container .login-form .form-ip-area .form-ip-box input {border-radius:4px; box-sizing:border-box; width:100%; height:52px; border:1px solid #dbdbdb; background:#f8fafb; font-size:16px; letter-spacing:-0.04em; line-height:50px; padding:0 15px; color:#111}
#login-wrap .login-container .login-form .form-ip-area .form-ip-box input::-webkit-input-placeholder {color: #999;}
#login-wrap .login-container .login-form .form-ip-area .form-ip-box input:-ms-input-placeholder {color: #999;}
#login-wrap .login-container .login-form .form-ip-area .form-ip-box input:focus {border-color:#312782;}
#login-wrap .login-container .login-form .form-alert {margin-top:8px;}
#login-wrap .login-container .login-form .alert-flex {display:flex; align-items:center;}
#login-wrap .login-container .login-form .form-alert .ico-confirm {width:20px; height:20px; background:url(../images/ico-confirm.svg) center no-repeat; background-size:100%; margin-right:6px;}
#login-wrap .login-container .login-form .form-alert .ico-error {width:20px; height:20px; background:url(../images/ico-error.svg) center no-repeat; background-size:100%; margin-right:6px;}
#login-wrap .login-container .login-form .form-alert .t-green {color:#04b014;}
#login-wrap .login-container .login-form .form-alert .t-red {color:#E31100;}
#login-wrap .login-container .login-form .form-alert span {font-size:14px; line-height:24px; letter-spacing:-0.035em;}
#login-wrap .login-container .form-chk-wrap {display:flex; align-items:center; justify-content:flex-end;}
#login-wrap .login-container .form-chk-wrap .form-chk-area {margin-left:24px;}
#login-wrap .login-container .form-chk-wrap .form-chk-area:first-child {margin-left:0;}
#login-wrap .login-container .form-chk-wrap .form-chk-area input {display:none;}
#login-wrap .login-container .form-chk-wrap .form-chk-area input + label {font-size:14px; letter-spacing:-0.035em; color:#505050; cursor:pointer; display:flex; align-items:center;}
#login-wrap .login-container .form-chk-wrap .form-chk-area input + label:before {content:""; display:block; border:1px solid #dbdbdb; border-radius:2px; box-sizing:border-box; background:#fff url(../images/ico-chk-off.svg) center no-repeat; width:20px; height:20px; margin-right:6px;}
#login-wrap .login-container .form-chk-wrap .form-chk-area input:checked + label:before {background:#312782 url(../images/ico-chk-on.svg) center no-repeat; border-color:#312782;}
#login-wrap .login-container .btn-login {width:100%; height:52px; margin-top:40px; border-radius:4px; display:flex; align-items:center; justify-content:center;background: linear-gradient(100deg, #312782 0%, #385FC7 71%, #4287ED 100%) 0% 0% no-repeat padding-box;}
#login-wrap .login-container .btn-login span {font-size:20px; font-weight:500; color:#fff; letter-spacing:-0.05em;}
#login-wrap .login-container .btn-login.disabled { background:#dbdbdb;}
#login-wrap .login-container .other-box {margin-top:24px; display:flex; align-items:center; justify-content:center;}
#login-wrap .login-container .other-box a {font-size:14px; letter-spacing:-0.035em; color:#312782;}
#login-wrap .login-container .other-box a:nth-child(n+2) {padding-left:11px; margin-left:10px; position:relative;}
#login-wrap .login-container .other-box a:nth-child(n+2):before {content:""; width:1px; height:12px; position:absolute; left:0; top:50%; margin-top:-6px; background:#312782;}


#wrap {width:100%;min-height:100vh;overflow: hidden;}
#header {height:115px;position: relative;z-index: 1;}
#header .head-flex {height:60px; background: transparent linear-gradient(92deg, #312782 0%, #385FC7 89%, #4287ED 100%) 0% 0% no-repeat padding-box; display:flex; align-items:center; box-sizing:border-box; padding:0 40px 0 18px;}
#header .head-flex .logo {display:flex; align-items:center;}
#header .head-flex .logo .ico-logo {width:225px; height:36px; background:url(../images/logo_c.png) center no-repeat;}
#header .head-flex .logo strong {display:none;}
#header .head-flex .logo span {display:none;}
#header .head-flex .top-menu {margin-left:auto; display:flex;}
#header .head-flex .top-menu .user-info {margin-left:20px; display:flex; align-items:center;}
#header .head-flex .top-menu .user-info:first-child {margin-left:0;}
#header .head-flex .top-menu .user-info span {font-size:14px; color:#fff; letter-spacing:-0.035em;}
#header .head-flex .top-menu .user-info span strong.name {font-weight:600; color:#87D1F2;}
#header .head-flex .top-menu .ico-alarm {display:block; width:24px; height:24px; background:url(../images/alarm.svg) center no-repeat; margin-right:2px;}
#header .head-flex .top-menu .ico-user {display:block; width:24px; height:24px; background:url(../images/ico-user.svg) center no-repeat; margin-right:4px;}
#header .head-flex .top-menu .ico-edit {display:block; width:24px; height:24px; background:url(../images/ico-edit.svg) center no-repeat; margin-right:2px;}
#header .head-flex .top-menu .ico-out {display:block; width:24px; height:24px; background:url(../images/ico-out.svg) center no-repeat; margin-right:2px;}
#header .gnb-area {position:relative; height:55px; box-sizing:border-box; border-bottom:1px solid #DBDBDB; background:#fff; padding:0 40px; display:flex;}
#header .gnb-area.show-down:before {content:""; height:40px; width:100%; position:absolute; top:55px; left:0; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); background:#EEF0F1;}
#header .gnb-area .gnb-box {position:relative; height:54px; margin-left:40px;}
#header .gnb-area .gnb-box:first-child {margin-left:0;}
#header .gnb-area .gnb-box .gnb-link {display:block; line-height:54px; font-size:15px; color:#767676; position:relative;}
#header .gnb-area .gnb-box:hover .gnb-link {color:#111; font-weight:600;}
#header .gnb-area .gnb-box:hover .gnb-link:before {content:""; display:block; width:100%; height:3px; background:#312782; position:absolute; bottom:-1px; left:0;}
#header .gnb-area .gnb-box .gnb-link.active-link {color:#111; font-weight:600;}
#header .gnb-area .gnb-box .gnb-link.active-link:before {content:""; display:block; width:100%; height:3px; background:#312782; position:absolute; bottom:-1px; left:0;}
#header .gnb-area .gnb-box .sub-gnb {position:absolute;top:55px;left:0;height:40px;width: 100vw;display:none;z-index: 1;}
#header .gnb-area .gnb-box:nth-child(4) .sub-gnb {left:-390px;}
#header .gnb-area .gnb-box:hover .sub-gnb {display:block;}
#header .gnb-area .gnb-box .sub-gnb ul {display:flex;align-items:center;height:40px;width: 100%;}
#header .gnb-area .gnb-box .sub-gnb ul li {margin-left:32px;}
#header .gnb-area .gnb-box .sub-gnb ul li:first-child {margin-left:0;}
#header .gnb-area .gnb-box .sub-gnb ul li a {font-size:14px; color:#312782; line-height:40px;}
#header .gnb-area .gnb-box .sub-gnb ul li a:hover {color:#111; font-weight:500;}
@media screen and (max-width: 1280px) {
#header .gnb-area .gnb-box:nth-child(4) .sub-gnb {left:-390px;}
#header .gnb-area .gnb-box:nth-child(4) .sub-gnb ul li {margin-left:10px}
#header .gnb-area .gnb-box:nth-child(4) .sub-gnb ul li a {font-size:13px; letter-spacing:-0.05em;}
}
#container {background:#F8FAFB; min-height:calc(100vh - 235px);}
#container .content-top {padding:15px 24px 10px; display:flex; align-items:center;}
#container .btn-help {width:16px; height:16px; font-size:0; line-height:0; margin:2px 0 0 10px;}
#container .content-top .content-title {display:flex; align-items:center;}
#container .content-top .ico-title {width:24px; height:24px; background:url(../images/ico-title.svg) center no-repeat;}
#container .content-top .content-title span {font-size:18px; font-weight:500; color:#111; letter-spacing:-0.045em;}
#container .content-top .content-location {margin-left:auto; display:flex; align-items:center;}
#container .content-top .content-location .ico-home {display:block; width:16px; height:16px; background:url(../images/ico-home.svg) center no-repeat;}
#container .content-top .content-location span {font-size:13px; letter-spacing:-0.033em; color:#767676; line-height:16px;}
#container .content-top .content-location span.t-blue {color:#385FC7;}
#container .content-top .content-location a:nth-child(n+2) {margin-left:0; padding-left:16px; position:relative; line-height:0;}
#container .content-top .content-location a:nth-child(n+2):before {content:""; display:block; width:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; background:url(../images/ico-loca-arrow.svg) center no-repeat;}
#container .search-box {padding:0 24px 10px;}
#container .search-box .title-area  {display:flex; align-items:center; padding:10px 0 5px;}
#container .search-box .title-area span {font-size:16px; color:#111; letter-spacing:-0.04em; font-weight:500;}
#container .search-box .ico-title2 {width:24px; height:24px; background:url(../images/ico-title2.svg) center no-repeat;}
#container .search-box table {border-top:2px solid #385fc7; background:#fff; width:100%; border-collapse:collapse;table-layout:fixed; }
#container .search-box table th {background:#EAEFF9;padding:3px 10px; text-align:left; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; line-height:0;}
#container .search-box table th span {font-size:15px; font-weight:500; color:#111; line-height:18px;}
#container .search-box table th span.imp-type:after {content:"*"; color:#E31100;}
#container .search-box table th:first-child {border-left:0;}
#container .search-box table td {background:#fff;padding:3px 10px; text-align:left; border-bottom:1px solid #CCCCCC; }
#container .search-btn-area {margin-top:10px; display:flex; align-items:center; justify-content:flex-end;}
#container .btn-area {margin-top:10px; display:flex; align-items:center; justify-content:flex-end;}
#container .btn {padding:0 22px; height:30px; display:flex; border-radius:15px; align-items:center;}
#container .btn:nth-child(n+2) {margin-left:8px;}
#container .btn span {font-size:14px;}
#container .btn.bg-navy {background:#312782;}
#container .btn.bg-navy span {color:#fff;}
#container .btn.bg-darkgray {background:#555;}
#container .btn.bg-darkgray span {color:#fff;}
#container .btn.bg-emerald {background:#07947C;}
#container .btn.bg-emerald span {color:#fff;}
#container .btn.bg-blue {background:#4287ED;}
#container .btn.bg-blue span {color:#fff;}
#container .btn .ico-down {width:16px; height:16px; background:url(../images/ico-down-file.svg) center no-repeat; margin-right:4px; margin-top:2px;}
#container .btn .ico-up {width:16px; height:16px; background:url(../images/ico-up-file.svg) center no-repeat; margin-right:4px;}

#container .btnSub-area {margin-top:10px; display:flex; align-items:center; justify-content:flex-end;}
#container .btnSub {padding:0 10px; height:24px; display:flex; border-radius:1px; align-items:center;float:left;}
#container .btnSub:nth-child(n+2) {margin-left:4px;}
#container .btnSub span {font-size:14px;}
#container .btnSub.bg-navy {background:#312782;}
#container .btnSub.bg-navy span {color:#fff;}
#container .btnSub.bg-darkgray {background:#555;}
#container .btnSub.bg-darkgray span {color:#fff;}
#container .btnSub.bg-emerald {background:#07947C;}
#container .btnSub.bg-emerald span {color:#fff;}
#container .btnSub.bg-blue {background:#4287ED;}
#container .btnSub.bg-blue span {color:#fff;}

#container .chk-wrap {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
#container .chk-wrap .chk-item {margin:5px 24px 5px 0;}
#container .chk-wrap .chk-item:last-child {margin-right:0;}
#container .chk-item input {display:none;}
#container .chk-item input + label {font-size:15px; letter-spacing:-0.035em; color:#333; cursor:pointer; display:flex; align-items:center;}
#container .chk-item input + label:before {content:""; display:block; border:1px solid #dbdbdb; box-sizing:border-box; background:#fff url(../images/ico-chk-off.svg) center no-repeat; background-size:10px; width:16px; height:16px; margin-right:6px;}
#container .chk-item input:checked + label:before {background:#312782 url(../images/ico-chk-on.svg) center no-repeat; border-color:#312782; background-size:10px;}
#container .chk-item input + label.no-txt {font-size:0; width:100%; justify-content:center;}
#container .chk-item input + label.no-txt:before {margin-right:0;}

#container .rd-wrap {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
#container .rd-wrap .rd-item {margin:5px 24px 5px 0;}
#container .rd-wrap .rd-item:last-child {margin-right:0;}
#container .rd-item input {display:none;}
#container .rd-item input + label {font-size:15px; letter-spacing:-0.035em; color:#333; cursor:pointer; display:flex; align-items:center; position:relative;}
#container .rd-item input + label:before {content:""; display:block; border:1px solid #dbdbdb; box-sizing:border-box; background:#fff; background-size:10px; width:16px; height:16px; border-radius:8px; margin-right:6px;}
#container .rd-item input + label:after {content:""; display:block; width:8px; height:8px; border-radius:4px; background:#dbdbdb; position:absolute; left:4px; top:6px;}
#container .rd-item input:checked + label:before {background:#312782; border-color:#312782; background-size:10px;}
#container .rd-item input:checked + label:after {background:#fff;}

#container .form-ip {width:100%; height:24px; padding:0 10px; background:#ededed; font-size:15px; line-height:24px; color:#111;}
#container .form-slc-area .form-slc {width:100%; height:24px; padding:0 10px; background:#ededed; font-size:15px; line-height:24px; color:#111; border:0;}
#container .form-date-box {position:relative;}
#container .form-date-box .ui-datepicker-trigger {position:absolute; right:0; top:0; cursor:pointer;}
#container .wd100p {width:100%;}
#container .wd25p {width:calc(25% - 4px);}
#container .wd30p {width:calc(30% - 4px);}
#container .wd40p {width:calc(40% - 4px);}
#container .wd50p {width:calc(50% - 4px);}
#container .wd55p {width:calc(55% - 4px);}
#container .wd60p {width:calc(60% - 4px);}
#container .wd75p {width:calc(75% - 4px);}
#container .form-mixed {display:flex;}
#container .form-mixed .form-item:nth-child(n+2) {margin-left:8px;}
#container .form-mixed .bar {margin-left:8px;}

#container .container-flex {display:flex; width:100%; box-sizing:border-box; padding:0 20px 20px;}
#container .container-flex .container-half.content-wh-area {width:calc(50% - 9px); border-radius:4px; box-sizing:border-box; padding:20px;}
#container .container-flex .container-half:nth-child(n+2) {margin-left:auto;}
#container .content-wh-area {box-shadow: 0px 0px 6px #00000029; background:#fff; padding:10px 24px 20px;}
#container .content-wh-area .search-box {padding:0;}
#container .content-wh-area .search-box + .wh-table-wrap {margin-top:20px;}
#container .wh-title-flex {display:flex; align-items:center; padding-bottom:10px;}
#container .wh-title-flex .title-area  {display:flex; align-items:center; padding:10px 0 5px;}
#container .wh-title-flex .title-area span {font-size:16px; color:#111; letter-spacing:-0.04em; font-weight:500;}
#container .wh-title-flex .ico-title2 {width:24px; height:24px; background:url(../images/ico-title2.svg) center no-repeat;}

#container .wh-title-flex .total {font-size:13px; letter-spacing:-0.033em; color:#767676;}
#container .wh-title-flex .total .t-blue {color:#385FC7; font-weight:600;}
#container .wh-title-flex .btn-area {margin-left:auto; display:flex; align-items:center;}
#container .wh-title-flex .btn-area .btn {margin-left:5px;}
#container .wh-in-scroll {width:100%; overflow-x:auto;}
#container .wh-table-wrap table {border-top:2px solid #333; width:100%; table-layout:fixed;  border-collapse:collapse;}
#container .wh-table-wrap table thead th {background:#F6F6F6; height:32px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; line-height:32px; font-size:15px; letter-spacing:-0.038em; color:#333; font-weight:700;}
#container .wh-table-wrap table thead th:first-child {border-left:0;}
#container .wh-table-wrap table .bd-left {border-left:1px solid #CCCCCC !important;}
#container .wh-table-wrap table strong {font-weight:700;}
#container .wh-table-wrap table .t-15 {font-size:15px;}
#container .wh-table-wrap table .t-13 {font-size:13px;}
#container .wh-table-wrap table .t-11 {font-size:11px;}
#container .wh-table-wrap table .t-15 {font-size:15px;}
#container .wh-table-wrap table tbody th {background:#F6F6F6;border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; font-size:15px; letter-spacing:-0.038em; color:#333; padding:3px 5px; line-height:22px;}
#container .wh-table-wrap table tbody td {border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:left; font-size:15px; letter-spacing:-0.038em; color:#333; padding:3px 5px; line-height:22px;}
#container .wh-table-wrap table tbody td .img-item {/*max-width:100px;*/height:120px;box-sizing:border-box;border:1px solid rgba(56, 95, 199, 0.24);background:rgba(234, 239, 249, 0.45) url(../images/ico-photo.svg) center no-repeat;}
#container .wh-table-wrap table .align-left {text-align:left !important;}
#container .wh-table-wrap table .align-right {text-align:right !important;}
#container .wh-table-wrap table .align-center {text-align:center !important;}
#container .wh-table-wrap table tbody td:first-child {border-left:0;}
#container .wh-table-wrap table tbody th:first-child {border-left:0;}
#container .wh-table-wrap table tbody td .ico-state {display:flex; height:24px; border-radius:12px;  margin:0 auto; font-size:14px; align-items:center; justify-content:center; width:64px;}
#container .wh-table-wrap table tbody td .ico-state.green-state {background:#04B014; color:#fff;}
#container .wh-table-wrap table tbody td .ico-state.red-state {background:#E31100; color:#fff;}
#container .wh-table-wrap table tbody td a.list-link {display:block; width:100%; text-align:left; box-sizing:border-box; padding:0 20px;}
#container .wh-table-wrap table tbody td .btn-area {margin-top:0; display:flex; align-items:center; justify-content:center;}
#container .wh-table-wrap table tbody td .btn-area .btn {padding:0 15px; height:24px; display:flex; border-radius:12px; align-items:center; margin:0 2px; }
#container .wh-table-wrap table .bg-gray {background:#F6F6F6;}
/* #container .wh-table-wrap table tfoot th {background:#F6F6F6; height:32px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; line-height:32px; font-size:15px; letter-spacing:-0.038em; color:#333; font-weight:700; } 2022.05.11 Jeongho Park Modify */
#container .wh-table-wrap table tfoot th {background:#F6F6F6; height:32px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; line-height:32px; font-size:15px; letter-spacing:-0.038em; color:#333; font-weight:700; padding:3px 5px;}
#container .wh-table-wrap table tfoot th:first-child {border-left:0;}
#container .wh-table-wrap table tfoot td {background:#F6F6F6; height:32px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; text-align:center; line-height:32px; font-size:15px; letter-spacing:-0.038em; color:#333; font-weight:700;}
#container .ico-graph {width:51px; height:51px; display:block; background:url(../images/ico-graph.svg) center no-repeat;}
#container .wh-table-wrap + .wh-graph-wrap {margin-top:40px;}
#container .wh-graph-wrap {display:flex; flex-wrap:wrap;}
#container .wh-graph-wrap .graph-area {display:flex; align-items:center; justify-content:center; border:1px solid rgba(56, 95, 199, 0.24); background:rgba(234, 239, 249, 0.45); height:266px; box-sizing:border-box; width:calc(50% - 10px);}
#container .wh-graph-wrap .graph-area:nth-child(even) {margin-left:auto;}
#container .wh-graph-wrap .graph-area:nth-child(n+3) {margin-top:20px;}

#container .detail-cont-area {padding:0 24px 60px;}
#container .detail-cont-area .detail-cont-sec {margin-top:5px;}
#container .detail-cont-area .detail-cont-sec:first-child {margin-top:0;}
#container .detail-cont-area table {border-top:2px solid #385fc7; background:#fff; width:100%; border-collapse:collapse;table-layout:fixed; }
#container .detail-cont-area table th {background:#EAEFF9;padding:3px 5px 3px 10px; text-align:left; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; line-height:0;}
#container .detail-cont-area table th span {font-size:15px; font-weight:500; color:#111; line-height:18px;}
#container .detail-cont-area table th strong.imp-type:after {content:"*"; color:#E31100;}
#container .detail-cont-area table th:first-child {border-left:0;}
#container .detail-cont-area table td {background:#fff;padding:3px 10px; text-align:left; border-bottom:1px solid #CCCCCC; }
#container .detail-cont-area table.h-table thead th {text-align:center;}
#container .detail-cont-area table.h-table thead th:last-child {border-right:0}
#container .detail-cont-area table.h-table tbody td {border-right:1px solid #CCCCCC; text-align:center;}
#container .detail-cont-area table.h-table tbody td.align-left {border-right:1px solid #CCCCCC; text-align:left;}
#container .detail-cont-area table.h-table tbody td:last-child {border-right:0}
#container .detail-cont-area table strong {font-weight:700;}
#container .detail-cont-area table .t-15 {font-size:15px;}
#container .detail-cont-area table .t-13 {font-size:13px;}
#container .detail-cont-area table .t-11 {font-size:11px;}
#container .detail-cont-area table .t-15 {font-size:15px;}

#container .detail-cont-area .title-area  {display:flex; align-items:center; padding:10px 0 5px;}
#container .detail-cont-area .title-area span {font-size:16px; color:#111; letter-spacing:-0.04em; font-weight:500;}
#container .detail-cont-area .ico-title2 {width:24px; height:24px; background:url(../images/ico-title2.svg) center no-repeat;}
#container .detail-cont-area .img-wrap {display:flex; flex-wrap:wrap;}
#container .detail-cont-area .img-wrap .img-item {max-width: 358px;width: calc(20% - 16px);height:266px;box-sizing:border-box;border:1px solid rgba(56, 95, 199, 0.24);background:rgba(234, 239, 249, 0.45) url(../images/ico-photo.svg) center no-repeat;margin-left:20px;}
#container .detail-cont-area .img-wrap .img-item:first-child {margin-left:0;}
#container .detail-cont-area .form-btn-area {margin-left:8px; display:flex; align-items:center;}
#container .detail-cont-area .form-btn-area .btn {padding:0 10px; height:24px; display:flex; border-radius:12px; align-items:center; margin:0 2px; }
#container .detail-cont-area .btm-btn-area {display:flex; align-items:center; justify-content:flex-end; margin-top:25px;}



#container .peristalsis-flex {display:flex; justify-content:space-between; padding:24px 0 33px;}
#container .peristalsis-flex .peristalsis-item {width:calc(16.66% -  20px);}
#container .peristalsis-flex .peristalsis-item dt {height:48px; border-radius:6px; display:flex; align-items:center; justify-content:center; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); position:relative;}
#container .peristalsis-flex .peristalsis-item dt span {font-size:18px; color:#fff; letter-spacing:-0.045em; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.24); }
#container .peristalsis-flex .peristalsis-item dd {border-radius:8px; background:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.24); display:flex; align-items:center; justify-content:center; height:100px; position:relative;}
#container .peristalsis-flex .peristalsis-item dt:before {content:""; display:block; width:94%; height:0;box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.16);border: 5px dotted rgba(255, 255, 255, 1); position:absolute; left:2%; bottom:-7px;}
#container .peristalsis-flex .peristalsis-item dd strong {font-size:50px; font-weight:-0.0125em; font-weight:500; line-height:55px;}
#container .peristalsis-flex .peristalsis-item dd.red-circle:after {content:""; display:block; width:12px; height:12px; border-radius:6px; background:#E31100; margin-top:-40px; margin-left:3px;}

#container .peristalsis-flex .peristalsis-item:nth-child(1) dt {background-color:#15795A;}
#container .peristalsis-flex .peristalsis-item:nth-child(1) dd strong {color:#15795A;}
#container .peristalsis-flex .peristalsis-item:nth-child(2) dt {background-color:#07947C;}
#container .peristalsis-flex .peristalsis-item:nth-child(2) dd strong {color:#07947C;}
#container .peristalsis-flex .peristalsis-item:nth-child(3) dt {background-color:#19B6B4;}
#container .peristalsis-flex .peristalsis-item:nth-child(3) dd strong {color:#19B6B4;}
#container .peristalsis-flex .peristalsis-item:nth-child(4) dt {background-color:#312782;}
#container .peristalsis-flex .peristalsis-item:nth-child(4) dd strong {color:#312782;}
#container .peristalsis-flex .peristalsis-item:nth-child(5) dt {background-color:#385FC7;}
#container .peristalsis-flex .peristalsis-item:nth-child(5) dd strong {color:#385FC7;}
#container .peristalsis-flex .peristalsis-item:nth-child(6) dt {background-color:#4287ED;}
#container .peristalsis-flex .peristalsis-item:nth-child(6) dd strong {color:#4287ED;}

#container .file-area {display:flex; justify-content:center; align-items:center;}
#container .file-area .ico-pdf {width:20px; height:20px; background:url(../images/ico-pdf.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-xls {width:20px; height:20px; background:url(../images/ico-xls.svg) center no-repeat; margin:0 3px;}
#container .file-area .ico-hwp {width:20px; height:20px; background:url(../images/ico-hwp.svg) center no-repeat; margin:0 3px;}

#container .pagination {margin-top:20px; display:flex; align-items:center; justify-content:center;}
#container .pagination .btn-page {width:30px; height:30px; border:1px solid #ccc; border-left:0; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
#container .pagination .form-slc {height: 30px;padding: 0px;background: #ededed;font-size: 14px;line-height: 24px;color: #111;border: 1px solid #ccc;}
#container .pagination .btn-page:first-child {border-left:1px solid #ccc;}
#container .pagination .page-num-area {height:30px; border:1px solid #ccc; display:flex; align-items:center; justify-content:center; border-left:0; box-sizing:border-box;}
#container .pagination .page-num-area .btn-num {border-left:1px solid #ccc;height:28px;font-size:14px;line-height:28px;text-align:center;color:#333;padding: 0 10px;}
/* #container .pagination .page-num-area .btn-num:first-child {border-left:0;} 2022.05.11 Jeongho.Park delete */
#container .pagination .page-num-area .btn-num.active-num {background:#385FC7; color:#fff;}
#container .pagination i.ico-first {display:block; width:10px; height:8px; background:url(../images/ico-first.svg) center no-repeat;}
#container .pagination i.ico-prev {display:block; width:5px; height:8px; background:url(../images/ico-prev.svg) center no-repeat;}
#container .pagination i.ico-next {display:block; width:5px; height:8px; background:url(../images/ico-next.svg) center no-repeat; transform:rotate(180deg);}
#container .pagination i.ico-end {display:block; width:10px; height:8px; background:url(../images/ico-end.svg) center no-repeat; transform:rotate(180deg);}


#footer {height:120px; background:#f1f3f4; box-sizing:border-box; border-top:1px solid #DBDBDB; }
#footer .foot-flex {display:flex; align-items:center; height:119px; padding:0 40px;}
#footer .foot-flex .foot-left {display:flex; align-items:center;}
#footer .foot-flex .foot-logo .ico-foot-logo {display:block; width:172px; height:32px; background:url(../images/ico-foot-logo.png) center no-repeat;}
#footer .foot-flex .foot-info {margin-left:40px;}
#footer .foot-flex .foot-info .address-area {font-size:14px; line-height:24px; letter-spacing:-0.035em; color:#767676;}
#footer .foot-flex .foot-info .foot-copy {font-size:14px; line-height:24px; letter-spacing:-0.035em; color:#767676;}
#footer .foot-flex .foot-right {margin-left:auto; display:flex; align-items:center;}
#footer .foot-flex .foot-right a {font-size:14px; letter-spacing:-0.035em; color:#767676;}
#footer .foot-flex .foot-right a .t-blue {color:#385fc7; font-weight:600;}
#footer .foot-flex .foot-right a:nth-child(n+2) {padding-left:11px; margin-left:10px; position:relative;}
#footer .foot-flex .foot-right a:nth-child(n+2):before {content:""; display:block; width:1px; height:12px; background:#767676; position:absolute; left:0; top:50%; margin-top:-5px;}



.ui-widget.ui-widget-content {border:2px solid #385FC7; border-radius:0; padding:0;}
.ui-widget-header {background:#Fff;border: 0;padding: 12px 0 10px;}
.ui-datepicker .ui-datepicker-title {font-size:20px; font-weight:700; color:#111; line-height:29px;}
.ui-datepicker .ui-datepicker-title span {font-size:20px; font-weight:700; color:#111; line-height:29px;}
.ui-datepicker thead th {background:rgba(56, 95, 199, 0.1); font-size:14px; color:#111; height:24px; padding:0 .3em;}
.ui-datepicker td {padding:3px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:0;background:#fff;text-align:center;font-size:14px;line-height: 24px;color:#111;border-radius:50%;display: flex;width: 24px;height: 24px;margin: 0 auto;align-items: center;justify-content: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#385FC7;color:#fff;}
.ui-state-default.ui-state-hover {background:#385FC7;color:#fff;border-radius:50%;display: flex;width: 24px;height: 24px;margin: 0 auto;align-items: center;justify-content: center;}

/* popup common */
.pop {position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:2; display:none;}
.pop.show {display:block;}
.pop-flex-wrap {display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.pop-wrap {position:relative;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);max-width: 1024px;}
.pop-wrap .pop-head {height:60px; background: transparent linear-gradient(94deg, #312782 0%, #385FC7 89%, #4287ED 100%) 0% 0% no-repeat padding-box; display:flex; border-radius:4px 4px 0 0; padding:0 6px 0 24px; align-items:center;}
.pop-wrap .pop-head .pop-title {font-size:20px; font-weight:500; color:#fff;}
.pop-wrap .pop-head .btn-pop-close {margin-left:auto; font-size:0; line-height:0; width:48px; height:48px; background:url(../images/ico_close.png) center no-repeat;}
.pop-wrap .pop-container {background:#fff; border-radius:0 0 4px 4px;}

.pop-wrap .pop-container .content-title {display:flex; align-items:center; padding:24px 24px 10px;}
.pop-wrap .pop-container .ico-title {width:24px; height:24px; background:url(../images/ico-title.svg) center no-repeat;}
.pop-wrap .pop-container .content-title span {font-size:18px; font-weight:500; color:#111; letter-spacing:-0.045em;}
.pop-wrap .pop-container .pop-cont-scroll {max-height:560px; overflow-y:auto;}
@media screen and (max-width: 1280px) {
.pop-wrap .pop-container .pop-cont-scroll {max-height:400px; overflow-y:auto;}
}

.pop-wrap .pop-container .detail-cont-area {padding:0px 24px 15px;}
.pop-wrap .detail-cont-area .detail-cont-sec {margin-top:5px;}
.pop-wrap .detail-cont-area .detail-cont-sec:first-child {margin-top:0;}
.pop-wrap .detail-cont-area table {border-top:2px solid #385fc7; background:#fff; width:100%; border-collapse:collapse;table-layout:fixed; }
.pop-wrap .detail-cont-area table th {background:#EAEFF9;padding:3px 5px 3px 10px; text-align:left; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; line-height:0;}
.pop-wrap .detail-cont-area table th span {font-size:15px; font-weight:500; color:#111; line-height:18px;}
.pop-wrap .detail-cont-area table th strong.imp-type:after {content:"*"; color:#E31100;}
.pop-wrap .detail-cont-area table th:first-child {border-left:0;}
.pop-wrap .detail-cont-area table td {background:#fff;padding:3px 10px; text-align:left; border-bottom:1px solid #CCCCCC; }
.pop-wrap .detail-cont-area table.h-table thead th {text-align:center;}
.pop-wrap .detail-cont-area table.h-table thead th:last-child {border-right:0}
.pop-wrap .detail-cont-area table.h-table tbody td {border-right:1px solid #CCCCCC; text-align:center;}
.pop-wrap .detail-cont-area table.h-table tbody td:last-child {border-right:0}
.pop-wrap .detail-cont-area table strong {font-weight:700;}
.pop-wrap .detail-cont-area table .t-15 {font-size:15px;}
.pop-wrap .detail-cont-area table .t-13 {font-size:13px;}
.pop-wrap .detail-cont-area table .t-11 {font-size:11px;}
.pop-wrap .detail-cont-area table .t-15 {font-size:15px;}
.pop-wrap .detail-cont-area .title-area  {display:flex; align-items:center; padding:10px 0 5px;}
.pop-wrap .detail-cont-area .title-area span {font-size:16px; color:#111; letter-spacing:-0.04em; font-weight:500;}
.pop-wrap .detail-cont-area .ico-title2 {width:24px; height:24px; background:url(../images/ico-title2.svg) center no-repeat;}
.pop-wrap .detail-cont-area .img-wrap {display:flex; flex-wrap:wrap;}
.pop-wrap .detail-cont-area .img-wrap .img-item {width:175px; height:200px; box-sizing:border-box; border:1px solid rgba(56, 95, 199, 0.24); background:rgba(234, 239, 249, 0.45) url(../images/ico-photo.svg) center no-repeat; margin-left:20px;}
.pop-wrap .detail-cont-area .img-wrap .img-item:first-child {margin-left:0;}
.pop-wrap .detail-cont-area .form-btn-area {margin-left:8px; display:flex; align-items:center;}
.pop-wrap .detail-cont-area .form-btn-area .btn {padding:0 10px; height:24px; display:flex; border-radius:12px; align-items:center; margin:0 2px; }
.pop-wrap .btm-btn-area {display:flex; align-items:center; justify-content:flex-end; padding:24px;}


.pop-wrap .chk-wrap {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.pop-wrap .chk-wrap .chk-item {margin:5px 24px 5px 0;}
.pop-wrap .chk-wrap .chk-item:last-child {margin-right:0;}
.pop-wrap .chk-item input {display:none;}
.pop-wrap .chk-item input + label {font-size:15px; letter-spacing:-0.035em; color:#333; cursor:pointer; display:flex; align-items:center;}
.pop-wrap .chk-item input + label:before {content:""; display:block; border:1px solid #dbdbdb; box-sizing:border-box; background:#fff url(../images/ico-chk-off.svg) center no-repeat; background-size:10px; width:16px; height:16px; margin-right:6px;}
.pop-wrap .chk-item input:checked + label:before {background:#312782 url(../images/ico-chk-on.svg) center no-repeat; border-color:#312782; background-size:10px;}
.pop-wrap .chk-item input + label.no-txt {font-size:0; width:100%; justify-content:center;}
.pop-wrap .chk-item input + label.no-txt:before {margin-right:0;}

.pop-wrap .rd-wrap {display:flex; align-items:center; flex-wrap:wrap; width:100%;}
.pop-wrap .rd-wrap .rd-item {margin:5px 24px 5px 0;}
.pop-wrap .rd-wrap .rd-item:last-child {margin-right:0;}
.pop-wrap .rd-item input {display:none;}
.pop-wrap .rd-item input + label {font-size:15px; letter-spacing:-0.035em; color:#333; cursor:pointer; display:flex; align-items:center; position:relative;}
.pop-wrap .rd-item input + label:before {content:""; display:block; border:1px solid #dbdbdb; box-sizing:border-box; background:#fff; background-size:10px; width:16px; height:16px; border-radius:8px; margin-right:6px;}
.pop-wrap .rd-item input + label:after {content:""; display:block; width:8px; height:8px; border-radius:4px; background:#dbdbdb; position:absolute; left:4px; top:6px;}
.pop-wrap .rd-item input:checked + label:before {background:#312782; border-color:#312782; background-size:10px;}
.pop-wrap .rd-item input:checked + label:after {background:#fff;}

.pop-wrap .form-ip {width:100%; height:24px; padding:0 10px; background:#ededed; font-size:15px; line-height:24px; color:#111;}
.pop-wrap .form-slc-area .form-slc {width:100%; height:24px; padding:0 10px; background:#ededed; font-size:15px; line-height:24px; color:#111; border:0;}
.pop-wrap .form-date-box {position:relative;}
.pop-wrap .form-date-box .ui-datepicker-trigger {position:absolute; right:0; top:0; cursor:pointer;}
.pop-wrap .wd100p {width:100%;}
.pop-wrap .wd25p {width:calc(25% - 4px);}
.pop-wrap .wd30p {width:calc(30% - 4px);}
.pop-wrap .wd40p {width:calc(40% - 4px);}
.pop-wrap .wd45p {width:calc(45% - 4px);}
.pop-wrap .wd50p {width:calc(50% - 4px);}
.pop-wrap .wd55p {width:calc(55% - 4px);}
.pop-wrap .wd60p {width:calc(60% - 4px);}
.pop-wrap .wd75p {width:calc(75% - 4px);}
.pop-wrap .form-mixed {display:flex;}
.pop-wrap .form-mixed .form-item:nth-child(n+2) {margin-left:8px;}
.pop-wrap .form-mixed .bar {margin-left:8px;}

.pop-wrap .container-flex {display:flex; width:100%; box-sizing:border-box; padding:0 20px 20px;}
.pop-wrap .container-flex .container-half.content-wh-area {width:calc(50% - 9px); border-radius:4px; box-sizing:border-box; padding:20px;}
.pop-wrap .container-flex .container-half:nth-child(n+2) {margin-left:auto;}
.pop-wrap .content-wh-area {box-shadow: 0px 0px 6px #00000029; background:#fff; padding:10px 24px 20px;}
.pop-wrap .content-wh-area .search-box {padding:0;}
.pop-wrap .content-wh-area .search-box + .wh-table-wrap {margin-top:20px;}

.pop-wrap .btn-area {margin-top:10px; display:flex; align-items:center; justify-content:flex-end;}
.pop-wrap .btn {padding:0 22px; height:30px; display:flex; border-radius:15px; align-items:center;}
.pop-wrap .btn:nth-child(n+2) {margin-left:8px;}
.pop-wrap .btn span {font-size:14px;white-space: nowrap;}
.pop-wrap .btn.bg-navy {background:#312782;}
.pop-wrap .btn.bg-navy span {color:#fff;}
.pop-wrap .btn.bg-darkgray {background:#555;}
.pop-wrap .btn.bg-darkgray span {color:#fff;}
.pop-wrap .btn.bg-emerald {background:#07947C;}
.pop-wrap .btn.bg-emerald span {color:#fff;}
.pop-wrap .btn.bg-blue {background:#4287ED;}
.pop-wrap .btn.bg-blue span {color:#fff;}
.pop-wrap .btn .ico-down {width:16px; height:16px; background:url(../images/ico-down-file.svg) center no-repeat; margin-right:4px; margin-top:2px;}
.pop-wrap .btn .ico-up {width:16px; height:16px; background:url(../images/ico-up-file.svg) center no-repeat; margin-right:4px;}

.privacy {padding:10px 24px 50px; font-size:14px; }
.privacy h4{margin:30px 0 20px;padding-left:30px;font-size:20px;font-weight:normal;background:url("../images/ico-title2.svg") no-repeat left 2px}
.privacy h4.first{margin-top:0;}
.privacy h5{line-height:24px;margin:20px 0 15px;padding-left:18px;font-size:18px;font-weight:600;background:url("../images/blet02.png") no-repeat left 5px}
.privacy h6{margin:20px 0;font-size:16px;padding-left:20px;font-weight:600;background:url("../images/blet04.png") no-repeat left 3px}

.privacy .contText{line-height:25px;}
.privacy .contText .tel em{display:inline-block;padding-left:15px;margin-right:15px;background: url(../images/main/bg_dot01.png) no-repeat left center;}
.privacy .contText .tel strong{font-weight:600}

.privacy h5{margin:20px 0 15px;}
.privacy ul li{line-height:24px;margin:10px 0;}
.privacy > ul >  li > ul > li{padding-left:20px;}
.privacy .boardWrap{margin:15px 0;}
.privacy .tit{display:block;margin:7px 0;color:000;font-weight:600;}
.privacy .sTit{color:#000}
.privacy .btnOut .type01{height:23px;line-height:23px}

/* Web Content Accessibility TTS(Text To Speech) Code */
caption{visibility:hidden;width:0;height:0;line-height:0;font-size:0;text-indent:-99999px;overflow:hidden;}
.hidden, legend{display:block;position:absolute;left:0;top:-1000em;overflow:hidden;}

table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
/*boardWrap*/
.boardWrap{border-top:2px solid #363636;border-bottom:1px solid #e7e7e7; background:#fff;}
.boardWrap .cursor:hover td{color:#427eec;cursor:pointer}
.boardWrap table th,
.boardWrap table td{padding:15px;vertical-align:middle}
.boardWrap table thead th,
.boardWrap table tbody th,
.boardWrap table tfoot th{line-height:22px;color:#000;font-size:15px;font-weight:600;background-color:#f9f9f9;}
.boardWrap table thead th,
.boardWrap table tbody th{border-bottom:1px solid #dedede}
.boardWrap table tbody td{line-height:18px;border-top:1px dotted #dedede}
.boardWrap table tbody tr:first-child td{border-top:0 none}
.boardWrap table tbody td a:hover{color:#427eec;text-decoration:underline}
.boardWrap table tfoot th,
.boardWrap table tfoot td{border-top:3px double #dedede}
.boardWrap table tbody .subTh{border-right:1px solid #dedede;background-color:#fcfcfc}
.boardWrap.boardWrite{border-bottom:1px dotted #dedede}
.boardWrite table tbody th,
.boardWrite table tbody td{padding:9px 10px;text-align:left;}
.boardWrite table tbody th{border-top:1px dotted #dedede;border-bottom:0 none}
.editorArea{padding:20px;border-bottom:1px solid #e7e7e7}
/* boardWrap boardWrite center */
.boardWrap.boardWrite.center table th,
.boardWrap.boardWrite.center table td{padding:10px 15px;text-align:center;border:1px solid #dedede}
.boardWrap.boardWrite.center tbody th img{width:130px;}

.gs1Email {margin:0 24px;}
.gs1Email .contBox p{line-height:24px;padding: 20px 20px 20px 130px;margin-bottom:5px;color:#fff;font-size:16px;background: #5b79b9 url(../images/ico06.png) no-repeat 50px center;}
.gs1Email ul li{line-height:24px;padding-left:15px;margin:10px 0;background: url(../images/bg_dot01.png) no-repeat left center;}
.gs1Email .guide{font-size:13px;text-align:right}
.gs1Email h4{margin:30px 0 20px;padding-left:30px;font-size:20px;font-weight:normal;background:url("../images/ico-title2.svg") no-repeat left 2px}


.error-content {height:calc(100vh - 235px); display:flex; align-content:center; justify-content:center; flex-wrap:wrap;}
.error-content .error-box {width:500px; text-align:center; border:1px solid #DBDBDB; padding:50px 0 70px; background:#fff;}
.error-content .error-box .error-message {margin-top:30px; color:#666666; font-size:24px;}
.error-content .error-btn-area {width:100%; text-align:center; display:flex; justify-content:center; margin-top:20px;}

.alarm-content {display:flex; align-content:center; justify-content:center; flex-wrap:wrap;padding:10px;}
.alarm-content .alarm-box {width:500px; text-align:center; border:1px solid #DBDBDB; padding:50px 0 70px; background:#fff;}
.alarm-content .alarm-box .alarm-message {margin-top:30px; color:#666666; font-size:24px; font-weight: 800;}


.win-html, .win-body {min-width:100%;}
.win-pop-wrap {min-width:500px; margin:0 auto; overflow:hidden;}
.win-pop-wrap .pop-title {background: transparent linear-gradient(96deg, #312782 0%, #385FC7 89%, #4287ED 100%) 0% 0% no-repeat padding-box; height:90px; padding:0 40px; font-size:24px; letter-spacing:-0.06em; color:#fff; font-weight:500; display:flex; align-items:center;}
.win-pop-wrap .pop-container {padding:20px;}
.win-pop-wrap .pop-container .pop-item {margin-top:10px;}
.win-pop-wrap .pop-container .pop-item:first-child {margin-top:0;}
.win-pop-wrap .ico-pop1 {width:24px; height:24px; vertical-align:middle; background:url(../images/ico_bullet.png) center no-repeat; margin-right:5px;}
.win-pop-wrap .ico-pop2 {width:24px; height:24px; vertical-align:middle; background:url(../images/ico_bullet.png) center no-repeat; margin-right:5px;}
.win-pop-wrap .ico-pop3 {width:6px; height:24px; vertical-align:middle; background:url(../images/blet02.png) center no-repeat; margin-right:5px;}
.win-pop-wrap .ico-pop4 {width:12px; height:24px; vertical-align:middle; background:url(../images/blet04.png) center no-repeat; margin-right:5px;}

.win-pop-wrap .pop-txt1 {display:flex;}
.win-pop-wrap .pop-txt1 span {width:calc(100% - 29px); font-size:20px; line-height:24px; font-weight:500; color:#111; letter-spacing:-0.045em;vertical-align:middle;}
.win-pop-wrap .pop-txt2 {display:flex;}
.win-pop-wrap .pop-txt2 span {width:calc(100% - 29px); font-size:18px; line-height:24px; font-weight:500; color:#111; letter-spacing:-0.045em;vertical-align:middle;}
.win-pop-wrap .pop-txt3 {display:flex;}
.win-pop-wrap .pop-txt3 span {width:calc(100% - 29px); font-size:16px; line-height:24px; font-weight:500; color:#111; letter-spacing:-0.045em;vertical-align:middle;}
.win-pop-wrap .pop-txt4 {display:flex;}
.win-pop-wrap .pop-txt4 span {width:calc(100% - 29px); font-size:14px; line-height:24px; font-weight:500; color:#111; letter-spacing:-0.045em;vertical-align:middle;}
.win-pop-wrap .pop-txt5 span {font-size:12px; line-height:18px; font-weight:500; color:#111; letter-spacing:-0.045em;vertical-align:middle;}
.win-pop-wrap .pop-img img {max-width:100%;}