/* common */
.aiMate {position:relative; width:100%;}
.aiMate * {box-sizing:border-box;}
.aiMate .inner {position:relative; width:1200px; padding:120px 0; margin:0 auto; text-align:center;}

.aiMate .title_wrap {position:relative;}
.aiMate .img_wrap {position:relative;}


/* right quick banner */
.quickBnr {display:block; position:fixed; top:33%; right:0; z-index:100;}
.quickBnr a {display:block;}
.quickBnr .quickBn_item.top {margin-top:2px; text-align:center;}
.quickBnr .quickBn_item.top a {display:inline-block;}

/* toggle notice */
.noticeWrap {margin:60px auto 0; padding:0 50px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 20px;}

.noticeWrap_title {display:block; position:relative; font-weight:600; font-size:20px; line-height:50px; color:#fff; text-align:center;	cursor:pointer;}
.noticeWrap_title.sub {line-height:1.5; letter-spacing:-0.3px; text-align:left;}
.noticeWrap_title .noticeWrap_arrow {display:inline-block; line-height:1; transition:transform 0.3s ease;}
.noticeWrap_title.trigger.active .noticeWrap_arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.noticeWrap_inner {overflow:hidden; max-height:0; transition:max-height 0.5s ease-out, opacity 0.5s ease-out; opacity:0; text-align:left;}
.noticeWrap_inner.active {max-height:fit-content; opacity:1; padding:16px 0; border-top:1px solid rgba(255, 255, 255, 0.22);}

.noticeWrap_inner .noticeWrap_item {margin-top:32px;}
.noticeWrap_inner .noticeWrap_item:first-child {margin-top:0;}
.noticeWrap_list {margin-top:5px;}
.noticeWrap_list .notice_item {position:relative; line-height:24px; font-weight:400; font-size:16px; color:rgba(255, 255, 255, .7); letter-spacing:-0.3px;}
.noticeWrap_list .notice_item:before {content:""; position:absolute;	left:0;}
.noticeWrap_list .notice_item:first-child {margin-top:0;}

.noticeWrap_link {display:inline-block; margin:0 0 0 10px; padding:1px 5px;	border:1px solid #fff; border-radius:2px; font-weight:400;	font-size:13px;	color:#fff !important;	vertical-align:middle;}


/* title section */
.aiMate .top_title .inner {padding:0;}
.aiMate .top_title {height:1140px; background:url("https://s3.unistudy.co.kr/images/pc/event/aiMate/top_bg.png") no-repeat center top / cover;}
.aiMate .top_title .title_wrap {padding-top:120px;}
.aiMate .top_title .tit_bubble {position:absolute; top:58px; right:87px;}
.aiMate .top_title .tit_txt {position:absolute; top:5px; left:127px; line-height:30px; font-size:25px; color:#001142; text-align:right;}
.aiMate .top_title .top_txt1 {margin:100px 0 22px; font-size:30px; color:#0619d2; font-weight:700;}
.aiMate .top_title .tit_img {position:absolute;}
.aiMate .top_title .tit_img.obj1 {top:190px; left:-45px;}
.aiMate .top_title .tit_img.obj2 {top:215px; right:-50px;}
.aiMate .top_title .top_img2 {margin-top:65px;}


/* contents section */
.aiMate .cotnents .tit_wrap {display:inline-block; position:relative; margin:0 auto 45px;}

.aiMate .cotnents.cont1 {background:#F0F7FF;}
.aiMate .cotnents.cont2 {background:#DDE2FF;}
.aiMate .cotnents.cont3 {background:#F8F8F8;}

.aiMate .cotnents.cont4 {background:#375CF1;}
.aiMate .cotnents.cont4 .tit_obj {position:absolute; top:-10px; right:-140px;}
.aiMate .cotnents.cont4 .btn_wrap {margin-bottom:50px;}

.aiMate .cotnents.cont5 {background:#2148E5;}
.aiMate .cotnents.cont5 .table_wrap {width:576px; overflow:hidden; margin:0 auto; border-radius:13px;}
.aiMate .cotnents.cont5 .table_wrap table {border:none; border-spacing:1px; border-collapse:separate;}
.aiMate .cotnents.cont5 .table_wrap th,
.aiMate .cotnents.cont5 .table_wrap td {padding:0; font-size:20px; font-weight:700; border:none;}
.aiMate .cotnents.cont5 .table_wrap thead th {height:40px; color:#102c93; background:#00ECFF;}
.aiMate .cotnents.cont5 .table_wrap tbody td {height:45px; color:#424242; background:#fff;}

.aiMate .cotnents.cont6 {padding-bottom:17px; background:#001142;}
.aiMate .cotnents.cont6 .tit_obj {position:absolute; top:-35px; right:-110px;}
.aiMate .cotnents.cont6 .img_flex {display:flex; justify-content:space-between; gap:20px;}
.aiMate .cotnents.cont6 .img_flex li {position:relative;}
.aiMate .cotnents.cont6 .btn_pay {position:absolute; left:26px; bottom:29px; z-index:1; width:346px; height:70px; font-size:0; text-indent:-9999px; background:url("https://s3.unistudy.co.kr/images/pc/event/aiMate/con06_btn01.png") no-repeat 0 / 100%;}
.aiMate .cotnents.cont6 .img_badge {position:absolute; top:-28px; right:-40px;}
.aiMate .cotnents.cont6 .pop_note {position:absolute; bottom:-29px; right:4px;}
.aiMate .cotnents.cont6 .remark_txt {padding-left:15px; line-height:19px; font-size:14px; text-align:left; color:rgba(255, 255, 255, .8);}


/* info_list */
.aiMate .info_list {display:inline-grid; grid-template-columns:max-content 1fr; column-gap:20px; row-gap:10px; align-items:start; margin:-10px auto 20px;}
.aiMate .info_list dt,
.aiMate .info_list dd {line-height:34px; font-size:22px; color:#fff;}
.aiMate .info_list dt {width:150px; font-size:20px;	text-align:center; white-space:nowrap; background-color:rgba(0, 17, 66,.5); border-radius:17px;}
.aiMate .info_list dd {text-align:left;}
.aiMate .info_list dd.full {grid-column: 1 / -1; margin-bottom:10px;}
.aiMate .info_list dd strong {font-weight:700;}