/* main-search */
.main-box .main-search {padding:90px 0 110px;}
.main-box .main-search .container > p {text-align:center; font-size:20px; font-weight:500; line-height:1.4; color:#757575;}
.main-box .main-search .container > form {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:#E4F2FF; border:1px solid #BDE0FF; width:100%; max-width:640px; margin:26px auto 0;}
.main-box .main-search .container > form input {flex:1; min-width:0; height:56px; padding:0 32px; font-size:16px; font-weight:500; color:#00529c; background:none;}
.main-box .main-search .container > form input::placeholder {color:#00529c;}
.main-box .main-search .container > form .search {margin:0 12px 0 0; width:32px; height:32px; font-size:0; background:url('../images/icon_main_search.png') no-repeat center / cover;}
.main-box .main-search .container > ul {margin:21px auto 0; display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:734px;}
.main-box .main-search .container > ul li .link {display:block;}
.main-box .main-search .container > ul li .link p {text-align:center; margin:7px 0 0; font-size:16px; color:#757575;}
.main-box .main-search .container > ul li .link:before {display:block; content:""; width:46px; height:46px; margin:0 auto; background-size:cover; background-position:center;}
.main-box .main-search .container > ul li.link01 .link:before {background-image:url('../images/iocn_main_search_link_01.png');}
.main-box .main-search .container > ul li.link02 .link:before {background-image:url('../images/iocn_main_search_link_02.png');}
.main-box .main-search .container > ul li.link03 .link:before {background-image:url('../images/iocn_main_search_link_03.png');}
.main-box .main-search .container > ul li.link04 .link:before {background-image:url('../images/iocn_main_search_link_04.png');}
.main-box .main-search .container > ul li.link05 .link:before {background-image:url('../images/iocn_main_search_link_05.png');}
.main-box .main-search .container > ul li.link06 .link:before {background-image:url('../images/iocn_main_search_link_06.png');}
.main-box .main-search .container > ul li.link07 .link:before {background-image:url('../images/iocn_main_search_link_07.png');}
@media (max-width:991px){
.main-box .main-search {padding:60px 0;}
.main-box .main-search .container > p {font-size:18px;}
.main-box .main-search .container > form {margin:20px auto 0;}
.main-box .main-search .container > form input {padding:0 20px;}
.main-box .main-search .container > ul {width:calc(100% + 30px); display:block; overflow-x:auto; overflow-y:hidden; white-space:nowrap; text-align:center; margin:12px -15px 0; padding:0 0 10px;}
.main-box .main-search .container > ul li {display:inline-block; margin-right:5px;}
.main-box .main-search .container > ul li:first-of-type {margin-left:15px;}
.main-box .main-search .container > ul li:last-of-type {margin-right:15px;}
.main-box .main-search .container > ul li .link p {font-size:14px;}
.main-box .main-search .container > ul li .link:before {margin:0 auto;}
}

/* main-title */
.main-title h2 {font-size:32px; font-weight:bold; line-height:1.3; color:#1E1E1E;}
.main-title h2 a {font-size:32px; font-weight:bold; line-height:1.3; color:#1e1e1e; display:flex; flex-wrap:wrap; align-items:center;}
.main-title h2 a:after {display:inline-block; content:""; width:32px; height:32px; margin:0 0 0 10px; background:url('../images/icon_main_title_more.png') no-repeat center / cover;}
.main-title h2 b {font-size:32px; font-weight:bold; line-height:1.3; color:#52ADFF;}
.main-title p {margin:8px 0 0; font-size:20px; font-weight:500; line-height:1.3; color:#757575;}
@media (max-width:991px){
.main-title h2 {font-size:20px;}
.main-title h2 a {font-size:20px;}
.main-title h2 a:after {width:20px; height:20px;}
.main-title h2 b {font-size:20px;}
.main-title p {font-size:14px;}
}

/* main-top-item */
.main-box .main-top-item {margin:0 0 112px;}
.main-box .main-top-item .swiper {position:relative;}
.main-box .main-top-item .swiper-pagination {display:none;}
.main-box .main-top-item .swiper-button-prev {width:48px; height:48px; background:url('../images/icon_main_top_item_prev.png') no-repeat center / cover; left:-60px;}
.main-box .main-top-item .swiper-button-next {width:48px; height:48px; background:url('../images/icon_main_top_item_next.png') no-repeat center / cover; right:-60px;}
@media (max-width:991px){
.main-box .main-top-item {margin:0 0 34px;}
.main-box .main-top-item .swiper-button-prev {display:none;}
.main-box .main-top-item .swiper-button-next {display:none;}
.main-box .main-top-item .swiper-pagination {display:block; position:static; height:2px; margin:24px 0 0; background:#d9d9d9;}
.main-box .main-top-item .swiper-pagination .swiper-pagination-progressbar-fill {background:#424242;}
}

/* main-item */
.main-box .main-item .inner {display:block;}
.main-box .main-item .inner .list-image {background-size:cover; background-position:center; position:relative; border-radius:8px;}
.main-box .main-item .inner .list-image:after {display:block; content:""; padding-bottom:56.5%;}
.main-box .main-item .inner .list-content {margin:12px 0 0;}
.main-box .main-item .inner .list-content .subject p {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:bold; line-height:1.3; color:#1e1e1e; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-item .inner .list-content .subject small {display:-webkit-box; margin:4px 0 0; font-size:14px; line-height:1.3; font-weight:500; color:#757575; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-item .inner .list-content .tag {margin:12px 0 0;}
.main-box .main-item .inner .list-content .tag p {font-size:14px; line-height:1.4; color:#4DAAFF;}
.main-box .main-item .inner .list-content .more {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-item .inner .list-content .more p {width:100%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; font-size:18px; font-weight:bold; line-height:1.3; color:#757575; text-align:center; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-item .inner .list-content .more span {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:12px auto 0; width:110px; height:37px; border-radius:50px; border:1px solid #ADB5BD; color:#4A4A4A;}
.main-box .main-item .inner .list-content.border {border:1px solid #D9D9D9; border-top:0; margin:-4px 0 0 !important; padding:20px 12px; border-radius:0 0 8px 8px; background:#fff;}
@media (max-width:991px){
.main-box .main-item .inner .list-content {margin:10px 0 0;}
.main-box .main-item .inner .list-content .subject p {font-size:15px;}
.main-box .main-item .inner .list-content .subject small {font-size:13px;}
.main-box .main-item .inner .list-content .tag {margin:10px 0 0;}
.main-box .main-item .inner .list-content .tag p {font-size:13px;}
.main-box .main-item .inner .list-content .more p {font-size:15px;}
.main-box .main-item .inner .list-content .more span {width:90px; height:35px; font-size:13px;}
}

/* main-middle-item */
.main-box .main-middle-item {margin:0 0 36px;}
@media (max-width:991px){
.main-box .main-middle-item {margin:0 0 60px;}
}

/* main-link-button */
.main-box .main-link-button {padding:0 15px; margin:0 0 80px;}
.main-box .main-link-button .container {display:flex; flex-wrap:wrap; align-items:center; background:#E7F0FF; border-radius:12px; position:relative; padding:40px 60px 40px 0;}
.main-box .main-link-button .container:before {position:absolute; content:""; display:block; left:100px; bottom:0; width:256px; height:189px; background:url('../images/icon_main_link_button.png') no-repeat center / cover;}
.main-box .main-link-button .container .text {flex:1; min-width:0; padding-left:440px;}
.main-box .main-link-button .container .text p {font-size:21px; line-height:1.3; color:#4a4a4a; margin:0 0 8px;}
.main-box .main-link-button .container .text strong {font-size:32px; font-weight:bold; line-height:1.3; color:#1e1e1e;}
.main-box .main-link-button .container .button { display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-link-button .container .button .link {width:136px; height:49px; border-radius:6px; font-size:14px; font-weight:600; color:#fff; margin:0 12px 0 0;display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-link-button .container .button .link:last-of-type {margin:0;}
.main-box .main-link-button .container .button .link.gray {background:#4a4a4a;}
.main-box .main-link-button .container .button .link.blue {background:#00529C;}
@media (max-width:1200px){
.main-box .main-link-button .container:before {display:none;}
.main-box .main-link-button .container .text {padding-left:60px;}
}
@media (max-width:991px){
.main-box .main-link-button {margin:0 0 60px;}
.main-box .main-link-button .container {padding:24px 15px;}
.main-box .main-link-button .container .text {flex:none; width:100%; padding:0;}
.main-box .main-link-button .container .text p {text-align:center; font-size:14px;}
.main-box .main-link-button .container .text strong {text-align:center; font-size:20px; display:block;}
.main-box .main-link-button .container .button {width:100%; max-width:287px; margin:20px auto 0; justify-content:center;}
.main-box .main-link-button .container .button .link {flex:1; min-width:0; height:38px;}
}

/* main-banner */
.main-box .main-banner {margin:0 0 44px;}
.main-box .main-banner img {width:100%;}
.main-box .main-banner .swiper-pagination {right:0; top:20px; bottom:auto; text-align:right;}
.main-box .main-banner .swiper-pagination span {opacity:1; width:12px; height:12px; background:#d9d9d9;}
.main-box .main-banner .swiper-pagination span.swiper-pagination-bullet-active {background:#FF975F;}
@media (max-width:991px){
.main-box .main-banner .swiper-pagination {position:static; text-align:center; margin:-3% 0 0;}
.main-box .main-banner .swiper-pagination span {width:8px; height:8px;}
}

/* main-bottom-item */
.main-box .main-bottom-item {background:url('../images/bg_main_bottom_item.png') no-repeat center / cover; padding:60px 0 80px;}
.main-box .main-bottom-item .item .item-list {margin:0 0 44px; display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-bottom-item .item .item-list:last-of-type {margin:0;}
.main-box .main-bottom-item .item .item-list .list-title {width:200px;}
.main-box .main-bottom-item .item .item-list .list-title h3 {font-size:24px; font-weight:bold; line-height:1.3; color:#1E1E1E;}
.main-box .main-bottom-item .item .item-list .list-title h3 b {font-size:24px; font-weight:bold; line-height:1.3;}
.main-box .main-bottom-item .item .item-list .list-title h3:after {display:block; content:""; width:154px; height:154px; margin:4px 0 0; background-size:cover; background-position:center;}
.main-box .main-bottom-item .item .item-list:first-of-type .list-title h3 b {color:#FAA61A;}
.main-box .main-bottom-item .item .item-list:first-of-type .list-title h3:after {background-image:url('../images/icon_main_bottom_item_01.png');}
.main-box .main-bottom-item .item .item-list:last-of-type .list-title h3 b {color:#B31AFA;}
.main-box .main-bottom-item .item .item-list:last-of-type .list-title h3:after {background-image:url('../images/icon_main_bottom_item_02.png');}
.main-box .main-bottom-item .item .item-list .list-content {flex:1; min-width:0;}
.main-box .main-bottom-item .item .item-list .swiper-pagination {display:none;}
@media (max-width:991px){
.main-box .main-bottom-item {padding:40px 0; background-image:url('../images/bg_main_bottom_item_mo.png');}
.main-box .main-bottom-item .main-title h2 {color:#fff;}
.main-box .main-bottom-item .main-title p {color:#e3e3e3;}
.main-box .main-bottom-item .item .item-list {margin:0 0 35px;}
.main-box .main-bottom-item .item .item-list .list-title {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-bottom-item .item .item-list .list-title h3 {width:100%; text-align:center; font-size:18px; color:#fff;}
.main-box .main-bottom-item .item .item-list .list-title h3 b {font-size:18px;}
.main-box .main-bottom-item .item .item-list .list-title h3 br {display:none;}
.main-box .main-bottom-item .item .item-list .list-title h3:after {display:none;}
.main-box .main-bottom-item .item .item-list .list-title h3:before {display:block; content:""; width:40px; height:40px; margin:0 auto; background-size:cover; background-position:center;}	
.main-box .main-bottom-item .item .item-list:first-of-type .list-title h3:before {background-image:url('../images/icon_main_bottom_item_01.png');}
.main-box .main-bottom-item .item .item-list:last-of-type .list-title h3:before {background-image:url('../images/icon_main_bottom_item_02.png');}
.main-box .main-bottom-item .item .item-list .list-content {flex:none; width:100%; margin:20px 0 0;}
.main-box .main-bottom-item .item .item-list .swiper-pagination {display:block; position:static; margin:12px 0 0;}
.main-box .main-bottom-item .item .item-list .swiper-pagination span {opacity:1; width:8px; height:8px; background:#757575;}
.main-box .main-bottom-item .item .item-list .swiper-pagination span.swiper-pagination-bullet-active {background:#fff;}
}

/* main-review */
.main-box .main-review {padding:80px 0;}
.main-box .main-review .swiper-slide {background:#F6F6F6; border:1px solid #d9d9d9; border-radius:12px; padding:24px;}
.main-box .main-review .swiper-slide strong {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; font-size:18px; font-weight:bold; line-height:1.3; color:#1e1e1e; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main-box .main-review .swiper-slide p {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; font-size:16px; line-height:1.3; color:#4a4a4a; margin:20px 0 0; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main-box .main-review .swiper-slide div {margin:20px 0 0; display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between;}
.main-box .main-review .swiper-slide div small {font-size:14px; color:#1c1b1f; line-height:1.3; flex:1; min-width:0; padding-right:10px; padding:0 0 4px;}
.main-box .main-review .swiper-slide div img {width:62px; height:62px; border-radius:50%; object-fit:cover;}
.main-box .main-review .swiper-pagination {display:block; position:static; margin:22px 0 0;}
.main-box .main-review .swiper-pagination span {opacity:1; width:12px; height:12px; background:#D9D9D9;}
.main-box .main-review .swiper-pagination span.swiper-pagination-bullet-active {background:#4DAAFF;}
@media (max-width:991px){
.main-box .main-review {padding:60px 0;}
.main-box .main-review .swiper-pagination {margin:15px 0 0;}
.main-box .main-review .swiper-pagination span {width:8px; height:8px;}
}

/* main-lecture */
.main-box .main-lecture {background:#F6F6F6; padding:42px 0;}
.main-box .main-lecture .inner {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 24px;}
.main-box .main-lecture .inner:last-of-type {margin:0;}
.main-box .main-lecture .inner .list-image {width:200px;}
.main-box .main-lecture .inner .list-content {flex:1; min-width:0; padding:0 24px;}
.main-box .main-lecture .swiper-pagination {display:none;}
@media (max-width:991px){
.main-box .main-lecture .inner .list-image {width:170px;}
.main-box .main-lecture .inner .list-content {padding:0 0 0 12px;}
.main-box .main-lecture .swiper-pagination {display:block; position:static; margin:24px 0 0; background:#d9d9d9; height:2px;}
.main-box .main-lecture .swiper-pagination .swiper-pagination-progressbar-fill {background:#424242;}
}

/* main-cscenter */
.main-box .main-cscenter {padding:45px 0 20px;}
.main-box .main-cscenter .container {display:flex; flex-wrap:wrap;}
.main-box .main-cscenter .container .cscenter {flex:1; min-width:0; padding-right:48px;}
.main-box .main-cscenter .container .cscenter:last-of-type {padding-right:0;}
.main-box .main-cscenter .container .cscenter h2 {margin:0 0 10px; font-size:30px; font-weight:bold; color:#757575;}
.main-box .main-cscenter .container .cscenter a {margin:0 0 10px; font-size:30px; font-weight:bold; color:#757575;}
.main-box .main-cscenter .cscenter-notice ul li .inner {padding:0 12px; display:flex; flex-wrap:wrap; align-items:center; height:39px;}
.main-box .main-cscenter .cscenter-notice ul li .inner:before {display:inline-block; content:""; width:2px; height:2px; background:#4a4a4a; border-radius:50%;}
.main-box .main-cscenter .cscenter-notice ul li .inner p {flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#4a4a4a; padding:0 8px;}
.main-box .main-cscenter .cscenter-notice ul li .inner time {font-size:16px; color:#757575;}
.main-box .main-cscenter .cscenter-number a {display:block; font-size:40px; font-weight:800; color:#1e1e1e;}
.main-box .main-cscenter .cscenter-time {margin:8px 0 0;}
.main-box .main-cscenter .cscenter-time p {font-size:18px; line-height:1.3; color:#757575;}
.main-box .main-cscenter .cscenter-link {margin:12px 0 0;}
.main-box .main-cscenter .cscenter-link ul {display:flex; flex-wrap:wrap;}
.main-box .main-cscenter .cscenter-link ul li {width:50%;}
.main-box .main-cscenter .cscenter-link ul li .link {padding:0 12px 0 0; display:flex; flex-wrap:wrap; align-items:center; height:44px;}
.main-box .main-cscenter .cscenter-link ul li .link:before {display:inline-block; content:""; width:2px; height:2px; background:#4a4a4a; border-radius:50%;}
.main-box .main-cscenter .cscenter-link ul li .link:after {display:inline-block; content:""; width:24px; height:24px; background:url('../images/icon_main_cscenter_more.png') no-repeat center / cover;}
.main-box .main-cscenter .cscenter-link ul li .link p {flex:1; min-width:0; font-size:16px; color:#757575; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 8px;}
.main-box .main-cscenter .cscenter-bank strong {font-size:30px; font-weight:800; line-height:1.3; color:#1e1e1e;}
.main-box .main-cscenter .cscenter-bank p {margin:10px 0 0; font-size:18px; line-height:1.3; color:#757575;}
@media (max-width:991px){
.main-box .main-cscenter {padding:40px 0 0;}
.main-box .main-cscenter .container .cscenter {flex:none; width:100%; padding-right:0; margin:0 0 40px;}
.main-box .main-cscenter .container .cscenter:last-of-type {margin:0;}
.main-box .main-cscenter .container .cscenter h2 {font-size:20px; margin:0 0 15px;}
.main-box .main-cscenter .cscenter-notice ul li {margin:0 0 12px;}
.main-box .main-cscenter .cscenter-notice ul li:last-of-type {margin:0;}
.main-box .main-cscenter .cscenter-notice ul li .inner {padding:0; height:auto;}
.main-box .main-cscenter .cscenter-number a {font-size:30px;}
.main-box .main-cscenter .cscenter-time {margin:10px 0 0;}
.main-box .main-cscenter .cscenter-time p {font-size:15px;}
.main-box .main-cscenter .cscenter-time p br {display:none;}
.main-box .main-cscenter .cscenter-link ul li .link {height:30px;}
.main-box .main-cscenter .cscenter-bank strong a {font-size:30px; line-height:1.3; font-weight:800; color:#1e1e1e;}
.main-box .main-cscenter .cscenter-bank p {font-size:16px;}
}

/* main-swiper */
.main-box .main-swiper {position:relative; margin:-32px auto 0; max-width:1920px;}
.main-box .main-swiper .swiper-slide a {display:block;}
.main-box .main-swiper .swiper-slide a img {width:100%;}
.main-box .main-swiper .container {position:absolute; left:50%; bottom:13px; width:100%; transform:translateX(-50%); z-index:12; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.main-box .main-swiper .container .inner {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; background:rgba(255,255,255,0.8); padding:0 8px;}
.main-box .main-swiper .container .inner .swiper-button-prev {margin:0; position:static; width:32px; height:32px; background:url('../images/icon_main_swiper_prev.png') no-repeat center / cover;}
.main-box .main-swiper .container .inner .swiper-button-next {margin:0; position:static; width:32px; height:32px; background:url('../images/icon_main_swiper_next.png') no-repeat center / cover;}
.main-box .main-swiper .container .inner .swiper-pagination {position:static; margin:0; width:auto; font-size:14px; font-weight:800; color:#4a4a4a;}
.main-box .main-swiper .container .inner .swiper-pagination span {font-size:14px; font-weight:800; color:#4a4a4a; margin:0 5px;}
@media (max-width:991px){
.main-box .main-swiper {margin:-25px auto 0;}
.main-box .main-swiper .container {justify-content:center; bottom:24px;}
}

/* main-middle-item */
.main-box .main-middle-item .container {max-width:1342px;}
.main-box .main-middle-item .swiper {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .main-middle-item .swiper .swiper-container {flex:1; min-width:0; padding:85px 0px;}
.main-box .main-middle-item .swiper .swiper-button-prev {position:static; margin:0; width:120px; height:120px; background:url('../images/icon_main_middle_prev.png') no-repeat center / cover;}
.main-box .main-middle-item .swiper .swiper-button-next {position:static; margin:0; width:120px; height:120px; background:url('../images/icon_main_middle_next.png') no-repeat center / cover;}
.main-box .main-middle-item .swiper .inner {background:#fff; border:1px solid #d9d9d9; border-radius:10px; padding:12px; box-shadow:0 4px 4px rgba(0,0,0,0.25);}
.main-box .main-middle-item .swiper .swiper-slide {width:20%; transition:all ease 0.5s;}
.main-box .main-middle-item .swiper .swiper-slide:after {pointer-events:inherit; display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.6); transition:all ease 0.5s;}
@media (max-width:1300px){
.main-box .main-middle-item .swiper .swiper-slide {width:30%;}
.main-box .main-middle-item .swiper .swiper-button-prev {display:none;}
.main-box .main-middle-item .swiper .swiper-button-next {display:none;}
}
@media (max-width:991px){
.main-box .main-middle-item {margin:0 -15px;}
.main-box .main-middle-item .swiper .swiper-slide {width:25%;}
}
@media (max-width:767px){
.main-box .main-middle-item .swiper .swiper-slide {width:40%;}
}
@media (max-width:500px){
.main-box .main-middle-item .swiper .swiper-slide {width:45%;}
}

/* 영역별 크기 설정 */
.main-box .main-middle-item .swiper .swiper-slide-next,
.main-box .main-middle-item .swiper .swiper-slide-prev,
.main-box .main-middle-item .swiper .swiper-slide-duplicate-next,
.main-box .main-middle-item .swiper .swiper-slide-duplicate-prev {z-index: 50;transform: scale(1.2);}
.main-box .main-middle-item .swiper .swiper-slide-active,
.main-box .main-middle-item .swiper .swiper-slide-duplicate-active {z-index: 100;transform: scale(1.4);}
.main-box .main-middle-item .swiper .swiper-slide-active:after,
.main-box .main-middle-item .swiper .swiper-slide-duplicate-active:after {opacity:0; pointer-events:none;}