@charset "utf-8";
/* table-wrap */
.table-wrap .scroll-guide{display:none; position:relative; padding:10px 20px; background:#f6f6f6; margin-bottom:5px; text-align:center;}
.table-wrap .scroll-guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〈";}
.table-wrap .scroll-guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"〉";}
.table-wrap .scroll-guide p{ text-align:center;font-weight:600;color:#666;font-size:12px;}
.table-wrap .scroll-guide p:before{content:"좌우스크롤 하시면 자세한 내용을 확인하실수 있습니다.";}

.table-wrap .scroll-table{overflow-x:auto;}

.table-wrap table.type01{position:relative; width:100%; border-collapse:collapse; table-layout:fixed; clear:both; color:#555; background:#fff; border-top:2px solid #333353; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.table-wrap table.type01 thead th{background:#f7f7f7; color:#000; text-align:center; letter-spacing:-0.03em; padding:10px; font-size:16px; border-right:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-bottom:1px solid #333353; font-weight:500;}
.table-wrap table.type01 thead th:last-child{}

.table-wrap table.type01 tbody th{letter-spacing:-0.02em; padding:10px; color:#303338; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-left:1px solid #e2e2e2; font-size:16px; background:#fbfbfb; font-weight:500;}
.table-wrap table.type01 tbody td{letter-spacing:-0.02em; padding:10px; color:#292929; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-left:1px solid #e2e2e2; font-size:16px; text-align:center;}
.table-wrap table.type01 tbody td:last-child{}

@media all and (max-width:1000px){
  .table-wrap table.type01 thead th{font-size:14px; padding:8px;}

  .table-wrap table.type01 tbody th{font-size:14px; padding:8px;}
  .table-wrap table.type01 tbody td{font-size:14px; padding:8px;}
}

@media all and (max-width:680px){
  .table-wrap .scroll-guide{display:block;}

  .table-wrap table.type01 thead th{font-size:13px; padding:6px;}

  .table-wrap table.type01 tbody th{font-size:13px; padding:6px;}
  .table-wrap table.type01 tbody td{font-size:13px; padding:6px;}

  .table-wrap table.scroll{width:680px;}
  .table-wrap table.scroll.w1000{width:1000px;}
  .table-wrap table.scroll.w1200{width:1200px;}

  .table-wrap table.respon colgroup{display:none;}
  .table-wrap table.respon thead {display:none;}
  .table-wrap table.respon tbody {overflow:hidden;}
  .table-wrap table.respon tbody th{display:none;}
  .table-wrap table.respon [data-cell-header]:before {content:attr(data-cell-header); float:left; font-weight:600 ; font-size:14px; position:absolute; left:0; top:0;box-sizing:border-box; padding:10px 0px; box-sizing:border-box; z-index:2;}

  .table-wrap table.respon tbody tr{border-top:1px solid #E6E6E6; border-bottom:1px solid #d5d8df; padding:5px 0px; display:block; overflow:hidden; width:100%;}
  .table-wrap table.respon tbody tr:first-child {border-top:0;}
  .table-wrap table.respon tbody td{position:relative; width:100%; box-sizing:border-box;float:left; text-align:left; padding:8px 8px 8px 80px; font-size:13px;}
  .table-wrap table.respon tbody td[data-cell-header]:before{width:65px; padding-left:15px; text-align:left; box-sizing:border-box; font-size:13px;}
  .table-wrap table.respon tbody td[data-cell-header]:after{position:absolute; left:0; top:0; width:70px; height:99%; display:block; content:""; z-index:1; background:#f7f7f7;}

  .table-wrap table.respon tbody tr:hover{background:none;}
  .table-wrap table.respon tbody tr td{border-bottom:1px solid #d1d1d1; border-right:none;}
  .table-wrap table.respon tbody tr td:last-child{border-bottom:none;}
}


/* btn */
.btn-wrap{font-size:0px; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.btn-wrap .bbtn{position:relative; font-size:16px; color:#fff; display:inline-block; vertical-align:top;}
.btn-wrap .bbtn:hover{opacity:0.7; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

.btn-wrap .bbtn.type01{padding:13px 80px 13px 15px; background:#333353;}
.btn-wrap .bbtn.type01:before{position:absolute; top:50%; right:20px; width:20px; height:8px; margin-top:-4px; background:url("/images/Potal_/layout/bbtn-arrow.png") no-repeat center; content:""; z-index:1;}

.btn-wrap .bbtn.type02{padding:13px 80px 13px 15px; background:#4d5bbc;}
.btn-wrap .bbtn.type02:before{position:absolute; top:50%; right:20px; width:20px; height:8px; margin-top:-4px; background:url("/images/Potal_/layout/bbtn-arrow.png") no-repeat center; content:""; z-index:1;}

.btn-wrap .bbtn.type-nw{padding:13px 15px; background:#373777;}
.btn-wrap .bbtn.type-nw span{padding-right:20px; background:url("/images/Potal_/layout/nww-icon.png") no-repeat right;}

.btn-wrap .bbtn.type-down{padding:11px 70px 11px 15px; color:#e55757; border:2px solid #e55757;}
.btn-wrap .bbtn.type-down:before{position:absolute; top:0px; right:0px; width:44px; height:44px; background:url("/images/Potal_/layout/bbtn-att.png") no-repeat center #e55757; content:""; z-index:1;}

.btn-wrap .bbtn.type-view{padding:11px 70px 11px 15px; color:#e55757; border:2px solid #e55757;}
.btn-wrap .bbtn.type-view:before{position:absolute; top:0px; right:0px; width:44px; height:44px; background:url("/images/Potal_/layout/bbtn-view.png") no-repeat center #e55757; content:""; z-index:1;}

@media all and (max-width:1000px){
  .btn-wrap .bbtn{font-size:14px;}

  .btn-wrap .bbtn.type01{padding:10px 50px 10px 15px;}
  .btn-wrap .bbtn.type01:before{right:15px;}

  .btn-wrap .bbtn.type02{padding:10px 50px 10px 15px;}
  .btn-wrap .bbtn.type02:before{right:15px;}

  .btn-wrap .bbtn.type-nw{padding:10px 15px;}

  .btn-wrap .bbtn.type-down{padding:8px 60px 8px 15px;}
  .btn-wrap .bbtn.type-down:before{width:37px; height:37px;}

  .btn-wrap .bbtn.type-view{padding:8px 60px 8px 15px;}
  .btn-wrap .bbtn.type-view:before{width:37px; height:37px;}
}

@media only screen and (max-width:680px) {
  .btn-wrap .bbtn{font-size:13px;}

  .btn-wrap .bbtn.type01{padding:7px 40px 7px 10px;}
  .btn-wrap .bbtn.type01:before{right:10px;}

  .btn-wrap .bbtn.type02{padding:7px 40px 7px 10px;}
  .btn-wrap .bbtn.type02:before{right:10px;}

  .btn-wrap .bbtn.type-nw{padding:7px 10px;}

  .btn-wrap .bbtn.type-down{padding:5px 45px 5px 10px;}
  .btn-wrap .bbtn.type-down:before{width:31px; height:31px;}

  .btn-wrap .bbtn.type-view{padding:5px 45px 5px 10px;}
  .btn-wrap .bbtn.type-view:before{width:31px; height:31px;}
}

.btn-wrap .sbtn{position:relative; font-size:14px; color:#fff; display:inline-block; vertical-align:top;}
.btn-wrap .sbtn:hover{opacity:0.7; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

.btn-wrap .sbtn.type01{padding:10px 24px; background:#333353;}
.btn-wrap .sbtn.type02{padding:10px 24px; background:#4d5bbc;}

.btn-wrap .sbtn.type-nw{padding:10px 20px; background:#373777;}
.btn-wrap .sbtn.type-nw span{padding-right:19px; background:url("/images/Potal_/layout/nww-icon.png") no-repeat right;}

.btn-wrap .sbtn.type-down{padding:8px 20px; color:#e55757; border:2px solid #e55757;}
.btn-wrap .sbtn.type-down span{padding-right:20px; background:url("/images/Potal_/layout/sbtn-att.png") no-repeat right;}

.btn-wrap .sbtn.type-view{padding:8px 20px; color:#e55757; border:2px solid #e55757;}
.btn-wrap .sbtn.type-view span{padding-right:20px; background:url("/images/Potal_/layout/sbtn-view.png") no-repeat right;}

@media all and (max-width:1000px){
  .btn-wrap .sbtn{font-size:13px;}
  .btn-wrap .sbtn.type01{padding:7px 18px;}
  .btn-wrap .sbtn.type02{padding:7px 18px;}

  .btn-wrap .sbtn.type-nw{padding:7px 15px;}

  .btn-wrap .sbtn.type-down{padding:5px 13px;}

  .btn-wrap .sbtn.type-view{padding:5px 13px;}
}

@media only screen and (max-width:680px) {
  .btn-wrap .sbtn{font-size:12px;}
  .btn-wrap .sbtn.type01{padding:5px 10px;}
  .btn-wrap .sbtn.type02{padding:5px 10px;}

  .btn-wrap .sbtn.type-nw{padding:5px 10px;}

  .btn-wrap .sbtn.type-down{padding:3px 10px;}

  .btn-wrap .sbtn.type-view{padding:3px 10px;}
}

/* contin-box */
.contin-box{position:relative; background:#f7f8fc; padding:35px 50px; border:1px solid #d6d6dd; overflow:hidden;}
.contin-box:before{position:absolute; top:0px; left:0px; width:60px; height:60px; background:url("/images/Potal_/layout/contin-before.png") no-repeat center; content:""; z-index:1;}
.contin-box:after{position:absolute; bottom:0px; right:0px; width:60px; height:60px; background:url("/images/Potal_/layout/contin-after.png") no-repeat center; content:""; z-index:1;}
.contin-box.type01{position:relative; padding:35px 40px; background:none; border:1px solid #d6d6dd; border-top:2px solid #373777;}
.contin-box.type01:before{display:none;}
.contin-box.type01:after{display:none;}
.contin-box.type02{position:relative; padding:25px 30px; background:none; border:3px solid #dbdbdb;}
.contin-box.type02:before{display:none;}
.contin-box.type02:after{display:none;}

.contin-box .icon-text{position:relative; padding-left:130px; min-height:100px;}
.contin-box .icon-text:before{position:absolute; top:0px; left:0px; width:100px; height:100px; display:block; background:#000; content:""; border-radius:50%;}
.contin-box .icon-text.graph:before{background:url("/images/Potal_/layout/cb-icon-graph.png") no-repeat center #e3f4ff;}
.contin-box .icon-text.glass:before{background:url("/images/Potal_/layout/cb-icon-glass.png") no-repeat center #e3f4ff;}
.contin-box .icon-text.bubble:before{background:url("/images/Potal_/layout/cb-icon-bubble.png") no-repeat center #e3f4ff;}
.contin-box .icon-text .btxt{font-size:24px; color:#111; font-weight:500;}
.contin-box .icon-text .stxt{font-size:16px; color:#333; font-weight:300; line-height:150%; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}

.contin-box .gtxt{font-size:16px; color:#333; font-weight:500; line-height:120%; letter-spacing:-0.02em; padding-top:7px; overflow:hidden;}
.contin-box .select-btn{overflow:hidden;}
.contin-box .select-btn .chk-select{float:left;}
.contin-box .select-btn .btn{float:left; display:block; padding:0px 15px; text-align:center; line-height:38px; background:#888; font-size:16px; color:#fff; border:none; cursor:pointer;}


@media all and (max-width:1000px){
  .contin-box{padding:25px;}
  .contin-box:before{width:50px; height:50px; background-size:50px;}
  .contin-box:after{width:50px; height:50px; background-size:50px;}
  .contin-box.type01{padding:25px;}
  .contin-box.type02{padding:25px;}

  .contin-box .icon-text .btxt{font-size:19px;}
  .contin-box .icon-text .stxt{font-size:14px}

  .contin-box .gtxt{font-size:15px;}
  .contin-box .select-btn .btn{padding:0px 12px; font-size:15px;}
}

@media only screen and (max-width:680px) {
  .contin-box{padding:15px;}
  .contin-box:before{width:40px; height:40px; background-size:40px;}
  .contin-box:after{width:40px; height:40px; background-size:40px;}
  .contin-box.type01{padding:15px;}
  .contin-box.type02{padding:15px;}

  .contin-box .icon-text{padding-left:60px;}
  .contin-box .icon-text:before{width:50px; height:50px;}
  .contin-box .icon-text.graph:before{background-size:24px;}
  .contin-box .icon-text.glass:before{background-size:28px;}
  .contin-box .icon-text.bubble:before{background-size:28px;}

  .contin-box .icon-text .btxt{font-size:17px;}
  .contin-box .icon-text .stxt{font-size:13px}

  .contin-box .gtxt{font-size:14px; padding-top:0px; padding-bottom:8px; float:none;}
  .contin-box .select-btn{float:none;}
  .contin-box .select-btn .btn{padding:0px 10px; line-height:34px; font-size:14px;}
}

/* imginfo-list.list01 */
.imginfo-list{}
.imginfo-list .list01{border-top:2px solid #333353;}
.imginfo-list .list01 .thead{border-bottom:1px solid #999999; background:#f1f4fa; overflow:hidden; display:flex; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.imginfo-list .list01 .thead .btxt{float:left; font-size:16px; color:#111; padding:12px 0px; line-height:120%; text-align:center; }
.imginfo-list .list01 .thead .btxt.img{width:245px;}
.imginfo-list .list01 .thead .btxt.info{flex:auto;}

.imginfo-list .list01 .items{}
.imginfo-list .list01 .items .item{position:relative; border-bottom:1px solid #d1d1d1; padding:20px 20px 20px 245px; min-height:135px;}
.imginfo-list .list01 .items .item:hover{background:#f2f7fb;}
.imginfo-list .list01 .items .item .img{position:absolute; top:20px; left:30px; width:180px; height:150px; overflow:hidden; display:flex; align-items:center; justify-content: center;}
.imginfo-list .list01 .items .item .img img{width:100%; height:auto;}

@media only screen and (max-width:1000px) {
  .imginfo-list .list01 .thead .btxt{font-size:15px; padding:10px 0px;}
  .imginfo-list .list01 .thead .btxt.img{width:200px;}

  .imginfo-list .list01 .items .item{padding:15px 15px 15px 200px; min-height:120px;}
  .imginfo-list .list01 .items .item .img{top:15px; left:15px; width:160px; height:120px;}
}

@media only screen and (max-width:680px) {
  .imginfo-list .list01 .thead .btxt{font-size:14px;}
  .imginfo-list .list01 .thead .btxt.img{width:160px;}

  .imginfo-list .list01 .items .item{padding:15px 10px 15px 160px; min-height:100px;}
  .imginfo-list .list01 .items .item .img{top:15px; left:10px; width:130px; height:100%;}
}

@media only screen and (max-width:480px) {
  .imginfo-list .list01 .thead{display:none;}
  .imginfo-list .list01 .items .item{padding:15px 10px; min-height:auto;}
  .imginfo-list .list01 .items .item .img{position:relative; top:0px; left:0px; width:100%; height:auto; margin-bottom:10px;}
}

/* page-info */
.page-info{margin-top:70px; border:1px solid #ddd; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.page-info .infos{padding:15px 40px; border-bottom:1px solid #ddd; overflow:hidden;}
.page-info .infos .btxt{font-size:16px; color:#666; margin-right:75px; float:left;}
.page-info .infos .btxt:last-child{margin-right:0px;}
.page-info .infos .btxt strong{position:relative; color:#333; padding-right:10px; margin-right:10px; font-weight:500;}
.page-info .infos .btxt strong:before{position:absolute; top:50%; right:0px; width:1px; height:12px; margin-top:-6px; background:#999; content:""; z-index:1;}

.page-info .satisf{padding:24px 40px; background:#f7f7f7; overflow:hidden;}
.page-info .satisf .txts{width:40%; float:left;}
.page-info .satisf .txts .btxt{font-size:18px; color:#111; margin-bottom:15px; line-height:120%; letter-spacing:-0.02em;}
.page-info .satisf .txts .stxt{font-size:15px; color:#555; line-height:130%; letter-spacing:-0.02em;}

.page-info .satisf .apprai{width:60%; float:right;}
.page-info .satisf .apprai .mark{font-size:0px; margin-bottom:15px;}
.page-info .satisf .apprai .mark .radios{position:relative; margin-right:20px;}
.page-info .satisf .apprai .mark .radios:last-child{margin-right:0px;}
.page-info .satisf .apprai .mark .radios input[type="radio"]{position:relative; width:auto; height:auto; margin:0px; clip:auto;}
.page-info .satisf .apprai .mark .radios input[type="radio"] + label{padding-left:52px;}
.page-info .satisf .apprai .mark .radios input[type="radio"] + label:before{display:none;}
.page-info .satisf .apprai .mark .radios input[type="radio"] + label:after{display:none;}
.page-info .satisf .apprai .mark .radios:nth-child(1):before{position:absolute; top:0px; left:22px; width:24px; height:24px; background:url("/images/Potal_/layout/mark-point05.png") no-repeat center; content:"";}
.page-info .satisf .apprai .mark .radios:nth-child(2):before{position:absolute; top:0px; left:22px; width:24px; height:24px; background:url("/images/Potal_/layout/mark-point04.png") no-repeat center; content:"";}
.page-info .satisf .apprai .mark .radios:nth-child(3):before{position:absolute; top:0px; left:22px; width:24px; height:24px; background:url("/images/Potal_/layout/mark-point03.png") no-repeat center; content:"";}
.page-info .satisf .apprai .mark .radios:nth-child(4):before{position:absolute; top:0px; left:22px; width:24px; height:24px; background:url("/images/Potal_/layout/mark-point02.png") no-repeat center; content:"";}
.page-info .satisf .apprai .mark .radios:nth-child(5):before{position:absolute; top:0px; left:22px; width:24px; height:24px; background:url("/images/Potal_/layout/mark-point01.png") no-repeat center; content:"";}

.page-info .satisf .apprai .input-btn{position:relative; padding-right:76px;}
.page-info .satisf .apprai .input-btn input[type="text"]{width:100%;}
.page-info .satisf .apprai .input-btn .btn{position:absolute; top:0px; right:0px; line-height:38px; font-size:16px; width:76px; text-align:center; background:#333353; color:#fff; z-index:1;}

.page-info .satisf .apprai .input-btn a.btn:focus {border:2px solid #ff4800; padding:1px;}

@media all and (max-width:1600px){
  .page-info{border-left:none; border-right:none;
  }
  .page-info .satisf .apprai .mark .radios{margin-right:7px;}

}

@media all and (max-width:1000px){
  .page-info{margin-top:50px;}
  .page-info .infos{padding:10px 20px;}
  .page-info .infos .btxt{font-size:15px; margin-right:25px;}
  .page-info .infos .btxt strong{padding-right:7px; margin-right:7px;}

  .page-info .satisf{padding:15px 20px;}
  .page-info .satisf .txts{width:100%; float:none; margin-bottom:15px;}
  .page-info .satisf .txts .btxt{font-size:16px; margin-bottom:10px;}
  .page-info .satisf .txts .stxt{font-size:14px;}

  .page-info .satisf .apprai{width:100%; float:none;}
  .page-info .satisf .apprai .mark .radios{margin-right:15px;}

}

@media only screen and (max-width:680px) {
  .page-info{margin-top:30px;}
  .page-info .infos{padding:7px 15px;}
  .page-info .infos .btxt{font-size:13px;  margin-right:0px; float:none;}

  .page-info .satisf{padding:10px 15px;}
  .page-info .satisf .txts .btxt{font-size:14px;}
  .page-info .satisf .txts .stxt{font-size:13px;}

  .page-info .satisf .apprai .mark{margin-bottom:5px;}
  .page-info .satisf .apprai .mark .radios{margin-bottom:10px;}
  .page-info .satisf .apprai .mark .radios input[type="radio"] + label{padding-left:40px;}
  .page-info .satisf .apprai .mark .radios:nth-child(1):before{left:19px; width:18px; height:18px; background-size:18px;}
  .page-info .satisf .apprai .mark .radios:nth-child(2):before{left:19px; width:18px; height:18px; background-size:18px;}
  .page-info .satisf .apprai .mark .radios:nth-child(3):before{left:19px; width:18px; height:18px; background-size:18px;}
  .page-info .satisf .apprai .mark .radios:nth-child(4):before{left:19px; width:18px; height:18px; background-size:18px;}
  .page-info .satisf .apprai .mark .radios:nth-child(5):before{left:19px; width:18px; height:18px; background-size:18px;}

  .page-info .satisf .apprai .input-btn{padding-right:50px;}
  .page-info .satisf .apprai .input-btn .btn{line-height:34px; font-size:13px; width:50px;}

}

/* paging-num */
.msg-wrap{padding-top:20px; text-align:center;}
.msg-wrap:before{display:block; margin:0 auto 40px; content:"";}

.msg-wrap .btxt{font-size:36px; color:#111; letter-spacing:-0.05em; line-height:120%; margin-bottom:20px;}
.msg-wrap .btxt strong{font-weight:600;}
.msg-wrap .stxt{font-size:18px; color:#666; letter-spacing:-0.03em; line-height:140%;}

.msg-wrap.wait:before{width:85px; height:98px; background:url("/images/Potal_/layout/msg-ing.png") no-repeat;}

@media all and (max-width:1000px){
  .msg-wrap:before{margin:0 auto 30px;}

  .msg-wrap .btxt{font-size:32px;}
  .msg-wrap .stxt{font-size:16px;}

  .msg-wrap.wait:before{width:76px; height:88px; background-size:76px;}
}

@media only screen and (max-width:680px) {
  .msg-wrap:before{margin:0 auto 20px;}

  .msg-wrap .btxt{font-size:26px;}
  .msg-wrap .stxt{font-size:12px;}

  .msg-wrap.wait:before{width:68px; height:78px; background-size:68px;}
}

/* paging-num */
.paging-num{text-align:center; font-size:0px; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif;}
.paging-num li{position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; border:1px solid #d1d1d1; border-right:none;}
.paging-num li.first, .paging-num li.prev, .paging-num li.next, .paging-num li.last{border:0}
.paging-num li:nth-last-child(3){border-right:1px solid #d1d1d1;}
.paging-num li a{width:36px; height:36px; display:block; color:#555454; display:block; line-height:36px; font-size:15px; box-sizing:border-box;}
.paging-num li a:hover{color:#111566; text-decoration:underline;}
.paging-num li.active{border-color:#111566;}
.paging-num li.active:before{position:absolute; top:0px; right:-1px; width:1px; height:100%; content:""; background:#111566; z-index:1;}
.paging-num li.active a{font-weight:600; color:#111566; border-color:#111566;}

.paging-num li.first a{background:url("/images/Potal_/layout/paging-first.png") no-repeat center;}
.paging-num li.first a:hover{background:url("/images/Potal_/layout/paging-first.png") no-repeat center;}
.paging-num li.prev{margin-right:8px;}
.paging-num li.prev a{background:url("/images/Potal_/layout/paging-prev.png") no-repeat center; }
.paging-num li.next{margin-left:8px;}
.paging-num li.next a{background:url("/images/Potal_/layout/paging-next.png") no-repeat center;}
.paging-num li.last a{background:url("/images/Potal_/layout/paging-last.png") no-repeat center;}
.paging-num li a img{width:100%; height:100%}
.paging-num.img li:nth-last-child(3){border-right:none;}
.paging-num.img li a img{width:32px; height:32px;}

@media all and (max-width:1000px){
  .paging-num li a{width:32px; height:32px; line-height:32px; font-size:14px;}

  .paging-num.img li a img{width:27px; height:27px;}
}

@media only screen and (max-width:680px) {
  .paging-num li a{width:28px; height:28px; line-height:28px; font-size:13px;}

  .paging-num.img li a img{width:24px; height:24px;}
}


/* 메인 레이어 팝업*/
#main-layer-popup{background:#000; position:fixed; top:250px; left:220px; z-index:999999999; border:2px solid #000; box-shadow:3px 6px 6px rgb(0 0 0 / 20%); color:#fff}
#main-layer-popup .popup-contents{ }
#main-layer-popup .popup-bottom{overflow:hidden; padding:10px; font-size:14px;}
#main-layer-popup .popup-bottom input[type="checkbox"]{float:left;}
#main-layer-popup .popup-bottom .main-popup-close{float:right; color:#fff}

@media screen and (max-width:1000px){
  #main-layer-popup{top:20px !important; left:20px !important;}
}

@media screen and (max-width:680px){
  #main-layer-popup{top:20px !important; left:10% !important; width:80%}
  #main-layer-popup .popup-contents{ max-height:450px!important;}
  #main-layer-popup .popup-contents img{width:100%;}

  #main-layer-popup .popup-bottom{font-size:13px;}
}                                  

.info-box {border:5px solid #ddd; padding:40px; margin-bottom:40px; font-size:18px; font-weight:600; color:#333;}