@charset "utf-8";
@import "reset.css";

body{overflow-y:scroll;}
.ui_wrap{margin:0 auto; position:relative;padding-top:6.5rem; width:1280px;height:calc(100% - 6.5rem);  text-align:center}
h1{float:left;margin:1rem;color:#4773d2;font-size:2.5rem;font-weight:bold;line-height:2.5rem;height:2.5rem;}
h2{float:left;width:100%;color:#000;font-size:2.5rem;font-weight:bold;text-align:left;padding:3rem 0 0 0;vertical-align:middle; line-height:4rem; margin-bottom:2rem}
h2 img{width:3.2rem;vertical-align:top; margin-right:1rem}
.mgt6{margin-top:6rem;}
button {display:inline-block;width:20rem;border-radius:0.5rem;color:#fff;font-size:1.75rem;height:4.5rem; background:#3559ae; margin:1rem}
.btn{width:10rem;height:2.5rem;border-radius:1rem;color:#fff;font-size:1.2rem;line-height:2.5rem;vertical-align:top;background:#ee214a}
.btn_group{width:100%; text-align:center}
.sbtn{width:10rem;border-radius:0.5rem;color:#fff;font-size:1.2rem;height:3.5rem; background:#3559ae; margin:1rem}
.cbtn{width:6rem;border-radius:0.5rem;color:#fff;font-size:1.2rem;height:3.5rem; background:#4773d2; margin:0}
.active {background:#d4e9ee}
.blue{background:#238dcd}
.green{background:#21c4ab}
.pink{background:#EF5759}
.white{background:#fff; color:#555; border:1px solid #ccc}
.gray{color:#4c4c4c;background:#e2e2e2}
.red{background:#e73535}

/* input */
input[type="text"]{padding:1rem;width:100%;height:3.5rem;border:0px solid #e2e2e2;border-radius:5px;box-sizing:border-box;color:#050505;font-size:1.5rem;background:#ecf4f8}
input[type="text"][readonly]{color:#000; background:#fff}

/* select */
.ui_select{max-width:20rem;min-width:15rem;}
.ui_select select{overflow:hidden;padding:0 2rem 0 1rem;height:3.5rem;border:1px solid #e2e2e2;border-radius:0.5rem;box-sizing:border-box;color:#4b6db5;color:#4b6db5;font-size:1.5rem;font-size:1.5rem;text-overflow:ellipsis;white-space:nowrap;-webkit-padding-end:3rem !important;-webkit-padding-start:1rem !important;width:100%}
.ui_select:after{display:block;position:absolute;top:50%;right:1.3rem;margin-top:-0.3rem;width:1rem;height:0.6rem;background:url("../images/ico_select.png") no-repeat 0 50%;background-size:1rem auto;content:""}
.ui_select{display:inline-block;position:relative;vertical-align:top}

/* header */
header{position:fixed;top:0;right:0;left:0;z-index:10;padding:1rem 3rem 1rem;border-bottom:1px solid #e0e0e0;box-sizing:border-box;background:#fff;width:100%; min-width:1280px}
header:after{display:table;clear:both;content:"";table-layout:fixed}
header .close{display:inline-block
;float:right;height:2.4rem;}
header .close img{width:auto;height:18px;}
header .nav{float:left; margin:1rem;}
header .nav li{float:left;padding:0 1rem;color:#050505;font-size:1.2rem;height:2.5rem;line-height:2.5rem; vertical-align:top; text-transform:uppercase}
header .nav li+li{margin-left:0.2rem}
header .nav li.on{border-radius:1.5rem;background:#4773d2;color:#fff}
header .nav li.arrow{width:1.5rem; text-align:center;}
header .nav li img{width:1.5rem; line-height:3rem; opacity:0.5}
header .btn_top{float:right;}
header .btn_top button.prev{width:10rem;height:2.5rem;border-radius:0.3rem;border:solid #ccc 1px; color:#666;font-size:1.2rem;line-height:2.5rem;vertical-align:top;background:#ebebeb}
header .btn_top button.endsale{width:10rem;height:2.5rem;border-radius:0.3rem;border:solid #000 1px; color:#fff;font-size:1.2rem;line-height:2.5rem;vertical-align:top;background:#555}

/* container */
.container{position:relative;margin:0 auto; padding:1rem 0 15rem;height:100%;box-sizing:border-box;text-align:center; width:1100px;}

/* table */
.tbl_wrap{margin:0 auto; margin-bottom:2rem; width:100%;}
.tbl_wrap table{width:100%;font-size:1.5rem;border-collapse:collapse;table-layout:fixed !important;}
.tbl_wrap table thead th{height:2.5rem;outline:none;font-weight:bold;text-align:left;vertical-align:middle; color:#4773d2;padding-top:0rem;text-transform:uppercase}
.tbl_wrap table thead th:before{display:inline-block;margin-right:0.4rem;width:0.6rem;height:0.6rem;vertical-align:middle;border-radius:0.5rem;background:#4773d2;content:"";}

.tbl_wrap table thead th span{color:#555; padding-left:1rem; font-weight:normal;}
.tbl_wrap table tbody{background:#fff;}
.tbl_wrap table tbody th{border:1px solid #ccc;outline:none;text-align:center;}
.tbl_wrap table tbody tr td{height:2.5rem}
.tbl_wrap table tbody tr:first-child td{border-top:1px solid #000;}
.tbl_wrap table tbody td{padding:1rem 2rem;border:1px solid #ccc; border-left:0; border-right:0; text-align:left}
.tbl_wrap table tbody td.title{color:#000;font-weight:bold; background:#e3e3e3;}
.tbl_wrap table tbody td.info{color:#000; }
.tbl_wrap .pno{ width:28%; margin-left:7px;margin-right:7px}
.tbl_wrap .pno:first-child{margin-left:0}
.tbl_wrap .pno:last-child{margin-right:0}


/* login_wrap */
.login_wrap{margin:10% auto; position:relative;width:900px;height:auto;text-align:center; border-radius:25px;box-sizing:border-box;background:#fff;box-shadow: -2.8px 6.4px 7px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #cccccc;}
.login_wrap:before{display:block;position:absolute;top:0;left:0;width:100%;height:294px;border-radius:25px 25px 0 0;box-sizing:border-box;background:#4773d2 url("../images/img-intro.png") no-repeat 0 0;background-size:900px auto;content:""}
.login_wrap:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:3.3rem;border-radius:0 0 25px 25px;box-sizing:border-box;box-shadow: -2.8px 6.4px 7px 0 rgba(0, 0, 0, 0.03);background:#4773d2 url("../images/logo-intro.png") no-repeat 96% 50%;background-size:40px auto;content:""}
.login_wrap div.box {position:relative;margin:0 auto; padding:7rem 0 4rem 0;height:100%;box-sizing:border-box;text-align:center; width:900px;}
.login_wrap ul{float:right; width:50%; text-align:left}
.login_wrap li{padding:0.5rem; letter-spacing:0;color:#0c358e; font-weight:bold; font-size:1.2rem}
.login_wrap li.title{font-size:3.5rem;color:#fff; font-weight:100;}
.login_wrap li.title strong{font-weight:900; padding-right:0.8rem}
.login_wrap li.sub_tit{font-size:1.5rem;color:#ecf4f8;color:#fff; font-weight:300;letter-spacing:-0.05rem; text-transform:uppercase}
.login_wrap button {display:inline-block;width:25rem;height:4.5rem;border-radius:0.5rem;color:#4773d2;font-size:1.75rem;font-weight:bold; background:#fff;box-shadow: -2.8px 6.4px 7px 0 rgba(0, 0, 0, 0.3);margin:2rem 0 }
.login_wrap button:hover{ background:#638fed; color:#fff}
.login_wrap div.tbl_wrap{display:inline-block;padding:0;width:840px;background:#fff;margin-bottom:1rem;margin-top:5.5rem}
.login_wrap div.tbl_wrap table{border-collapse:collapse;table-layout:auto !important;}
.login_wrap div.tbl_wrap table td.info{ width:38%}
.login_wrap .cbtn{width:7rem;border-radius:0.5rem;color:#fff;font-size:1.2rem;height:3.3rem; background:#4773d2; margin:0; box-shadow:none}

/* stt_wrap */
.stt_wrap{display:flex;margin-bottom:2.5rem;justify-content:space-between;width:100%;}
.stt_wrap .item{position:relative;padding:2.5rem 2.5rem 3.5rem 2.5rem;width:100%;border-radius:6px;box-sizing:border-box;background:#fff;flex:1 1 calc((100% - 6rem) / 3)}
.stt_wrap .item:after{display:block;position:absolute;right:2.5rem;top:4.7rem;width:3rem;height:3rem;background:url("../images/date_right.png") no-repeat 50% 50%;background-size:3rem;content:""}
.stt_wrap .item+.item{margin-left:3rem}
.stt_wrap .item dl{float:left; text-align:left}
.stt_wrap .item dl dt{margin-bottom:1rem;font-size:1.2rem; color:#fff}
.stt_wrap .item dl dd{color:#fff;font-size:2.5rem;}
.stt_wrap .item dl dd span{padding-left:0.5rem;font-size:1.5rem}

.stt_wrap .item:nth-child(1) {background:#6c8cd2; border-radius:10px 50px 10px 10px}
.stt_wrap .item:nth-child(2) {background:#4773d2; border-radius:10px 50px 10px 10px}
.stt_wrap .item:nth-child(3) {background:#000; border-radius:10px 10px 10px 10px}

.stt_wrap .item:nth-child(3):after {background:none}

/* stt_wrap1 */
.stt_wrap1{display:flex;margin-bottom:4.3rem;justify-content:space-between;width:100%;}
.stt_wrap1 .item{position:relative;padding:0;width:100%;height:36rem;border-radius:6px;box-sizing:border-box;background:#fff;flex:1 1 calc((100% - 6rem) /3);box-shadow: -2.8px 6.4px 7px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #cccccc;}
.stt_wrap1 .item+.item{margin-left:3rem}
.stt_wrap1 .item ul {padding:6rem 2rem}
.stt_wrap1 .item ul li{font-size:1.5rem; text-align:center; line-height:2rem}
.stt_wrap1 .item ul li span{float:left;font-size:1.5rem;color:#000;font-weight:bold;margin-top:1rem; margin-bottom:0.5rem; padding-left:2rem}
.stt_wrap1 .item li:first-child {padding:1.5rem 0 3rem 0}
.stt_wrap1 .item li.canvas_box {height:7.5rem;}
.stt_wrap1 .item li.canvas_box canvas{position:absolute;left:12rem;width:300px; height:100px;}
.stt_wrap1 .item input {width:90%;background:#cedaf3;height:4.5rem; font-size:1.75rem; letter-spacing:0}
.stt_wrap1 .item p{font-size:1.5rem;}
.stt_wrap1 .item li.load_box {height:10rem;padding-top:2rem}

.stt_wrap1 div.dft ul {height:8rem;background:url("../images/ico-none.png") no-repeat 14% 46%;background-size:80px;}
.stt_wrap1 div.pass ul {height:8rem;background:url("../images/ico-pass.png") no-repeat 14% 46%;background-size:80px;}
.stt_wrap1 div.pass li.title {color:#000; font-size:2rem; text-align:left;padding:1.3rem 0;margin-left:11rem;line-height:2.5rem}
.stt_wrap1 div.pass li strong {color:#4773d2; font-size:2.5rem; font-weight:bold}
.stt_wrap1 div.fail ul {height:9rem;background:url("../images/ico-fail.png") no-repeat 14% 46%;background-size:80px;}
.stt_wrap1 div.fail li.title {color:#000; font-size:2rem; text-align:left;padding:0;margin-left:11rem;line-height:2.5rem}
.stt_wrap1 div.fail li strong {color:#b93434; font-size:2.5rem; font-weight:bold}
.stt_wrap1 div.fail li.failword {text-align:left;padding:0 0.5rem;margin-left:11rem;margin-top:1rem}
.stt_wrap1 .item .failword button {border-radius:1.5rem; background:#e73535; height:3rem;color:#fff;font-size:1.4rem; width:auto; padding:0 1.7rem; margin:0}

.stt_btn{position:absolute;bottom:2rem;width:100%; text-align:center; }
.stt_btn button+button{margin-top:0;}
.item button.btn{display:inline-block;border-radius:5px; border:2px solid #4773d2; background:#fff; color:#4773d2; width:80%;font-size:1.5rem;height:4.5rem;font-weight:bold;margin:0 0 0.8rem 0;}
.item button.btn.red{color:#fff;background:#b93434; border:0;}
.item button.btn.white{color:#000;background:#fff; border:1px solid #999;height:4.3rem;}
.item button.btn.white2{color:#000;background:#fff; border:1px solid #999;height:4.3rem;width:39%;}
.item button.btn.blue{color:#fff;background:#3559ae; border:0}
.item button.btn.gray{color:#555; background:#fff;border:2px solid #ccc;}
.keyword_all{float:right;width:auto;border-radius:0.5rem;border:1px solid #3559ae;color:#3559ae;font-size:1.2rem;height:3.5rem; background:#e8efff; margin:0; letter-spacing:0; padding:0 1.5rem;}

/* ocr_wrap */
.ocr_wrap{display:flex;margin-bottom:2.5rem;justify-content:space-between;width:100%;}
.ocr_wrap .item{position:relative;padding:2.5rem 2.5rem 3.5rem 2.5rem;width:100%;border-radius:6px;box-sizing:border-box;background:#fff;flex:1 1 calc((100% - 6rem) / 2)}
.ocr_wrap .item:after{display:block;position:absolute;right:2.5rem;top:4.7rem;width:3rem;height:3rem;background:url("../images/date_right.png") no-repeat 50% 50%;background-size:3rem;content:""}
.ocr_wrap .item+.item{margin-left:3rem}
.ocr_wrap .item dl{float:left; text-align:left}
.ocr_wrap .item dl dt{margin-bottom:1rem;font-size:1.2rem; color:#fff}
.ocr_wrap .item dl dd{color:#fff;font-size:2.5rem;}
.ocr_wrap .item dl dd span{padding-left:0.5rem;font-size:1.5rem}
.ocr_wrap .item:nth-child(1) {background:#4773d2; border-radius:10px 50px 10px 10px}
.ocr_wrap .item:nth-child(2) {background:#000; border-radius:10px 10px 10px 10px}
.ocr_wrap .item:nth-child(2):after{background:none}

/* ocr_wrap1 */
.ocr_wrap1{display:flex;margin-bottom:4.3rem;justify-content:space-between;width:100%;}
.ocr_wrap1 .item{position:relative;padding:0;width:100%;height:36rem;border-radius:6px;box-sizing:border-box;background:#fff;flex:1 1 calc((100% - 6rem) /2);box-shadow: -2.8px 6.4px 7px 0 rgba(0, 0, 0, 0.03);
  border: solid 1px #cccccc;}
.ocr_wrap1 .item+.item{margin-left:3rem}
.ocr_wrap1 .item ul {margin:0 auto;padding:4rem 0; width:80%}
.ocr_wrap1 .item ul li{text-align:center; color:#000;font-size:1.5rem;line-height:2.5rem;}
.ocr_wrap1 .item ul li:nth-child(3){margin:1rem 0; text-align:left}
.ocr_wrap1 .item ul li:nth-child(4){margin:0.5rem 0; text-align:left}
.ocr_wrap1 .item ul li.guide {font-weight:100;font-size:2rem; margin-top:0;text-align:left}
.ocr_wrap1 .item ul li.guide:before{display:inline-block;margin-right:0.4rem;width:0.6rem;height:0.6rem;vertical-align:middle;border-radius:0.5rem;background:#000;content:"";}
.ocr_wrap1 .item button.upload{font-size:1.5rem;font-weight:bold;background:#555;color:#fff; width:13rem; padding:0 1.7rem; margin:0; border:1px solid #000;}
.ocr_wrap1 .item button.disabled {border:1px solid #9a9a9a;background:#cbcacb;cursor:default; font-size:1.5rem;font-weight:bold; width:13rem; padding:0 1.7rem; margin:0;}
.ocr_wrap1 .item input {width:26rem;background:#cedaf3;height:4.5rem; font-size:1.75rem; letter-spacing:0; margin-left:1rem;font-weight:normal}
.ocr_wrap1 strong {font-weight:900}
.ocr_wrap1 li.chk_box{display:flex;margin-bottom:4.3rem;margin-top:1rem;justify-content:space-between;width:100%;height:18.5rem;padding-bottom:9rem}
.ocr_wrap1 .chk{position:relative;padding:0;width:100%;height:auto;box-sizing:border-box;background:#555;flex:1 1 calc((100% - 6rem) /2);border-radius:0.5rem 0.5rem 0.5rem 0.5rem;border: solid 1px #555;}
.ocr_wrap1 .chk+.chk{margin-left:1.8rem}
.ocr_wrap1 .chk img{width:100%;height:calc(100% - 5.5rem);border-radius:0 0 0.5rem 0.5rem;}
.ocr_wrap1 div.pass {background:#e8efff; height:auto}
.ocr_wrap1 div.pass li,.ocr_wrap1 div.fail li  {text-align:left}
.ocr_wrap1 div.pass li.title {color:#4773d2;font-weight:300; line-height:3rem;font-size:2.5rem;}
.ocr_wrap1 div.fail {background:#f1e4e4; height:auto}
.ocr_wrap1 div.fail li.title {color:#b93434;font-weight:300; line-height:3rem;font-size:2.5rem;}
.ocr_wrap1 div.chk p.pass{font-size:1.5rem;color:#fff;font-weight:bold;padding:1.5rem;background:#555 url("../images/ico-pass.png") no-repeat 90% 50%;background-size:4rem;content:""}
.ocr_wrap1 div.chk p.fail{font-size:1.5rem;color:#fff;font-weight:bold;padding:1.5rem;background:#555 url("../images/ico-fail.png") no-repeat 90% 50%;background-size:4rem;content:""}

/* card_wrap */
.card_wrap{display:inline-block;margin-bottom:3rem}
.card_wrap .item{position:relative;display:inline-block;padding:0;border-radius:10px;box-sizing:border-box;float:left;width:860px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.16);border:solid 1px #5187ba; background:#fff}
.card_wrap .item:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:0.7rem;border-radius:0 0 10px 10px;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.16);box-sizing:border-box;background:#548bbc;content:""}
.card_wrap .item div.title{font-size:1.75rem;font-weight:bold; color:#fff;text-align:left; text-shadow:0 0 5px 0 rgba(0, 0, 0, 0.4);background:#548bbc;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);padding:3rem 3.5rem;border-radius:10px 10px 0 0;letter-spacing:0}
.card_wrap .item p.list_txt{float:right;width:43%;font-size:1.25rem;text-align:left;color:#00437e;line-height:2rem;padding:0 4rem 0 2rem;margin:2.5rem 0;overflow-y:auto;max-height:130px}
dl.list{float:left;width:40%;color:#000;font-size:1.25rem; line-height:2rem; text-align:left;letter-spacing:0;padding:0 3.5rem;margin:2.5rem 0;border-right:1px solid #5187ba;}
dl.list:after{display:table;clear:both;content:"";table-layout:fixed}
dl.list dt{display:block;float:left;clear:both;padding:0rem 0;width:13rem;font-weight:bold}
dl.list dt:before{display:inline-block;margin-right:0.6rem;width:0.4rem;height:0.4rem;vertical-align:middle;border-radius:0.5rem;background:#000;content:"";}
dl.list dd{display:block;float:left;padding:0rem 0;border-top:1px solid #ccc;}
dl.list dt:first-child,
dl.list dd:nth-child(2){border-top:0}
dl.list dd span{font-weight:bold;margin:0 1rem; }
.card_wrap .radio_box{float:right;width:190px;border:solid 1px #244fab; border-radius:10px; text-align:left;text-indent:3.5rem;padding:1.5rem 0;line-height:4.8rem}
.card_wrap label{ display: block; cursor: pointer;font-size:1.5rem; font-weight:bold;width:45px; height:45px}
.card_wrap .label_radio    {background: url(../images/radio-off.png) no-repeat 95% 50%;width:150px;}
.card_wrap label.r_on      {background: url(../images/ico-pass.png) no-repeat 95% 50%;background-size:45px auto}
.card_wrap .label_radio input  {margin-right:5px; position: absolute;
left: -9999px; }
.card_wrap .btn_group{float:right;width:190px; text-align:center; margin:1rem 0}
.card_wrap .btn_group button.sales{width:190px;display:block;background:#ccc;border-radius:0.5rem;color:#8d8d8d;font-size:1.75rem;height:6.5rem; margin:0;}
.card_wrap .btn_group button.active{width:190px;display:block;background:#244fab;border-radius:0.5rem;color:#fff;font-size:1.75rem;height:6.5rem; margin:0;}

/* success */
.success {position:relative;margin:0 auto;padding:2rem 0 0 0;height:25rem;box-sizing:border-box;text-align:center; width:100%;}
/*.success:before{display:block;position:absolute;top:1rem;left:3rem;width:160px;height:25rem;box-sizing:border-box;background:url("../images/img-success.png") no-repeat 0 30%;background-size:100px auto;content:""} */
.success ul{ width:100%; text-align:center;margin-top:4rem; background:none;}
.success ul li:first-child {height:55px;background:url("../images/img-success.png") no-repeat 30% 0;background-size:100px auto;padding-top:35px;padding-left:50px;}
.success li{padding:0.5rem; letter-spacing:0;color:#4773d2; font-weight:100; font-size:2.5rem; line-height:2.8rem}
.success li strong{font-weight:bold; padding-right:0.8rem}
.success button {width:25rem;margin:1rem 0;}
.success button.kakao{font-weight:bold;color:#3d3035; background:#f0dd0a url("../images/logo_kakao.png") no-repeat 75% 50%;background-size:30px;margin-left:1rem;text-indent:-20px}

/* analysis */
section { background:none; width: 100%; opacity: 0; }
  section.loaded {transition: opacity 0.25s linear;opacity: 1; }
  section .loaders {width: 100%; box-sizing: border-box; display: flex;flex: 0 1 auto;flex-direction: row;flex-wrap: wrap; padding:2rem}
    section .loaders .loader {box-sizing: border-box;display: flex;flex: 0 1 auto;flex-direction: column;flex-grow: 1;flex-shrink: 0;flex-basis: 25%;height: 30px;align-items: center;justify-content: center; }

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }
  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.ball-pulse > div:nth-child(1) {
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(2) {
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div:nth-child(3) {
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); }

.ball-pulse > div { background-color: #4773d2; width: 15px; height: 15px;  border-radius: 100%;  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }


/* footer */
footer{position:fixed;bottom:0;right:0;left:0;z-index:10;padding:1rem ;box-sizing:border-box; background:#ebebeb; min-width:1280px;}
footer .sinfo{float:left;}
footer .sinfo li{float:left;padding:0 2rem; color:#777;font-size:1.5rem;line-height:2rem}
footer .sinfo li+li{margin-left:1rem}
footer img{width:60px;}

/* modal */
.black{width: 100%;height: 100%;background: rgba(0,0,0,0.4);position:fixed;top: 0;left: 0;}
.xbtn1{display:inline-block;position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;font-size:0;line-height:0;background:url("../images/ico_modalclose_blue.png") no-repeat 50% 50%;background-size:2rem 2rem}
.xbtn2{display:inline-block;position:absolute;top:2rem;right:2rem;width:2rem;height:2rem;font-size:0;line-height:0;background:url("../images/ico_modalclose.png") no-repeat 50% 50%;background-size:2rem 2rem}
.btn_group{width:100%; text-align:center;}


/* modal_kservice */
.modal_kservice{position: fixed;top:40%;left:0;width: 100%;height:auto;display:none;z-index:998 !important}
.modal_kservice .m_body{width: 100%;height: 100%;display: flex; justify-content:center;align-items: center;}
.modal_kservice .m_box{width: 35rem;height:auto;border-radius:0.5rem;background:#fff; padding-bottom:2rem;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;z-index:999 !important}
.modal_kservice .m_box .m_title{position:relative;width:100%; border-radius:0.5rem 0.5rem 0 0;background:none;padding:2rem 0 2rem 0;}
.modal_kservice .m_box .m_title h1{display:none}
.modal_kservice .m_box .m_contents{width:80%;background:#fff;padding:0; font-size:2rem;line-height:2.8rem;color:#000;text-align:center;padding:3rem 2rem;}

/* modal_endsale */
.modal_endsale{position: fixed;top:40%;left:0;width: 100%;height:auto;display:none;z-index:998 !important}
.modal_endsale .m_body{width: 100%;height: 100%;display: flex; justify-content:center;align-items: center;}
.modal_endsale .m_box{width: 35rem;height:auto;border-radius:0.5rem;background:#fff; padding-bottom:2rem;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;z-index:999 !important}
.modal_endsale .m_box .m_title{position:relative;width:100%; border-radius:0.5rem 0.5rem 0 0;background:none;padding:2rem 0 2rem 0;}
.modal_endsale .m_box .m_title h1{display:none}
.modal_endsale .m_box .m_contents{width:80%;background:#fff;padding:0; font-size:2rem;line-height:2.8rem;color:#000;text-align:center;padding:3rem 2rem;}

/* modal_keyword */
.modal_keyword{position: fixed;top:15%;left:0;width: 100%;height:auto;display:none;z-index:998 !important}
.modal_keyword .m_body{width: 100%;height: 100%;display: flex; justify-content:center;align-items: center;}
.modal_keyword .m_box{width: 70rem;height:auto;border-radius:0.5rem;background:#fff; padding-bottom:2rem;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;z-index:999 !important}
.modal_keyword .m_box .m_title{position:relative;width:100%; border-radius:0.5rem 0.5rem 0 0;background:#4773d2;padding:2rem 0 2rem 0;}
.modal_keyword .m_box .m_title h1{margin-left:3rem; border-radius:0.5rem 0.5rem 0 0;color:#fff;font-size:2rem}
.modal_keyword .m_box .m_contents{width:64rem;border-radius:0 0 0.5rem 0.5rem;background:#fff;border:0px solid #ebebeb;padding:3rem 0 1.6rem 0;text-align:center;}
.modal_keyword p{font-size:1.5rem; text-align:left}
.modal_keyword p strong{color:#EF5759}
.modal_keyword p em{font-weight:bold; padding:0 1rem;border-radius:24px; box-sizing:border-box; color:#fff;font-size:1.5rem; background:#EF5759; letter-spacing:1px;text-align:center; margin-left:1rem}
.modal_keyword .keyword{margin-top:2rem; margin-bottom:0.5rem;min-height:15rem;max-height:40rem; overflow-y:auto}
.modal_keyword .keyword li{position:relative;display:inline-block;padding:1.5rem 1.5rem; border-radius:15px; box-sizing:border-box; font-size:2rem;color:#000;background:#ebebeb;text-align:center;margin:0.8rem 0.8rem 0.8rem 0 }
.modal_keyword .keyword li+li{margin-left:0.5rem}

/* modal_popup */
.modal_popup{position: fixed;top:10%;left:0;width: 100%;height:auto;display:none;z-index:998 !important}
.modal_popup .m_body{width: 100%;height: 100%;display: flex; justify-content:center;align-items: center;}
.modal_popup .m_box{width: 70rem;height:auto;border-radius:0.5rem;background:#fff; padding-bottom:2rem;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;z-index:999 !important}
.modal_popup .m_box .m_title{position:relative;width:100%; border-radius:0.5rem 0.5rem 0 0;background:#4773d2;padding:2rem 0 2rem 0;}
.modal_popup .m_box .m_title h1{margin-left:3rem; border-radius:0.5rem 0.5rem 0 0;color:#fff;font-size:2rem}
.modal_popup .m_box .m_contents{width:70rem;border-radius:0 0 0.5rem 0.5rem;background:#fff;border:0px solid #ebebeb;padding:1rem 0 1rem 0;text-align:center;min-height:15rem;max-height:57rem; overflow-y:auto}
.modal_popup img{width:100%;}

/* modal_all */
.modal_all{position: fixed;top:15%;left:0;width: 100%;height:auto;display:none;z-index:998 !important}
.modal_all .m_body{width: 100%;height: 100%;display: flex; justify-content:center;align-items: center;}
.modal_all .m_box{width: 50rem;height:auto;border-radius:0.5rem;background:#fff; padding-bottom:2rem;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;z-index:999 !important}
.modal_all .m_box .m_title{position:relative;width:100%; border-radius:0.5rem 0.5rem 0 0;background:#4773d2;padding:2rem 0 2rem 0;}
.modal_all .m_box .m_title h1{margin-left:3rem; border-radius:0.5rem 0.5rem 0 0;color:#fff;font-size:2rem}
.modal_all .m_box .m_contents{width:44rem;border-radius:0 0 0.5rem 0.5rem;background:#fff;border:0px solid #ebebeb;padding:3rem 0 1.6rem 0;text-align:center;}
.modal_all p{font-size:1.5rem; text-align:left}
.modal_all p strong{color:#EF5759}
.modal_all p em{font-weight:bold; padding:0 1rem;border-radius:24px; box-sizing:border-box; color:#fff;font-size:1.5rem; background:#EF5759; letter-spacing:1px;text-align:center; margin-left:1rem}
.modal_all .keyword{margin-top:2rem; margin-bottom:0.5rem;min-height:15rem;max-height:40rem; overflow-y:auto}
.modal_all .keyword li{position:relative;display:inline-block;width:18rem;padding:1.5rem 1.5rem; border-radius:15px; box-sizing:border-box; font-size:2rem;color:#000;background:#ebebeb;text-align:center;margin:0.8rem 0.8rem 0.8rem 0 }
.modal_all .keyword li+li{margin-left:0.5rem}