/* root */
:root {
  --bg-color-primary: #fb3cab;
  --text-color-primary: #fff;
  --text-color-secondary: #fb3cab;
}
::placeholder, .uk-select, .ui-input {font-family: 'SUITE';  font-weight: 600 !important; }
::placeholder, .uk-select { font-size: 15px !important; color:#858487;}
option:disabled {font-size: 18px; color: #858487;}
p, *+p {margin:0;font-weight: 500;}
ul {margin-top: 5px;}
#template {display: none;}
.ui-touch-input::placeholder {font-size: 53px !important; }
.err {font-size: 12px; color: #ff0000;}
.uk-button-asean {background-color: #ffa4e5 ; color: #fff; font-weight: 800;}
/* .template {display: none;} */
.ui-text-default {font-size:18px; font-weight: 600; }
.ui-text-question {font-size:22px;margin-top: 30px;}

.uk-tab {max-width: 780px; margin: 0 auto;}

.ui-btn { color:#111;border:2px solid #ffa4e5;padding: 5px 20px;font-size:16px;font-weight: 800;}
.ui-btn-submit, .ui-btn-next, .ui-btn-back {background-color: #ffa4e5;}
.ui-btn-submit:hover, .ui-btn-next:hover {background-color: transparent; border: 2px double #ffa4e5; color:#ffa4e5; }
.ui-btn-secondary {background-color: #111; width: 340px; vertical-align: middle; text-align: center; border: 1px solid #fff;}

.ui-forum .ui-btn-submit {width: 250px;}
.ui-forum .ui-complete-title {font-size: 43px; color: #ffa4e5; font-weight: 900; line-height: 53px;}
.ui-forum .ui-complete-subtitle {margin-top: 60px; color: #ffa4e5; font-size: 16px;}

.ui-concert .ui-btn{border-color: #306fd7; color:#fff; display: block; margin: 0 auto; background-color: #306fd7;}
.ui-concert .ui-btn2{border-color: #ffa4e5; color:#fff; display: block; margin: 0 auto; background-color: #ffa4e5;}
.ui-concert .ui-btn-submit {width: 240px; line-height: 34px; background-color: #306fd7;}
.ui-concert .ui-btn-submit:hover, .ui-concert .ui-btn-next:hover {background-color: transparent; border-color:#306fd7; color:#306fd7; }

.ui-radio-btn {display: inline-block; font-size: 12px; height:30px;text-align: center; padding:0; line-height: 30px;cursor:pointer;background-color: #FFF; border: 3px double #FFF;  background-clip: content-box;}
/* .ui-radio-btn-medium {background-image: url(/assets/image/bg_btn.png);width:175px;} */
.ui-radio-btn:hover, .ui-radio-btn.ui-active {border-color:#ffa4e5; background-color: transparent;color: #ffa4e5;}
.ui-radio-btn.medium {width: 175px;}
.ui-radio-btn.large {width: 275px;} 
.ui-radio-btn input[type='radio'] {display:none ;}

.ui-ico {position: absolute; }
.ui-ico-top-left {top: -15px; left: -13px;}
.ui-ico-top-right {top: -15px; right: -13px;}
.ui-ico-bottom-left {bottom: -15px; left: -13px;}
.ui-ico-bottom-right {bottom: -15px; right: -13px;}


.ui-header {height: 150px;background-image: url(/assets/image/bg_tp.jpg); background-size: cover ; background-repeat:no-repeat; background-position:  center;padding: 25px 30px; }
.ui-section {position:relative; width: 100%; background-image: url(/assets/image/bg_bt.jpg); background-size: cover; background-repeat:  no-repeat; background-position:  center;}
.ui-section .ui-content {position: relative;}

.ui-content {width: auto; height: auto; padding: 30px; min-height: 400px;}
.ui-content .ui-deco-tr {position: absolute; top: 80px; right: 30px;}
.ui-content .ui-deco-bl {position: absolute; bottom: 40px;}
.ui-form {margin: auto; color: #FFF;text-align:center; padding: 50px 0;}
.ui-session-table {max-width: 721px;margin: 0 auto;}

.ui-label {width:140px; box-sizing: border-box;background-color: #111; font-weight: 800; color:#111; float:left; height: 35px; padding: 1px; line-height:14px; border: 1px double #efeef3;}
.ui-label span {display: flex; justify-content: center; align-items: center; background-color: #efeef3; width: 100%; height: 100%;}

/* .ui-label.residency, .ui-concert .ui-select.residency {height: 50px;} */
.ui-input#firstname {width: 255px;}
.ui-input#lastname {width: 180px;}
.ui-form-control {margin-left: 150px;text-align: left;}
.ui-form-control .ui-select.seat {width: 70px;}
.ui-form-control .ui-select.residency {color: #858487;height: 50px;}
.ui-select, .ui-input {font-size: 18px; font-weight: 600;line-height: 30px; height: 35px;box-sizing: border-box; padding: 0 15px; outline: none;border: 1px solid #b6b8c9;background-color: #efeef3;width: 100%;}

.ui-dot-board {border: 1px dotted #306fd7; padding: 10px; border-radius: 15px;}
.ui-message-board {margin: 30px auto; max-width: 900px;}
.ui-message-board>div {border: 1px solid #306fd7;padding: 40px 30px; border-radius: 10px;}
.ui-message-board>div>p {font-size: 21px; font-weight: 400; margin-top: 40px;}
.ui-message-board.confirm>div>p {margin-top: 0;}
.ui-message-board.confirm>div>p:first-child {font-size: 28px;font-weight: 700;margin-bottom: 20px;line-height:28px;}
.ui-complete .ui-deco-tr {top: 280px;}

.ui-map {height: 1000px; width: 1200px; margin: 0 auto;}
.ui-map-inner {position: absolute;width: 1200px; height: 1000px;}
.ui-center {width: 600px; height:600px;position:absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.ico {position: absolute;}
.ico.circle {border-radius: 1000px;}
.ico.center {top:50%; left:50%;transform: translate(-50%, -50%);}
.ico.circle-dashed { width:420px; height: 420px; border: 4px dashed #eaeaea;  }
.ico.circle-gray { width:400px; height: 400px; background-color: #eaeaea;  }
.ico.circle-white {width:200px; height: 200px; background-color: #fff; font-size: 30px; font-weight: 900; transition: all .3s cubic-bezier();}
.ico.circle-line { width:300px; height: 300px;}
.ico.circle-white .inner {width: 200px;}

.ico .inner {display:flex; justify-content: center; align-items: center;}
.ico.inner-circle-white {position:absolute; width:90px; height:90px; background-color: #fff;font-size: 16px;text-align:center;font-weight: 800;letter-spacing: -0.04rem; line-height: 1.2;box-shadow: 5px 5px 10px #333;}

.ico.keyword {width: 130px; height: 130px; }
.ico.circle-01 {background-color: #ffa4e5; top: 20px; left: 236px; } /* 534*/
.ico.circle-02 {background-color: #80c0ff; top: 125px; left: 420px;  }
.ico.circle-03 {background-color: #f2666f; top: 345px; left: 420px;  }
.ico.circle-04 {background-color: #5bbece; top: 450px; left: 234px;   }
.ico.circle-05 {background-color: #ea7c4d; top: 345px; left: 50px;  }
.ico.circle-06 {background-color: #595c88; top: 125px; left: 50px;  }

.ico.line_01 {top: 125px; left: 472px;}
.ico.line_02 {top: 255px; left: 786px;}
.ico.line_03 {top: 530px; left: 786px;}
.ico.line_04 {top: 758px; left: 472px;}
.ico.line_05 {top: 530px; left: 192px;}
.ico.line_06 {top: 255px; left: 192px;}

.ico.label.eclip {cursor: pointer;}
.ico.label {display: flex; border-radius: 100px; font-size: 13px;width: 160px;  padding: 3px 10px; font-weight: 700; justify-content: space-between;}
.ico.label.small {width: 20px;color:#fff; font-weight: normal;}
.ico.label span {background-color: #fff; border-radius: 50px; color: #333; padding: 0 10px;font-size: 12px;text-align: center;line-height: 1.6;}

.ico.label_01 {background-color: #ffa4e5; }
.ico.label_02 {background-color: #80c0ff;}
.ico.label_03 {background-color: #f2666f;}
.ico.label_04 {background-color: #5bbece;}
.ico.label_05 {background-color: #ea7c4d;}
.ico.label_06 {background-color: #595c88; color: #fff;}

.ico.lable_01_01 {top: 188px; left: 290px;}
.ico.lable_01_02 {top: 138px; left: 328px;}
.ico.lable_01_03 {top: 96px; left: 508px;}
.ico.lable_01_04 {top: 138px; left: 692px;}
.ico.lable_01_05 {top: 188px; left: 730px;}

.ico.lable_01_01.small {left: 245px;}
.ico.lable_01_02.small {left: 283px;}
.ico.lable_01_03.small {top: 65px; left: 580px;}
.ico.lable_01_04.small {left: 877px;}
.ico.lable_01_05.small {left: 915px;}

.ico.lable_02_01 {top: 246px; left: 1016px;}
.ico.lable_02_02 {top: 298px; left: 1016px;}
.ico.lable_02_03 {top: 348px; left: 1016px;}
.ico.lable_02_04 {top: 398px; left: 1016px;}
.ico.lable_02_05 {top: 448px; left: 1016px;}

.ico.lable_02_01.small {left: 1201px;}
.ico.lable_02_02.small {left: 1201px;}
.ico.lable_02_03.small {left: 1201px;}
.ico.lable_02_04.small {left: 1201px;}
.ico.lable_02_05.small {left: 1201px;}

.ico.lable_03_01 {top: 522px; left: 1016px;}
.ico.lable_03_02 {top: 574px; left: 1016px;}
.ico.lable_03_03 {top: 624px; left: 1016px;}
.ico.lable_03_04 {top: 674px; left: 1016px;}
.ico.lable_03_05 {top: 724px; left: 1016px;}

.ico.lable_03_01.small {left: 1201px;}
.ico.lable_03_02.small {left: 1201px;}
.ico.lable_03_03.small {left: 1201px;}
.ico.lable_03_04.small {left: 1201px;}
.ico.lable_03_05.small {left: 1201px;}

.ico.lable_04_01 {top: 786px; left: 290px; font-size: 10px; line-height: 9.5px;}
.ico.lable_04_02 {top: 836px; left: 328px; font-size: 10px; line-height: 9.5px;}
.ico.lable_04_03 {top: 882px; left: 518px;}
.ico.lable_04_04 {top: 838px; left: 692px;}
.ico.lable_04_05 {top: 788px; left: 730px; }

.ico.lable_04_01.small {left: 245px;}
.ico.lable_04_02.small {left: 283px;}
.ico.lable_04_03.small {top: 912px; left: 580px;}
.ico.lable_04_04.small {left: 877px;}
.ico.lable_04_05.small {left: 915px;}

.ico.lable_05_01 {top: 522px; left: 10px;}
.ico.lable_05_02 {top: 574px; left: 10px;}
.ico.lable_05_03 {top: 624px; left: 10px;}
.ico.lable_05_04 {top: 674px; left: 10px; font-size: 10px; line-height: 9.5px;}
.ico.lable_05_05 {top: 724px; left: 10px; font-size: 10px; line-height: 9.5px;}

.ico.lable_05_01.small {left: -35px;}
.ico.lable_05_02.small {left: -35px;}
.ico.lable_05_03.small {left: -35px;}
.ico.lable_05_04.small {left: -35px;}
.ico.lable_05_05.small {left: -35px;}

.ico.lable_06_01 {top: 246px; left: 10px;}
.ico.lable_06_02 {top: 298px; left: 10px;}
.ico.lable_06_03 {top: 348px; left: 10px;}
.ico.lable_06_04 {top: 398px; left: 10px;}
.ico.lable_06_05 {top: 448px; left: 10px;}

.ico.lable_06_01.small {left: -35px;}
.ico.lable_06_02.small {left: -35px;}
.ico.lable_06_03.small {left: -35px;}
.ico.lable_06_04.small {left: -35px;}
.ico.lable_06_05.small {left: -35px;}

.input-wrap {display: inline-block; vertical-align: top;}

.ui-form .ui-title {font-size: 48px;color: #FFF;font-weight: 900; margin-bottom:20px;}
.ui-form .ui-title small {display: block; font-size: 29px;}
.ui-form .ui-subtitle {display: inline-block; padding: 10px 30px;background-color: #ffa4e5;color:#111; line-height: 1.2;}
.ui-vote-container {margin-top: 60px;}
.ui-vote {width: 741px; margin: 0 auto 20px auto;}
.ui-vote-line  {border-top: 4px double #ffa4e5; border-bottom: 4px double #ffa4e5; border-left: 1.5px dashed #ffa4e5; border-right: 1.5px dashed #ffa4e5; padding: 35px 70px;margin: 10px;position: relative;}
.ui-keyword {font-size:36px; font-weight: 400; color:#ffa4e5 !important; padding: 20px 0;}
.ui-vote .uk-input {width: 400px;font-weight: 600;}


.ui-footer {font-size: 14px; color:var(--text-color-primary);padding: 0 30px 20px 30px; }
.ui-footer a, .ui-footer a:hover {color: var(--text-color-primary); }
.ui-hr {color:#b3b4b5;margin-top:10px;}
.ui-footer-logo {display: flex; align-items:center;}
.ui-hosted {display: flex; gap: 30px;}
.ui-copyright {display: flex; align-items: center; flex-direction: row-reverse;}

.ui-complete {background-image: url(/assets/image/bg_plus.png); background-size: cover; background-position: center;}
.ui-complete .ui-footer, .ui-complete .ui-footer a, .ui-complete .ui-footer a:hover {color: #111;}

.ui-mindmap .ui-form .ui-subtitle {padding: 5px 40px;}
.ui-mindmap .ui-vote {width: 670px;}
.ui-mindmap .ui-vote-line  {padding: 15px 10px;}

.ui-concert {letter-spacing: -0.5px;}
.ui-concert .ui-header {height: 150px;background-image: url(/assets/image/concert/bg_tp.jpg); background-size: cover ; background-repeat:no-repeat; background-position:  center;padding: 25px 30px; }
.ui-concert .ui-section {background-image: url(/assets/image/concert/bg_bt.jpg); }
.ui-notice {text-align: left; max-width: 720px;margin: 0 auto;}
.ui-notice-title {font-weight: 900;margin-bottom: 7px;}
.ui-concert .ui-caption {color: #000;    font-weight: 700;    font-size: 26px; margin-bottom: 30px;}

.ui-concert .ui-vote-line .ui-seat {padding-bottom: 10px}

.ui-concert .ui-form {color: #111;}
.ui-concert .ui-form .ui-title {color: #000;margin-bottom:0;letter-spacing: -2px;}
.ui-concert .ui-form .ui-title-small {font-size: 30px;font-weight: 900;margin:0 0 10px 0;letter-spacing: -1px;}
.ui-concert .ui-form .ui-subtitle {display: inline-block; padding: 7px 0;background-color: #306fd7;color:#FFF;width:530px; line-height: 1.3;}

.ui-concert .ui-vote-line  {border-top: 4px double #306fd7; border-bottom: 4px double #306fd7; border-left: 1.5px dashed #306fd7; border-right: 1.5px dashed #306fd7; padding: 35px 70px;margin: 50px 10px 10px;position: relative;}

.ui-concert .ui-text-question {color: #000; font-weight: 700; font-size: 26px;}
.ui-concert .ui-select, .ui-concert .ui-input {font-size: 18px; font-weight: 600;line-height: 30px; height: 35px;box-sizing: border-box; padding: 0 15px; outline: none;border: 1px solid #b6b8c9;background-color: #efeef3;width: 100%;}

.ui-group-wrap, .ui-phone-wrap {display: flex;}
.ui-group-wrap {height: 35px;align-items: center;}
.ui-phone-wrap {justify-content: start; align-items: center; gap: 0 3px}

.ui-input.firstname {width: 255px;}
.ui-input.lastname {width: 170px;} 
.ui-concert .ui-input.lastname {width: 180px;} 

.ui-input.ddd {width:60px; font-size: 14px;}
.ui-concert .ui-label {width:130px; border:1px solid #fff; box-sizing: border-box;background-color: #efeef3; font-weight: 800; color:#111; float:left; height: auto; padding: 9px 0; line-height: 15px;}
.ui-concert .ui-form-control {margin-left: 140px;text-align: left;}
.ui-concert .ui-form-control .ui-select.seat {width: 70px;}
.ui-concert .ui-form-control .ui-select.residency {color: #858487;}
.ui-concert .ui-footer, .ui-concert .ui-footer a, .ui-concert .ui-footer a:hover {color: #111;}


.ui-layer {position: absolute; top: 50px; right: 50px; max-width: 600px;  padding: 20px;background-color: #fff;border: 1px solid #111;}
.ui-layer-body {background-color: #fff; height: 400px;}
.ui-close {cursor: pointer;}

@media (max-width: 640px) {
  .ui-layer {left: 50%; right: auto;transform: translateX(-50%);width: 80vw;}
  #btn-find {margin-top: 5px;}
}
/* Touch Screen */
.ui-touchscreen {background-image: url(/assets/image/touch/bg_bt.jpg);background-size: cover;}
.ui-screen-head {width: 2160px; margin: 0 auto;}
.ui-screen-body {width: 2160px; height: 2667px;background-image: url(/assets/image/touch/bg_bt.jpg);background-size: contain;background-repeat: no-repeat; margin: 0 auto; text-align: center;}
.ui-screen-body.result {background-image: url(/assets/image/touch/bg_bt.png);}
.ui-screen-content {display: inline-block;margin: 0 auto; color: #FFF;margin-top: 610px;}
.ui-screen-content p  {font-size:32px;}
.ui-screen-content .heading {font-size: 123px;letter-spacing:-0.25rem;font-weight: 800;}
.ui-screen-content .description {display: inline-block; font-size:45px; font-weight: 600; color: #111; background-color: #ffa4e5;padding: 0 50px;}
.ui-screen-content .question { font-size: 45px; line-height: 55px;margin-top: 130px; margin-bottom: 130px;}
.ui-screen-content .keyword {font-size: 100px; font-weight: 800; color:  #ffa4e5; margin-bottom: 60px;letter-spacing: -0.25rem;}
.ui-screen-content .ui-form-control {margin-bottom: 320px;}
.ui-screen-content .uk-input {width: 1100px; height: 86px; line-height: 86px; font-size:40px;font-weight:600;}
.ui-screen-content ::placeholder {font-size: 36px;}

.ui-screen-content .vote { width: 1570px; margin: 0 auto; margin-bottom: 170px;}
.ui-screen-content .vote-line {border-top: 4px double #ffa4e5; border-bottom: 4px double #ffa4e5; border-left: 1.5px dashed #ffa4e5; border-right: 1.5px dashed #ffa4e5; padding: 45px 35px;margin: 10px;position: relative;}
.ui-screen-content .ui-radio-btn {display: inline-block; font-size: 35px; height:96px;text-align: center; padding:7px; cursor:pointer; border: 3px solid #FFF;  background-clip: content-box;box-sizing: border-box;}
.ui-screen-content .ui-radio-btn span {display: inline-block; width: 100%; height: 100%; line-height: 65px; background-color: transparent; border: 3px solid #fff; box-sizing: border-box; font-weight: 800;}
.ui-screen-content .ui-radio-btn:hover span, .ui-screen-content .ui-radio-btn.ui-active span {border-color: #ffa4e5; }
.ui-screen-content .ui-radio-btn:hover, .ui-screen-content .ui-radio-btn.ui-active {border-color:#ffa4e5; background-color: transparent; color: #ffa4e5;}
.ui-screen-content .ui-radio-btn.medium {width: 460px;}
.ui-screen-content .ui-radio-btn.large {width: 715px;}
.ui-screen-content .ui-btn-next, .ui-screen-content .ui-btn-submit {font-size: 34px;padding: 10px 30px;}

.ui-screen-content .ui-ico-top-left {top: -43px; left: -41px;}
.ui-screen-content .ui-ico-top-right {top: -43px; right: -40px;}
.ui-screen-content .ui-ico-bottom-left {bottom: -43px; left: -41px;}
.ui-screen-content .ui-ico-bottom-right {bottom: -43px; right: -40px;}

.ui-screen-body .ui-map {position: relative; width: 2160px; height: 2467px; }
.ui-screen-body .ico.circle {border-radius: 1000px;}
.ui-screen-body .ico.center {top:50%; left:50%;transform: translate(-50%, -50%);}
.ui-screen-body .ico.circle-dashed { width:820px; height: 820px; border: 4px dashed #eaeaea;  }
.ui-screen-body .ico.circle-gray { width:770px; height: 770px; background-color: #eaeaea;  }
.ui-screen-body .ico.circle-white {width:400px; height: 400px; background-color: #fff; font-size: 60px; font-weight: 900; transition: all .3s cubic-bezier();}
.ui-screen-body .ico.circle-line {width:578px; height:578px;}
.ui-screen-body .ico.circle-white .inner {width: 400px;}

.ui-screen-body .ico.circle-white .inner {width: 400px;}

.ui-screen-body .ico .inner {display:flex; justify-content: center; align-items: center;}
.ui-screen-body .ico.inner-circle-white {position:absolute; width:191px; height:191px; background-color: #fff;font-size: 33px;text-align:center;font-weight: 800;letter-spacing: -0.04rem; line-height: 1.2;box-shadow: 5px 5px 10px #333;}

.ui-screen-body .ico.keyword {width: 262px; height: 262px; }
.ui-screen-body .ico.circle-01 {background-color: #ffa4e5; top: 681px; left: 952px; } /* 534*/
.ui-screen-body .ico.circle-02 {background-color: #80c0ff; top: 892px; left: 1315px;  }
.ui-screen-body .ico.circle-03 {background-color: #f2666f; top: 1311px; left: 1315px;  }
.ui-screen-body .ico.circle-04 {background-color: #5bbece; top: 1525px; left: 952px;   }
.ui-screen-body .ico.circle-05 {background-color: #ea7c4d; top: 1311px; left: 582px;  }
.ui-screen-body .ico.circle-06 {background-color: #595c88; top: 892px; left: 582px;  }


.ui-screen-body .ico.line_01 {top: 267px; left: 835px;}
.ui-screen-body .ico.line_02 {top: 579px; left: 1410px;}
.ui-screen-body .ico.line_03 {top: 1390px; left: 1374px;}
.ui-screen-body .ico.line_04 {top: 1708px; left: 835px;}
.ui-screen-body .ico.line_05 {top: 1390px; left: 498px;}
.ui-screen-body .ico.line_06 {top: 579px; left: 498px;}


.ui-screen-body .ico.label {border-radius: 13px; font-size: 24px;width: 300px;  padding: 10px 20px; text-align: left; font-weight: 700;display: inline-block;word-break:break-all;}
.ui-screen-body .ico.label span {background-color: #fff; border-radius:  50px; float: right; padding: 2px 10px;font-size: 20px; line-height: 1.4; margin-top: 2px;}
.ui-screen-body .ico.label.line2 {display: flex; align-items: center;}
.ui-screen-body .ico.label.line2 span {margin-top: -5px;}
.ui-screen-body .ico.label_01 {background-color: #ffa4e5; }
.ui-screen-body .ico.label_02 {background-color: #80c0ff;}
.ui-screen-body .ico.label_03 {background-color: #f2666f;}
.ui-screen-body .ico.label_04 {background-color: #5bbece;}
.ui-screen-body .ico.label_05 {background-color: #ea7c4d;}
.ui-screen-body .ico.label_06 {background-color: #595c88; color: #fff;}

.ui-screen-body .ico.lable_01_01 {top: 438px; left: 488px;}
.ui-screen-body .ico.lable_01_02 {top: 310px; left: 562px;}
.ui-screen-body .ico.lable_01_03 {top: 205px; left: 912px;}
.ui-screen-body .ico.lable_01_04 {top: 310px; left: 1266px;}
.ui-screen-body .ico.lable_01_05 {top: 438px; left: 1339px;}

.ui-screen-body .ico.lable_02_01 {top: 560px; left: 1665px;}
.ui-screen-body .ico.lable_02_02 {top: 659px; left: 1665px;}
.ui-screen-body .ico.lable_02_03 {top: 757px; left: 1665px;}
.ui-screen-body .ico.lable_02_04 {top: 855px; left: 1665px;}
.ui-screen-body .ico.lable_02_05 {top: 952px; left: 1665px;}

.ui-screen-body .ico.lable_03_01 {top: 1442px; left: 1665px;}
.ui-screen-body .ico.lable_03_02 {top: 1542px; left: 1665px;}
.ui-screen-body .ico.lable_03_03 {top: 1642px; left: 1665px;}
.ui-screen-body .ico.lable_03_04 {top: 1739px; left: 1665px;}
.ui-screen-body .ico.lable_03_05 {top: 1836px; left: 1665px;}

.ui-screen-body .ico.lable_04_01 {top: 1966px; left: 488px; font-size: 26px; line-height: 24px;}
.ui-screen-body .ico.lable_04_02 {top: 2100px; left: 562px; font-size: 26px; line-height: 24px;}
.ui-screen-body .ico.lable_04_03 {top: 2202px; left: 912px;}
.ui-screen-body .ico.lable_04_04 {top: 2100px; left: 1266px;}
.ui-screen-body .ico.lable_04_05 {top: 1966px; left: 1339px;}

.ui-screen-body .ico.lable_05_01 {top: 1442px; left: 150px;}
.ui-screen-body .ico.lable_05_02 {top: 1542px; left: 150px;}
.ui-screen-body .ico.lable_05_03 {top: 1642px; left: 150px;}
.ui-screen-body .ico.lable_05_04 {top: 1739px; left: 150px; }
.ui-screen-body .ico.lable_05_05 {top: 1836px; left: 150px; font-size: 26px; line-height: 24px;}

.ui-screen-body .ico.lable_06_01 {top: 560px; left: 150px;}
.ui-screen-body .ico.lable_06_02 {top: 659px; left: 150px;}
.ui-screen-body .ico.lable_06_03 {top: 757px; left: 150px;}
.ui-screen-body .ico.lable_06_04 {top: 855px; left: 150px;}
.ui-screen-body .ico.lable_06_05 {top: 952px; left: 150px;}


.ui-map .ui-btn-retry {position: absolute; bottom: 80px; width: 337px;  padding: 20px 80px; border-radius: 20px; left: 50%; transform:  translateX(-50%);}
.uk-text-xsmall {font-size: 12px;}
.ui-concert .ui-btn.ui-btn-submit2 {background-color: #306fd7; border-color: #306fd7; font-weight: 600; width: 100%;max-width: 300px; height: 40px; cursor: pointer}

.ui-confirm-grid {margin: 0 auto; max-width: 460px;}
.ui-ticket th {color: #111; width: 60px;}
.ui-ticket td {text-align: left;}

.ui-ticket .ui-ticket-container {max-width: 730px; margin: 60px auto;}
.ui-ticket .ui-winner-info {box-sizing: border-box; width: 680px;left: 50%; transform: translateX(-50%);bottom: 0;}
.ui-ticket .ui-ticket-info {background-color: #fff; border-radius: 20px; padding: 20px 40px 20px ;}
.ui-ticket .ui-ticket-No {font-size: 36px; font-weight: 900;line-height: 36px;color:#ea3981;padding: 10px;}
.ui-ticket .ui-no {display: flex;justify-content: center;}

.ui-ticket .ui-line-wrap {border: 1.5px dashed #306fd7; padding: 5px;border-radius: 15px;}
.ui-ticket .ui-line {border: 1px solid #306fd7;border-radius: 15px;}

/* .ui-ticket .ui-user-info th, td{ width: 50%;} */
.ui-ticket .ui-user-info td  label {display: inline-block; width: 45px; text-align: left; font-weight: 900;}
.ui-seat-no {padding: 20px 0;font-size:18px; font-weight: 900;color:#fff;}
.ui-ticket .ui-notice > div > b {font-size: 20px; font-weight: 800;}

.ui-info-btn {display: block; padding: 6px 0; color: #000; font-weight: 800;width:100%; background-color: #ffa4e5; margin-top: 30px !important; box-sizing: border-box;}
.ui-info-btn2 {margin-top: 30px !important; max-width: 800px;}
.ui-info-btn:hover {color: #000}

.my-element {
  --animate-duration : 1s;
}

@media (max-width: 1279px) {
  .ui-map, .ui-map-inner {width: 100%; height:78.1250vw;}
  .ui-center {width: 46.8750vw; height: 46.8750vw;}
  .ui-content {min-height:640px; }
  .ico.circle-dashed { width:32.8125vw; height: 32.8125vw;}
  .ico.circle-gray { width:31.2500vw; height: 31.2500vw; }
  .ico.circle-white {width:15.6250vw; height: 15.6250vw; font-size: 2.1667vw;}
  .ico.circle-white .inner {width:27.2727vw;}
  .ico.circle-line {width:24.0000vw;height:24.0000vw;}
  .ico.inner-circle-white {width:7.0313vw; height:7.0313vw; font-size: 1.2500vw;}
  .ico.circle-white .inner {width: 15.6250vw;}  

  .ico.keyword {width: 10.1563vw; height: 10.1563vw; }

  .ico.circle-01 {top: 1.2333vw; left: 18.2813vw; }
  .ico.circle-02 {top: 9.7656vw; left: 33.0125vw;  }
  .ico.circle-03 {top: 27.0531vw; left:  33.0125vw;  }
  .ico.circle-04 {top: 35.4438vw; left: 18.2813vw;   }
  .ico.circle-05 {top: 26.8531vw; left: 3.6063vw;  }
  .ico.circle-06 {top: 9.7656vw; left: 3.6063vw;  }

  .ico.line_01 {top: 9.5438vw; left: 33.1250vw; width:20.0000vw;height:9.2188vw; }
  .ico.line_02 {top: 19.7656vw; left: 56.875vw; width:17.7344vw;height:16.4844vw; }
  .ico.line_03 {top: 41.7656vw; left: 56.875vw; width:17.7344vw;height:16.4844vw; }
  .ico.line_04 {top: 59.3438vw; left: 32.725vw; width:19.9219vw;height:9.2188vw; }
  .ico.line_05 {top: 41.7656vw; left: 11.875vw; width:17.7344vw;height:16.4844vw; }
  .ico.line_06 {top: 19.7656vw; left: 11.875vw; width:17.7344vw;height:16.4844vw; }

  .ico.line_01 {top: 13.7656%; left: 39.875%; width:20%;height:9.2187%;}
  .ico.line_02 {top: 27.7656%; left: 66.875%; width:17.7344%;height:16.4844%;}
  .ico.line_03 {top: 54.7656%; left: 66.875%; width:17.6562%;height:16.6406%;}
  .ico.line_04 {top: 76.0656%; left: 39.875%; width:19.9218%;height:9.2187%;}
  .ico.line_05 {top: 54.7656%; left: 15.875%; width:17.6562%;height:16.6406%;}
  .ico.line_06 {top: 27.7656%; left: 15.875%; width:17.7344%;height:16.4844%;}

  .ico.label {width:13.7187%; font-size: 10px;}
  .ico.label span {padding:0 5px; font-size: 10px;}
  .ico.label .uk-icon {width: 80%}

  .ico.lable_01_01 {top: 18.7875%; left: 23.9844%;}
  .ico.lable_01_02 {top: 14.6875%; left: 27.044%;}
  .ico.lable_01_03 {top: 10.6875%; left: 42.844%;}
  .ico.lable_01_04 {top: 14.6875%; left: 57.044%;}
  .ico.lable_01_05 {top: 18.6875%; left: 59.8844%;}

  .ico.label.small {width: 1.75%;}
  .ico.lable_01_01.small {top: 18.7875%; left: 18.9844%;}
  .ico.lable_01_02.small {top: 14.6875%; left: 22.044%;}
  .ico.lable_01_03.small {top: 10.6875%; left: 42.844%;}
  .ico.lable_01_04.small {top: 14.6875%; left: 57.044%;}
  .ico.lable_01_05.small {top: 18.6875%; left: 59.8844%;}


  .ico.lable_02_01 {top: 27.0187%; left: 84.775%;}
  .ico.lable_02_02 {top: 31.4187%; left: 84.775%;}
  .ico.lable_02_03 {top: 35.5187%; left: 84.775%;}
  .ico.lable_02_04 {top: 39.7187%; left: 84.775%;}
  .ico.lable_02_05 {top: 43.9187%; left: 84.775%;}

  .ico.lable_03_01 {top: 53.9187%; left: 84.775%;}
  .ico.lable_03_02 {top: 58.1187%; left: 84.775%;}
  .ico.lable_03_03 {top: 62.6187%; left: 84.775%;}
  .ico.lable_03_04 {top: 67.0187%; left: 84.775%;}
  .ico.lable_03_05 {top: 71.2187%; left: 84.775%;}

  .ico.lable_04_01 {top: 78.6875%; left: 23.9844%;}
  .ico.lable_04_02 {top: 82.6875%; left: 27.044%;}
  .ico.lable_04_03 {top: 86.6875%; left: 42.844%;}
  .ico.lable_04_04 {top: 82.6875%; left: 57.044%;}
  .ico.lable_04_05 {top: 78.6875%; left: 59.8844%;}


  .ico.lable_05_01 {top: 522px; left: 20px;}
  .ico.lable_05_02 {top: 574px; left: 20px;}
  .ico.lable_05_03 {top: 624px; left: 20px;}
  .ico.lable_05_04 {top: 674px; left: 20px;}
  .ico.lable_05_05 {top: 724px; left: 20px;}


  .ico.lable_05_01 {top: 53.9187%; left: -0.375%;}
  .ico.lable_05_02 {top: 58.1187%; left: -0.375%;}
  .ico.lable_05_03 {top: 62.61877%; left: -0.375%;}
  .ico.lable_05_04 {top: 67.0187%; left: -0.375%;}
  .ico.lable_05_05 {top: 71.218%; left: -0.375%;}

  .ico.lable_06_01 {top: 27.0187%; left: -0.375%;}
  .ico.lable_06_02 {top: 31.4187%; left: -0.375%;}
  .ico.lable_06_03 {top: 35.5187%; left: -0.375%;}
  .ico.lable_06_04 {top: 39.7187%; left: -0.375%;}
  .ico.lable_06_05 {top: 43.9187%; left: -0.375%;}
  .ui-complete .ui-deco-tr.pc {top: 80px;}
}

@media (max-width: 1080px) {
  
  .ico.label, .ico.label span {font-size: 9px;}
  .ico.lable_02_01, .ico.lable_03_01, .ico.lable_03_02, .ico.lable_04_03,.ico.label_04, .ico.lable_04_02, .ico.lable_04_01, .ico.lable_05_05, .ico.lable_05_04, .ico.lable_05_03,
  .ico.lable_06_05, .ico.lable_06_04, .ico.lable_06_02 {overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  word-break: break-all;}
}

@media (max-width:960px) {
  .lbl2{line-height: 15px;}
  .ico.label {font-size: 9px; padding: 2px 6px;}  
  .ui-radio-btn.large {width: 175px;}

  .ui-winner-info {width: 70.8333vw !important;}
  .ui-ticket .ui-ticket-info {padding:2.0833vw  4.1667vw;}
  .ui-ticket .ui-ticket-No {font-size:3.5417vw; line-height: 3.5417vw; padding: 1.0833vw;}
  .ui-seat-no {padding:2.0833vw  0; font-size: 1.8750vw;}

    .uk-table-expand {min-width: 50px;}
.uk-table-small td, .uk-table-small th {padding: 1.0417vw 1.2500vw;} 
}

@media (max-width: 800px) {
  em {display: block;}
  .ui-vote {width: auto;}
  .ico.label {font-size: 7px;}
  .input-wrap {display: block;}
  .ui-form-control .ui-select, .ui-form-control .ui-input:not(.ddd):not(.mobile) {width: 100% !important; margin-bottom: 3px;}
  .ico.label span {padding:0 2px; font-size: 7px;}
}
@media (max-width: 640px) {
  .ui-header {height: 100px;}
  .ui-content {padding: 20px 0;}
  .ui-content .ui-deco-tr {right: 0;}
  .ui-complete .ui-deco-tr {top: 140px;}
  .ui-form .ui-subtitle {width: auto;padding: 5px 20px;}

  .ui-footer {padding: 0 0 20px 0;}
  .ui-hosted {justify-content: space-between; gap: 10px}
  .ui-hosted .mcst {width: 35.7813vw;}
  .ui-hosted .kofice {width: 18.7813vw;}

  .ui-copyright {flex-direction: row; }

  .ui-form .ui-title {font-size: 7.5000vw;}
  .ui-label {display: block;width:100% !important;float:none !important; margin-bottom: 5px; text-align: left; font-size: 14px; background-color: #fff !important;}
  .ui-form-control {display: block; margin-left: 0 !important;}  
  .ui-text-default {font-size: 16px;}
  .ui-content .ui-deco-tr {top: 60px;}
  .ui-copyright {justify-content: end;}
  .ui-deco-bl {display: none;}

  .ui-mindmap .ui-vote {width: 100%;}
  .ui-keyword {font-size: 5.6250vw;}

  .ui-forum .ui-vote-line {padding: 30px;}
  .ui-forum .ui-btn-submit {width: 100%;}
  .ui-forum .ui-group-wrap label  {flex-direction: colum;}
  .ui-forum .ui-label, .ui-forum .ui-label span {background-color: transparent !important;}
  .ui-forum .ui-label {border: none; color: #fff;}
  .ui-forum .ui-label span {justify-content: start;}

  
  .ui-group-wrap,  .ui-group-wrap label {display: block; }
  .ui-group-wrap label {justify-content: start;}
  .ui-group-wrap {height: auto;}

  .ui-concert .ui-vote-line {padding: 30px 20px;}
  .ui-concert .ui-caption {font-size: 4.9625vw;}
  .ui-concert .ui-form .ui-title-small {font-size: 4.6875vw; margin-bottom: 10px;}
  .ui-concert .ui-form .ui-subtitle {width: 100%; padding: 10px 0; }

  .ui-message-board>div {padding: 40px 20px;}
  .ui-message-board>div>p {font-size: 16px; line-height: 20px;}

  .ui-map2 .ui-map-inner {margin-top: 25vw;height: 100vw;position: relative;}
  .ui-map2 .ui-center {width: 90vw;height: 90vw;}
  .ico.circle-dashed { width:65vw; height: 65vw;}
  .ico.circle-gray {width: 63vw; height: 63vw;}
  .ico.circle-line {width: 47vw; height: 47vw;}
  .ico.circle-white {width: 33vw; height: 33vw;font-size:6.1667vw; text-align: center; line-height:6vw;}

  .ui-map2 .ico.circle-01{top:2.1vw; left:35.5vw;}
  .ui-map2 .ico.circle-02{top:19vw; left:64.4vw;}
  .ui-map2 .ico.circle-03{top:52vw; left:64.4vw;}
  .ui-map2 .ico.circle-04{top:68.6438vw; left:35.5vw;}
  .ui-map2 .ico.circle-05{top:52vw; left:6.5vw;}
  .ui-map2 .ico.circle-06{top:19vw; left:6.5vw;}
  .ico.keyword {width: 19vw; height: 19vw;}
  .ico.inner-circle-white {width:13vw;height:13vw;font-size: 2.5vw;}


  #modal-keyword label {position: relative; width: 100%; border-radius: 50px;display:inline-block;margin-bottom: 10px; padding: 3px 10px 3px 20px;box-sizing: border-box;font-weight:600;}
  #modal-keyword label.ui-active {font-weight:900}
  #modal-keyword label span {float: right; background-color: #fff; border-radius: 50px;padding: 1px 10px;font-size:13px; color: #111;}
  #modal-keyword label.eclip {cursor:pointer;}

  .ui-message-board.confirm>div>p:first-child  {line-height: 1.2;}
  

  .ui-winner-info {width: 82.5000vw !important;}
  .ui-ticket .ui-ticket-info {padding:4.1667vw  4.1667vw;}
  .ui-ticket .ui-ticket-No {font-size:8.5938vw; line-height: 8.5938vw; padding: 6.5938vw;}
  .ui-ticket .ui-line {padding: 7.0313vw 0;}
  .ui-seat-no {padding:7.5000vw  0; font-size: 4.0875vw;display: flex; justify-content: space-around; align-items: center; flex-wrap: nowrap;}
  .ui-seat-no strong {font-size: 6.0313vw;}
.ui-ticket .ui-user-info td label {width: 7.0313vw;}
    .uk-table-expand {min-width: 10px;}
.uk-table-small td, .uk-table-small th {padding: 1.1250vw 4.0875vw; font-size: 3.4125vw;} 
/* 
  .ui-btn-retry {position: absolute; top: 90vw;} */
}

@media (max-width: 375px) {
  
  .ui-notice {font-size: 13px;}
}

@media (max-width: 360px) {
  
.ui-message-board.confirm>div>p:first-child {font-size: 24px;}
}
/* over write **/
*+.uk-grid-margin-medium, .uk-grid+.uk-grid-medium, .uk-grid+.uk-grid-row-medium, .uk-grid-medium>.uk-grid-margin, .uk-grid-row-medium>.uk-grid-margin {margin-top: 40px;}