.main .underline {background: none;}

.main_contianer01 {min-height: 500px; overflow: hidden; }
.main_contianer01 .main_ico_wrap { position: absolute; z-index: -1; width:100%; height:100%; }
.main_contianer01 .main_ico01 { position: absolute; bottom: 51px; left: 50%; margin-left: -1114px; animation: mainIcon01 2s infinite; }
.main_contianer01 .main_ico02 { position: absolute; top: 19px; right: 50%; margin-right: -995px; animation: mainIcon01 1s infinite; }
.main_section:nth-child(1) {position: relative; margin-top: -154px; padding:154px 0 48px; /* background-image: url(../img/main/img_main_visuil_bg2_pc.png);*/ background-position: center bottom; background-repeat: no-repeat;}
.main_section:nth-child(1)::before { animation: mainTopBg 1s ease-in-out; content:''; position: absolute; left: 0; top: 0; width:100%; height: 886px; min-height: 914px; padding-top: 154px; background: linear-gradient(6deg, #d0e0ff 6.6%, #eef 49.16%, #f8f8ff 66.9%, #fff 77.54%); z-index: -1; }
.main_section:nth-child(2) {background-color: #fff;}
.main_section:nth-child(2) .main_cont,
.main_section:nth-child(3) .main_cont {padding:80px 0;}
.main_section:nth-child(3) {background-color: #f9f9f9;}
.main_section:nth-child(4) {background-color: #fff;}
.main_section:nth-child(4) .main_cont {padding:80px 0 120px;}
.main_section .main_cont { max-width: 1368px; width:100%; margin:0 auto;}
.main_section .main_cont .card_type01{ overflow: hidden;}
.main_section .main_cont .card_type01 .con_area01 > .right_box { background-color: #fff;}
.main_section .main_cont .op_tbl_case04 { border-top:0; padding-top:24px; flex-wrap: nowrap; }
.main_section .main_cont .op_tbl_case04 > li {min-width: unset; }
.tit_copyright {margin: 60px 0 24px; color: #1d1d1d; font-size: 40px; line-height: 1.5; font-weight: 700;}
.tit_copyright > em {color: #1e1e1e; font-size: 23px; line-height: 1.5; font-weight: 400;} 

.main_tit_area {display: flex; justify-content: space-between; align-items: center; margin-bottom:32px;}
.main_tit_area h2 {font-size: 25px; color: #1e1e1e;}
.main_tit_area h3 {font-size: 36px; color: #1e1e1e; font-weight: 700;}
.main_tit_area .lft_box { display: flex; justify-content: flex-start; align-items: center; gap: 8px;}
.main_tit_area .rht_box { display: flex; justify-content: flex-end; align-items: center; gap: 10px;}

.box01 {display: flex; justify-content: space-between; gap:24px; flex-flow: row; align-items: stretch; width: 100%; min-height: 429px; }
.box01 > .con { width: 100%; padding: 32px; border-radius: 16px; background: rgba(255, 255, 255, 1); box-shadow: 0 4px 24px 0 rgba(93, 95, 228, 0.16); backdrop-filter: blur(25px);}
.box01 > .con.type01 {max-width: 1020px; position: relative;}
.box01 > .con.type01 .main_tit_area {min-height: 48px;}
.box01 > .con.type02 {width: 324px; display: flex; flex-direction: column; justify-content: flex-start; gap: 34px; }

.box01 > .con.type02 .btn_box_center01 { display: flex ; width: 100%; justify-content: center; align-items: center; gap: 8px;}
.box01 > .con.type02 .btn_box_center01 .op_common_btn {width:100%;}
.box01 > .con.type02 .tit_img { width: calc(100% + 64px); margin-left: -36px; height:189px; background-image: url(../img/main/img_menu02.png); background-repeat: no-repeat; background-position: center bottom -12px; background-size: 280px auto; color: #5d5d5d; font-size: 17px; font-weight: 400; line-height: 1.5; text-align: center; position: relative; margin-top: 30px; }
.box01 > .con.type02 .tit_img > span { display: block; position: absolute; width: 56%; top: -50px; left: 50%; transform: translateX(-50%); }
.box01 > .con.type02 .my_onbid01 { display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; padding-top:8px; }
.box01 > .con.type02 .my_onbid01 > a { position: relative; display: block; width: 100%; text-align: center; }
.box01 > .con.type02 .my_onbid01 > a > span { color: #1e1e1e; font-size: 36px; font-weight: 700; line-height: 1.5; }
.box01 > .con.type02 .my_onbid01 > a > em { padding-left: 4px; color: #1e1e1e; font-size: 17px; font-weight: 400; line-height: 1.5; }
.box01 > .con.type02 .my_onbid01 > a > div { color: #5d5d5d; font-size: 17px; font-weight: 400; line-height: 1.5; }
.box01 > .con.type02 .my_onbid01 > a.on::after { position: absolute; left: 50%; transform: translateX(-50%); top:-8px; content:''; display: block; width:8px; height:8px; border-radius: 999px; background-color:#5d5fe4; }

.box01 > .con.type02 .my_onbid02 {padding: 20px 16px 20px 10px; margin: 25px 0 20px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } 
.box01 > .con.type02 .my_onbid02 > li + li { padding-top: 14px; }
.box01 > .con.type02 .my_onbid02 > li > a { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%;  }
.box01 > .con.type02 .my_onbid02 > li > a > span { padding-left: 32px; color: #5d5d5d; font-size: 17px; font-weight: 600; line-height: 1.5; }
.box01 > .con.type02 .my_onbid02 > li > a > em {  padding-left: 4px; color: #1e1e1e; font-size: 21px; font-weight: 700; line-height: 1.5; }
.box01 > .con.type02 .my_onbid02 > li:nth-child(1) > a { background-position: left center; background-size: 24px 24px; background-repeat: no-repeat; background-image: url(../img/main/ico_myinfo01.svg); }
.box01 > .con.type02 .my_onbid02 > li:nth-child(2) > a { background-position: left center; background-size: 24px 24px; background-repeat: no-repeat; background-image: url(../img/main/ico_myinfo02.svg); }
.box01 > .con.type02 .my_onbid02 > li:nth-child(3) > a { background-position: left center; background-size: 24px 24px; background-repeat: no-repeat; background-image: url(../img/main/ico_myinfo03.svg); }
.box01 > .con.type02 .my_onbid02 > li > a.on::after { position: absolute; right: -4px; top:-4px; content:''; display: block; width:4px; height:4px; border-radius: 999px; background-color:#5d5fe4; }
.box01 > .con.type02 .my_onbid_area { margin-top: -10px; }
.box01 > .con.type02 .my_onbid_area .btn_myinfo {  display: flex; align-items: center; justify-content: center; width: 100%; color: #5d5d5d; font-size: 17px; font-weight: 600; line-height: 1.5;  }
.box01 > .con.type02 .my_onbid_area .btn_myinfo::before { content:''; display: inline-block; width:20px; height:20px; margin-right: 4px; background: url(../img/main/ico_myinfo04.svg) no-repeat center center; background-size: 24px 24px; }


.box01 .main_con01 {display: flex; flex-flow: column; gap: 32px;}
.box01 .main_con01 .btn_box_rht {display: flex; justify-content: end; margin-top: -17px;}
.box02 > .con.type03 {max-width: 1044px; width: calc(100% - 324px);}
.box02 > .con.type04 {width: 324px;}
.box02 {display: flex; justify-content: space-between; align-items: flex-start; gap:0; flex-flow: row; width: 100%; }
.box03 {display: flex; justify-content: space-between; align-items: flex-start; gap:0; flex-flow: row; width: 100%; }
.box03 > .con { width: calc(50% - 12px);}
.box03 > .con + .con {margin-left:24px;}
.m_ck_list {display: flex; gap:12px; flex-direction: column; width: 100%; /* min-height: 40px; */ }
.m_ck_list .op_common_radio01 { width: auto;}
.m_ck_list .op_common_chk01 { width: auto;}

.txt_btn_list {display: flex; justify-content: center; margin-top:16px;}
.txt_btn_list button {min-width:auto;}
.txt_btn_list button + button {padding-left:24px;}
.txt_btn_list button + button::before {content: ''; display: inline-block; width:1px; height:20px;  margin-right:24px; background: rgba(0, 0, 0, .12);}
.txt_btn_list .op_common_btn {color: #5d5d5d; font-size: 17px; line-height: 1.5; font-weight: 600;}
.main_bottom_area {display: flex; justify-content: flex-start; align-items: flex-start; gap: 20px; margin-top: 24px; }
.main_btn_banner {display: flex; justify-content: space-between; align-items: flex-start; flex-flow: nowrap; width: 100%; border-radius: 16px; background: rgba(255, 255, 255, 1); box-shadow: 0 4px 24px 0 rgba(93, 95, 228, 0.16); backdrop-filter: blur(25px); padding: 0 32px; }
.main_btn_banner > li { height: 214px; min-width: 165px; position: relative;}
.main_btn_banner > li ~ li::before { content: ''; position: absolute; width: 1px; height: calc(100% - 63px); background-color: rgba(0,0,0,.12); top: 33px; left: -32px; }
.main_btn_banner > li > button  {display: flex; align-items: flex-start; flex-flow: column; max-width: 165px; width: 100%; height: 214px; padding: 32px 0; text-align: left; background-position: left 0 bottom 24px; background-size: 60px 60px; background-repeat: no-repeat; position: relative; }
.main_btn_banner > li > button::after { content: ''; width: 24px; height: 40px; background-image: url(../img/ico_chevron_right_thick_black.svg); background-repeat: no-repeat; background-position: center; right: 0; bottom: 24px; position: absolute; }
/* .main_btn_banner > li > button:active {opacity: .8;} */
.main_btn_banner > li:nth-child(1) button {background-image: url(../img/main/ico_menu3_01.svg);}
.main_btn_banner > li:nth-child(2) button {background-image: url(../img/main/ico_menu3_02.svg);}
.main_btn_banner > li:nth-child(3) button {background-image: url(../img/main/ico_menu3_03.svg);}
.main_btn_banner > li button span {display:block; font-size: 23px; color: #1e1e1e; font-weight: 600; line-height: 1.5; }
/* .main_btn_banner > li button span::after { content:''; display: inline-block; width:24px; height:24px; margin-left:6px; background-image: url(../img/main/ico_menu3_arrow.svg); background-position: center bottom; background-repeat: no-repeat;  } */
.main_btn_banner > li button span br {display: none;}
.main_btn_banner > li button em {display:block; margin-top: 4px; font-size: 15px; color: #5d5d5d; font-weight: 400; line-height: 1.4;}
.main_notice_area {width: 100%; max-width: 681px; height: 214px; border-radius: 16px; background: rgba(255, 255, 255, 1); box-shadow: 0 4px 24px 0 rgba(93, 95, 228, 0.16); backdrop-filter: blur(25px); }
.main_notice_area .main_notice { padding: 32px; }
.main_notice_area .main_notice .main_notice_tit { display: flex; justify-content: space-between; align-items: flex-start; gap:20px; flex-flow: nowrap; }
.main_notice_area .main_notice .main_notice_tit > .notice_txt { position: relative; width: 100%; display:flex; justify-content: space-between; align-items: center; font-size: 23px; color: #1e1e1e; font-weight: 600; line-height: 1.5; }
.main_notice_area .main_notice .main_notice_tit > .notice_txt .tit01 { display: flex; align-items: center; gap: 8px; }
.main_notice_area .main_notice .main_notice_tit > .notice_txt .tit01::before {
	width: 40px;
	height: 40px;
	content: '';
	background-image: url(../img/main/ico_tit_news.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	position: relative;
	display: inline-block;
}
.main_notice_area .main_notice .main_notice_tit > .notice_txt .more_btn_box { display: flex; justify-content: flex-end; align-items: center; gap: 6px; }
.main_notice_area .main_notice .main_notice_tit > .notice_txt .more_btn_box .m_txt  { position: relative; right:0; top:0; width: max-content; height: 34px; min-width: unset; vertical-align: top; display: flex; gap: 4px; align-items: center; background-color: #ededfd; padding: 4px 16px; border-radius: 999px; }
.main_notice_area .main_notice .main_notice_tit > .notice_txt .more_btn_box .m_txt .txt {color: #5d5fe4; font-size: 17px; font-weight: 600; }
.main_notice_area .main_notice .main_notice_tit > .notice_txt .more_btn_box .m_txt .ico_more_arrow {background-position: right 0 top 1px; background-image: url(../img/ico_chevron_right_thick_blue01.svg); background-size: 18px 18px; }

.pd_list { display: flex; flex-flow: column wrap;  justify-content: flex-start; align-items: flex-start; height: 424px;}
.pd_list .swiper-slide:nth-child(even) {margin-top: 24px !important;}
.pd_list .swiper-slide {display: block; width: 50%; max-width: 522px; height:200px !important; padding-right:24px; }
.pd_list .swiper-slide > a {display: block; width: 100%; border:1px solid #dcdcdc; border-radius: 12px; overflow: hidden;}
.pd_list .swiper-slide .pd_con {display: flex; flex-flow: row; align-items: flex-start; justify-content: flex-start;}
.pd_list .swiper-slide .img_thumb {width:40.5%; height:200px;}
.pd_list .swiper-slide .img_thumb > img {width: 100%; height:100%;}
.pd_list .swiper-slide .txt_info {width: calc(100% - 45%); padding: 24px;}
.pd_list .swiper-slide .txt_info .tit {color: #1e1e1e; font-size: 21px; line-height: 1.5; font-weight: 700;}
.pd_list .swiper-slide .txt_info .txt { width:100%; margin-top:12px; /* overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; */ color: #1e1e1e; font-size: 17px; line-height: 1.5; font-weight: 400; }
.pd_list .swiper-slide .txt_info .txt.elip {
	line-clamp: 3;
    -webkit-line-clamp: 3;
}
.pd_list .swiper-slide .txt_info .date { margin-top:2px; color: #717171; font-size: 15px; line-height: 1.5; font-weight: 400;}

.ev_list .swiper-slide {display: block; width:100%; overflow: hidden;}
.ev_list .swiper-slide > a {display: block;}
.ev_list .swiper-slide .ev_con {display: flex; flex-flow: row; justify-content: flex-start; align-items: flex-start; width: 100%;}
.ev_list .swiper-slide .img_thumb {width:100%; height:424px;}
.ev_list .swiper-slide .img_thumb > img {width: 100%; height:100%; border-radius: 12px;}

.op_pd_swiper01 {padding-bottom:52px;}
.op_ev_swiper01 {padding-bottom:52px;}

.op_tbl .swiper-pagination-bullet,
.op_pd_swiper01 .swiper-pagination-bullet,
.op_ev_swiper01 .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 3px !important; background-color: #b9b9b9; border-radius: 999px; opacity: 1;}
.op_tbl .swiper-pagination-bullet-active,
.op_pd_swiper01 .swiper-pagination-bullet-active,
.op_ev_swiper01 .swiper-pagination-bullet-active  { width: 30px; height: 10px; background-color: #5D5D5D; border-radius: 10px; }
.op_pd_swiper01 .swiper-info,
.op_ev_swiper01 .swiper-info { display: flex; flex-flow: nowrap; justify-content: center; align-items: center; position: absolute; left:0; bottom:0; width:100%; }
.op_tbl .swiper-info .swiper-pagination { height:10px; margin: 0;}
.op_pd_swiper01 .swiper-info .swiper-pagination,
.op_ev_swiper01 .swiper-info .swiper-pagination { width:auto; display: inline-block; position: unset; }
.op_pd_swiper01 .swiper-info .btn_stopPlay,
.op_ev_swiper01 .swiper-info .btn_stopPlay { width:20px; height:20px; margin-left:4px; display: inline-block; background: url(../img/main/ico_stop_items.svg) no-repeat center center; background-size: 20px 20px; position: relative; z-index:1; color: transparent; font-size: 1px; }
.op_pd_swiper01 .swiper-info .btn_stopPlay.on,
.op_ev_swiper01 .swiper-info .btn_stopPlay.on { width:20px; height:20px; display: inline-block; background: url(../img/main/ico_play_items.svg) no-repeat center center; background-size: 20px 20px; position: relative; z-index:1; color: transparent; font-size: 1; /* opacity: .5; */ }


.news_item01 { margin-top:16px; }
.news_item01 .news_list {width:100%;}
.news_item01 .news_list li > a { width: 100%; display: flex; gap: 10px; justify-content: space-between; align-items: center; height: 31.5px;} 
.news_item01 .news_list li > a .txt { position: relative; width: calc(100% - 50px); padding-right: 20px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; color:#333; font-size: 17px; line-height: 1.5; font-weight: 600;}
.news_item01 .news_list li > a > em { position: relative; min-width: 105px; color:#666; font-size: 17px; text-align: right; font-weight: 400;}
/* .news_item01 .news_list li > a .op_cm_badge { min-width: 61px; } */
.news_item01 .news_list li > a.new .txt::before { position: absolute; right: 0; top: 3px; content:'N'; display: inline-block; width:20px; height:20px; background-color: #e0280a; border-radius: 4px; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.6; text-align: center; vertical-align: text-bottom; }
.news_item01 .news_list li > a.new .txt {font-weight: 600; }
.news_item01 .news_list li .op_cm_badge {width: 63px; padding-left: 0; padding-right: 0;}

.news_item02 { display: flex; gap: 24px; align-items: center; justify-content: flex-start; flex-flow: nowrap; width: 100%; /* margin-top: 24px; */ }
.news_item02 .news_list {width:100%; max-width: 324px; height: 325px; display: block; border-radius: 16px; border:1px solid #dcdcdc; }
.news_item02 .news_list .img_thumb { width: 100%; height: 194px; overflow: hidden; border-radius: 16px 16px 0 0; position: relative; } 
.news_item02 .news_list .img_thumb > img { width: 100%; height: 100%; object-fit: cover;}
.news_item02 .news_list .img_thumb .play {position: absolute; left:calc(50% - 28px); top:80px; display: inline-block; width:57px; height: 41px;}
.news_item02 .news_list .tit_h1 { padding: 30px 24px 0; color:#5d5fe4; font-size: 19px; font-weight: 700; line-height: 1.4; }
.news_item02 .news_list .tit { width: 100%; padding: 10px 24px 0; margin-bottom: 30px; color:#0d0d0d; font-size: 21px; font-weight: 600; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.news_item02 .news_list .txt { padding-top: 4px; color:#333; font-size: 17px; font-weight: 400; line-height: 1.5; }
.news_item02 .news_list .date { padding-top: 4px; color:#666; font-size: 17px; font-weight: 400;line-height: 1.5; }

.news_item { /* margin-top:24px; */ padding: 32px 32px 24px; border:1px solid #dcdcdc; border-radius: 16px;}
.news_item .top_news { display: flex; align-items: flex-start; justify-content: left; flex-flow: row; gap:24px; width:100%; }
.news_item .date_wrap { display: flex; align-items: center; justify-content: center; flex-flow: column; gap:4px; width:100px; height:100px; background-color: #dedeff; border-radius: 12px; color: #1f00a1; text-align: center;}
.news_item .date_wrap em {font-size: 40px; font-weight: 600;}
.news_item .date_wrap span {font-size: 17px; font-weight: 400;}
.news_item  .con_wrap {width: calc(100% - 124px);}
.news_item  .con_wrap > p {width:100%; font-size: 25px; font-weight: 600; line-height:1.5; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.news_item  .con_wrap > div {padding-top:10px; color: #5d5d5d; line-height:1.5; font-size: 17px; font-weight: 400;}
.news_item > hr {border: 0; margin: 32px -32px 24px; width: calc(100% + 64px); height:1px; background-color: #dcdcdc; }
.news_item .news_list {width:100%;}
.news_item .news_list li + li {padding-top:8px;}
.news_item .news_list li > a {display: flex; justify-content: space-between; align-items: center;} 
.news_item .news_list li > a > span { width: calc(100% + 105px); overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; color:#1e1e1e; font-size: 21px; line-height: 1.5; font-weight: 600;}
.news_item .news_list li > a > em { min-width: 105px; color:#717171; font-size: 17px; text-align: right; font-weight: 400;}

.op_common_btn01  { display: flex; justify-content: center; align-items: center; gap: 6px; width: max-content; max-width: 100%; min-width: 208px; height:48px; padding: 10px 20px; background-color: #ededfd; border-radius: 999px; }
.op_common_btn01:active  {  opacity: .7; }
.op_common_btn01 .txt { color: #5d5fe4; font-size: 21px; font-weight: 700;}
.op_common_btn.m_txt { padding-left:4px; color: #1e1e1e; font-size: 17px; font-weight: 600;}

.ico_m_search {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_m_search.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_m_search_w {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_m_search_w.svg");
	
	background-position: center center;
	flex-shrink: 0;
}
.ico_m_map {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-size: 17px 20px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_m_map.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_m_arrow {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_arrow_rht.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_more_arrow {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-size: 10px 18px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_menu3_arrow.svg");
	background-position: right 3px top 1px;
	flex-shrink: 0;
}
.ico_rocket {
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background-size: 64px 64px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_tit_rocket.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_my {
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_tit_my.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_my02 {
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_tit_my02.svg");
	background-position: center center;
	flex-shrink: 0;
}

.ico_item01 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_tab01.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item02 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_tab02.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item03 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_tab03.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item04 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_menu5_01.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item05 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_menu5_02.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item06 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_menu5_03.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item07 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_menu5_04.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item08 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_cardnews_off.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_item09 {
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-size: 28px 28px;
	background-repeat: no-repeat;
	background-image: url("../img/main/ico_youtube_off.svg");
	background-position: center center;
	flex-shrink: 0;
}

.tab_con.type_col {
    display: flex;
    flex-flow: row;
    gap: 45px;
}
.tab_con.type_col .tab_list_wrap .tab_list {
    flex-flow: column;
    gap: 10px;
}
.tab_con.type_col .tab_list_wrap .tab_list li a {
    min-width: 134px;
    height: 60px;
    padding: 0 20px;
    border-radius: 12px;
    border:1px solid #b9b9b9;
    background-color: #fff;
    color: #5d5d5d;
    font-size: 21px;
    font-weight: 700;
	justify-content: flex-start;
    gap: 8px;
}
.tab_con.type_col .tab_list_wrap .tab_list li a.on {
    border:1px solid #5d5fe4;
    background-color: #fff;
    color: #5d5fe4;
    box-shadow: 0 4px 8px 0 rgba(93, 95, 228, .3);
}
.tab_con.type_col .tab_list_wrap .tab_list li a.on .ico_item01 {background-image: url("../img/main/ico_tab01_on.svg");}
.tab_con.type_col .tab_list_wrap .tab_list li a.on .ico_item02 {background-image: url("../img/main/ico_tab02_on.svg");}
.tab_con.type_col .tab_list_wrap .tab_list li a.on .ico_item03 {background-image: url("../img/main/ico_tab03_on.svg");}
.tab_con.type_col .tab_content_wrap {width: 100%; min-height: 220px; overflow-y: auto;}
.tab_con.type_col  .tab_contents {background-color: transparent;}

/* tab bar*/
.tab_con.type_bar {
    display: flex;
	flex-flow: column;
	gap:24px;

}
.tab_con.type_bar .tab_contents { background-color: transparent;}
.tab_con.type_bar .tab_list_wrap .tab_list {
    flex-flow: row;
}
.tab_con.type_bar .tab_list_wrap .tab_list li + li {margin-left:-2px;}
.tab_con.type_bar .tab_list_wrap .tab_list li a {
    width: 100%;
    height: 72px;
    padding: 20px;
    background-color: #fff;
    color: #717171;
    font-size: 23px;
    font-weight: 600;
	justify-content: center;
    /* gap: 8px; */
	border:1px solid #dcdcdc;
}
.tab_con.type_bar .tab_list_wrap .tab_list li:first-child a {
	border-radius: 12px 0 0 12px;
}
.tab_con.type_bar .tab_list_wrap .tab_list li:last-child a {
	border-radius: 0 12px 12px 0;
}
.tab_con.type_bar .tab_list_wrap .tab_list li a.on {
    background-color: #5d5fe4;
	border:1px solid #5d5fe4;
    color: #fff;
    font-weight: 700;
}
/* tab bar*/

.m_flex_row {
    width: 100%;
	display: flex;
	gap: 24px;
}
.m_flex_row > div {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
    align-items: flex-start;
	gap:12px;
    width: 100%;
	/* min-height: 40px; */
	margin-top: 10px;
}
.m_flex_row > div:first-child {
	width: 60%;
}
.m_flex_row > div .tit {
	min-width: 74px;
	/* padding-top: 11px; */
	padding-top: 2px;
    color: #1e1e1e;
    font-size: 19px;
    font-weight: 600;
	flex-shrink: 0;
}
/* .m_flex_row > div + div { 
	margin-top: 26px;
} */
.m_flex_row > div:nth-child(4) .select_wrap {
	display: flex;
	gap: 8px;
	width: 100%;
}
.m_flex_row > div .op_common_select { 
	width: 180px;
}
.op_common_btn.big {
    min-height: 60px;
    padding: 10px 20px 10px 20px;
    border-radius: 999px;
    gap: 6px;
    line-height: 1.5;
    min-width: 280px;
}
.op_common_btn.big .txt {
    font-size: 21px;
    font-weight: 700;
}
.op_common_btn.big [class*="ico"] {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-position: center center;
    flex-shrink: 0;
}

.filter_i { display: flex; align-items: center; justify-content: flex-start; width: 100%; gap: 8px;}
.filter_i .op_common_radio_m { margin-right: 0 !important;}
.op_common_radio_m { position: relative; display: flex; width: max-content; box-sizing: border-box; }
.op_common_radio_m > input:checked{ display: block; }
.op_common_radio_m > label{ width: max-content; height: 44px; padding:12px 20px 12px 16px; background-color:#f3f3f3; border:1px solid #f3f3f3; border-radius: 999px; flex-shrink: 0; font-size: 19px; font-weight: 600; color: #666; line-height: 1.5; padding-right: 20px; display: flex; gap: 8px; align-items: center; }
.op_common_radio_m > label i { width:24px; height:24px;background-size:24px 24px; }
.op_common_radio_m > input:checked ~ label { background-color:#fff; border: 1px solid #5d5fe4; color: #5d5fe4; font-weight: 700; }
.op_common_radio_m > input:checked ~ label .ico_item01 {background-image: url("../img/main/ico_tab01_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item02 {background-image: url("../img/main/ico_tab02_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item03 {background-image: url("../img/main/ico_tab03_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item04 {background-image: url("../img/main/ico_menu5_01_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item05 {background-image: url("../img/main/ico_menu5_02_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item06 {background-image: url("../img/main/ico_menu5_03_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item07 {background-image: url("../img/main/ico_menu5_04_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item08 {background-image: url("../img/main/ico_cardnews_on.svg");}
.op_common_radio_m > input:checked ~ label .ico_item09 {background-image: url("../img/main/ico_youtube_on.svg");}
.op_pd_swiper01 .swiper-info .swiper-pagination, .op_ev_swiper01 .swiper-info .swiper-pagination {height: 10px; font-size: 0;}
.btn_box_fix { position: absolute; right:28px; top:32px; display: flex; flex-flow:row; align-items: center; justify-content: center; gap:8px; width: auto; }	

@keyframes mainTopBg {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
/*mainIcon01 2.3s ease infinite alternate*/
@keyframes mainIcon01 {
	0%{
		transform: translateY(-5px);
	}
	100%{
		transform: translateY(5px);
	}
}

.op_cm_badge.type12{
    background-color: #f6f8fe;
	border: 1px solid #bbcdff;
    color: #5d5fe4;
	min-width: 61px;
}
.op_cm_badge.type13{
    background-color: #fff;
	border: 1px solid #dcdcdc;
    color: #000;
}

@media screen and (max-width:1280px) {
	/* .main .header_mo > .group {display: none;} */
	.main_section:nth-child(1) {margin-top: -52px; padding: 52px 0 40px; /* background-image: url(../img/main/img_main_visuil_bg1_t_mo.svg); background-size: 164px 296px ; background-position: right -63px top 27px; */ }
	/* .main_section:nth-child(1)::after {content:''; display: block; position: absolute; left:-86px; bottom: -50px; z-index: -1; width: 260px; height:244px;  background-image: url(../img/main/img_main_visuil_bg1_b_mo.svg); background-size: 260px 244px ; background-position: left bottom 0; background-repeat: no-repeat;} */
	.main_section:nth-child(1)::before { height: 100%; min-height: unset; background: linear-gradient(6deg, #d0e0ff 29.92%, #eef 57.8%, #f8f8ff 72.67%, #fff 74.33%);}
	.main_section:nth-child(2) .main_cont,
	.main_section:nth-child(3) .main_cont {padding:32px 20px;}
	.main_section:nth-child(4) .main_cont {padding: 48px 20px;}
	.main_contianer01 .main_ico_wrap {display: none;}
	.tit_copyright { margin: 16px 0 20px;font-size: 21px;}
	.tit_copyright > em { font-size: 14px;} 
	.main_section .main_cont { padding: 0 20px;}
	.con.type02 .main_tit_area { margin-bottom:0;}
	.main_tit_area { margin-bottom:20px;}
	.main_tit_area h2 {font-size: 19px;}
	.main_tit_area h3 {font-size: 21px;}
	.main_section .main_cont .op_tbl_case04 {padding-top: 16px; padding-bottom:30px; flex-wrap: wrap; flex-flow:row; justify-content: flex-start;}
	.box01 > .con.type01 .main_tit_area .rht_box > button > .ico_m_arrow { display: none;}
	.box01 > .con.type01 .main_tit_area .rht_box > button > .txt > span {display: none;}
	.box01 > .con.type01 .main_tit_area {min-height: unset;}
	.box01 .main_con01 .btn_box_rht { margin-top: 24px;}
	.op_common_btn01  { gap: 6px; width: max-content; max-width: 100%; min-width: unset; height:36px; padding: 5px 16px; }

	.op_common_btn01 .txt { font-size: 14px; font-weight: 600;}
	.op_common_btn.m_txt { font-size: 15px; min-width: unset;}
	.main_tit_area .rht_box {gap:8px;}

	.ico_m_search {width: 20px; height: 20px; background-size: 20px 20px;}
	.ico_m_arrow {width: 20px; height: 20px; background-size: 20px 20px;}
	.ico_m_map {width: 20px; height: 20px; background-size: 13px 16px;}
	.box01 {flex-flow: column;}
	.box01 > .con {padding: 20px 20px 24px 20px; background: rgba(255, 255, 255, 1);}
	.tab_con.type_col {flex-flow: column; gap:24px;}
	.tab_con.type_col .tab_list_wrap .tab_list {flex-flow: row; gap: 6px;}
	.tab_con.type_col .tab_list_wrap .tab_list li a {
		min-width: unset;
		height: 68px;
		padding: 0 12px;
		font-size: 17px;
		font-weight: 700;
		flex-flow: column;
		justify-content: center;
		gap: 4px;
	}
	.ico_rocket {
		width: 24px;
		height: 24px;
		background-size: 34px 34px;
	}
	.ico_my {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}
	.ico_item01 {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}
	.ico_item02 {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}
	.ico_item03 {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}
	.ico_more_arrow {
		width: 16px;
		height: 16px;
		background-size: 6px 11px;
		background-position: right 3px top 2px;
	}
	.m_flex_row {
		flex-flow: column;
		justify-content: start;
		align-items: flex-start;
	}
	/* .m_flex_row > div + div { margin-top: 24px; } */
	.m_flex_row > div { flex-flow: column; gap: 8px; }
	.m_flex_row > div:first-child { width: 100%; }
	.m_flex_row > div .tit {margin-bottom: 8px; font-size: 16px;}
	.m_flex_row > div .op_common_select { width: calc(50% - 4px); }
	.m_ck_list { gap:8px 16px; flex-flow: row; flex-flow: nowrap; flex-wrap: wrap; justify-content: flex-start; min-height: 23px; }
	.m_ck_list .op_common_chk01 {width:auto;}
	.tab_con.type_col .tab_contents {padding: 0;}
	.box01 > .con.type02 {width: 100%; gap:16px;}
	.box01 > .con.type02 .my_onbid_area { margin-top: 0;}

	.main_bottom_area {flex-flow: column;}

	.main_btn_banner {gap:20px; justify-content: space-between; padding: 12px 16px; background: rgba(255, 255, 255, 1); }
	.main_btn_banner > li { width: 100%; height: 69px; min-width: unset; text-align: center; }
	.main_btn_banner > li ~ li::before { height: 100%; top: 0; left: -12px; }
	.main_btn_banner > li > button { max-width: unset; padding: 0; text-align: center; background-position: center top 2px; background-size: 40px 40px; background-repeat: no-repeat; }
	.main_btn_banner > li > button:active {opacity: .8;}
	.main_btn_banner > li:nth-child(1) button {background-image: url(../img/main/ico_menu3_01.svg);}
	.main_btn_banner > li:nth-child(2) button {background-image: url(../img/main/ico_menu3_02.svg);}
	.main_btn_banner > li:nth-child(3) button {background-image: url(../img/main/ico_menu3_03.svg);}
	.main_btn_banner > li > button::after { display: none; }
	.main_btn_banner > li button span {display:block; width: 100%; padding-top: 46px; font-size: 15px;}
	.main_btn_banner > li button span::after { display:none; }
	.main_btn_banner > li button span br {display: block;}
	.main_btn_banner > li button em {display:none;}
	.main_notice_area { width: 100%; max-width: unset; height: auto; }
	.main_notice_area .main_notice { padding: 20px 20px 24px; overflow: hidden; }
	.main_notice_area .main_notice .main_notice_tit {  gap:16px; flex-flow: column; }
	.main_notice_area .main_notice .main_notice_tit > .notice_txt { width: 100%; display:flex; justify-content: space-between; font-size: 19px; color: #1e1e1e; font-weight: 600; line-height: 1.5; }
	.main_notice_area .main_notice .main_notice_tit > .notice_txt .tit01::before {
		width: 24px;
		height: 24px;
		background-size: 24px 24px;
	}
	.main_notice_area .main_notice .main_notice_tit > .notice_txt .more_btn_box .m_txt  { display: flex; align-items: center; justify-content: end; position: unset; height: 28px; vertical-align: top; padding: 5.5px 8px 5.5px 10px; }
	.main_notice_area .main_notice .main_notice_tit > .notice_txt .more_btn_box .m_txt .txt {font-size: 13px;}
	.main_notice_area .main_notice .main_notice_tit > .notice_txt .more_btn_box .m_txt .ico_more_arrow { background-position: right 0 top 0; background-size: 16px 16px; }


	.box01 > .con.type01 {width: 100%; max-width:unset;}
	.box01 > .con.type02 .tit br {display: none;}
	.box01 > .con.type02 .tit_img { width: 100%; margin-left: 0; margin-bottom:32px; height:auto; background:none; color: #333;font-size: 14px; margin-top: 0;}
	.box01 > .con.type02 .tit_img > span { display: block; width: 100%; top: 0; left: 0; transform: translateX(0); }
	.box01 > .con.type02 .my_onbid01 > a > span { font-size: 32px; }
	.box01 > .con.type02 .my_onbid01 > a > em { font-size: 16px; }
	.box01 > .con.type02 .my_onbid01 > a > div { font-size: 15px; }
	.box01 > .con.type02 .my_onbid02 {padding: 16px 0 ; margin: 16px 0; } 
	.box01 > .con.type02 .my_onbid02 > li + li { padding-top: 12px; }
	.box01 > .con.type02 .my_onbid02 > li > a > span { font-size: 15px;  }
	.box01 > .con.type02 .my_onbid02 > li > a > em { font-size: 19px; }
	.box01 > .con.type02 .my_onbid_area .btn_myinfo { font-size: 15px; }

	.box01 .main_con01 .btn_box_fix .op_common_btn01 {width: 100%;}
	.box02 > .con.type03 {width: 100%; max-width: unset;}
	.box02 > .con.type04 {width: 100%;}
	.box02 { gap:48px; flex-flow: column; width: 100%; }
	.box03 {flex-flow: column;gap: 48px;}
	.box03 > .con {width:100%;}
	.box03 > .con + .con {margin-left:0;}
	.pd_list { display: flex; flex-flow: row nowrap; gap: 0;height: auto!important;}
	.pd_list .swiper-slide:nth-child(even) {margin-top: 0 !important;}
	.pd_list .swiper-slide {display: block; width:74vw !important; max-width: unset; height:auto !important; padding-right: 12px; margin-right: 0;}
	.pd_list .swiper-slide > a {display: block; border:1px solid #dcdcdc; border-radius: 12px; overflow: hidden;}
	.pd_list .swiper-slide .pd_con {flex-flow: column; }
	.pd_list .swiper-slide .img_thumb {width:100%; height:178px;}
	.pd_list .swiper-slide .img_thumb > img {width: 100%; height:100%;}
	.pd_list .swiper-slide .txt_info {width: 100%; padding: 12px 16px; min-height: 128px;}
	.pd_list .swiper-slide .txt_info .tit {font-size: 17px; }
	.pd_list .swiper-slide .txt_info .txt { margin-top:8px; font-size: 15px; }
	.pd_list .swiper-slide .txt_info .txt.elip { line-clamp: 2; -webkit-line-clamp: 2; }
	.pd_list .swiper-slide .txt_info .date { margin-top:2px; font-size: 14px; }
	.pd_list .swiper-slide:nth-child(even) {margin-bottom: 0;}
	.op_pd_swiper01 { padding-bottom:30px; margin: 0 -20px; padding-left:20px;}
	.op_ev_swiper01 {margin: 0 -20px; padding:0 20px 40px; }
	.op_pd_swiper01 .swiper-info .swiper-pagination, .op_ev_swiper01 .swiper-info .swiper-pagination {margin: 0; height: 10px;}

	.ev_list .swiper-slide .img_thumb { height:auto;}

	.main_section .main_cont .card_type01 .con_area01 > .right_box .card_list_type01 .txt_box03 {
		min-height: 48px;
	}

	.tab_con.type_bar { gap: 16px;}
	.tab_con.type_bar .tab_list_wrap .tab_list li a { height:40px; padding: 11px 0; font-size: 15px;}
	.tab_con.type_bar .tab_list_wrap .tab_list li a > span {display: none;}
	.tab_con.type_bar .tab_contents {padding:0}
	.op_common_radio_m > label{height:32px; padding:8px 12px 8px 10px; font-size: 15px; gap: 4px; }
	.op_common_radio_m > label i { width:20px; height:20px;background-size:20px 20px; }
	.s_tbl {margin: 0 -20px; }
	.op_tbl { position:relative;  padding: 0 20px;}
	/* .op_tbl::after {content:''; position: absolute; z-index: 1; right: -20px; top:0; width:40px; height:100%; background: linear-gradient( 270deg, #f9f9f9 50%, rgba(249, 249, 249, 0) 100%);} */
	.op_tbl .op_tbl_case04 { gap: unset;}
	.op_tbl .op_tbl_case04 > li {width: 74%; margin-right:0;}
	.filter_i { gap: 4px;}
	.news_item {margin-top:16px; padding: 16px;}
	.news_item > hr {margin: 16px -16px;  width: calc(100% + 32px);}

	.news_item .top_news { gap:16px; align-items: center;}
	.news_item .date_wrap { gap:4px; width:68px; height:68px; border-radius: 8px; }
	.news_item .date_wrap em {font-size:25px;}
	.news_item .date_wrap span {font-size: 14px; }
	.news_item  .con_wrap {width: calc(100% - 84px);}
	.news_item  .con_wrap > p {font-size: 19px; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: unset;}
	.news_item  .con_wrap > div {display: none;}
	.news_item > hr {border: 0; margin: 16px -16px; width: calc(100% + 32px); height:1px; background-color: #dcdcdc; }
	.news_item .news_list {width:100%;}
	.news_item .news_list li + li {padding-top:12px;}
	.news_item .news_list li > a { justify-content: flex-start; align-items: flex-start; flex-flow: column;} 
	.news_item .news_list li > a > span { width: 100%; font-size: 17px; }
	.news_item .news_list li > a > em { margin-top:1px; font-size: 15px; text-align: left;}

	.news_item01 .news_list { display: flex; justify-content: flex-start; align-items: flex-start; gap: 12px; flex-flow: column; }
	.news_item01 .news_list li {width: 100%;}
	.news_item01 .news_list li > a { justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 4px; height: auto;  width: 100%; }
	.news_item01 .news_list li > a .txt { margin-left: 4px; }
	.news_item01 .news_list li > a:has(.op_cm_badge.type12) .txt { width: calc(100% - 70px); padding-right: 0; }
	.news_item01 .news_list li > a.new:has(.op_cm_badge.type12) .txt { width: calc(100% - 76px); padding-right: 0; }
	.news_item01 .news_list li > a:has(.op_cm_badge.type13) .txt { width: calc(100% - 71px); padding-right: 0; }
	.news_item01 .news_list li > a.new:has(.op_cm_badge.type13) .txt { width: calc(100% - 76px); padding-right: 0; }
	.news_item01 .news_list li > a > em {text-align: left; display: block; margin-top: 4px; font-size: 15px;}
	.news_item02 { gap: 16px; align-items: flex-start; justify-content: flex-start; flex-flow: column; width: 100%; margin-top: 16px; }
	.news_item02 .news_list {width:100%; max-width: 100%; }
	.news_item02 .news_list .img_thumb { height: auto; max-height: 194px; } 
	.news_item02 .news_list .img_thumb > img { width: 100%; height: 100%; }
	.news_item02 .news_list .tit_h1 { padding-top: 16px; margin-bottom: 0; }
	.news_item02 .news_list .tit { font-size: 19px; padding-top: 21px; margin-bottom: 20px; }
	.news_item02 .news_list .txt { font-size: 16px; }
	.news_item02 .news_list .date { font-size: 15px; }

	.op_common_btn.big { min-height: 48px; padding: 12px 20px; border-radius: 999px; gap: 6px; line-height: 1.5; min-width: 280px; }
	.op_common_btn.big .txt {font-size: 17px;}
	.btn_box_fix { position: relative; right:unset; top:unset; display: flex; flex-flow:row; align-items: center; justify-content: center; gap:8px; width: 100%; margin-top: -12px;}	
	.txt_btn_list .op_common_btn {font-size: 14px;}
	.txt_btn_list button + button { padding-left: 0; }
	.txt_btn_list button + button::before { height:18px; position: absolute; left:0; margin-right: 0; }

	.swiper_m_tab02 { overflow: hidden; margin: 0 -20px; padding: 0 20px;}
	.mo_h1_logo { display: block; width: 55px; height: 25px; box-sizing: border-box; background-size: 55px 25px; background-repeat: no-repeat; background-image: url("../img/ico_logo_kr.svg"); background-position: center center; flex-shrink: 0; }

}

@media screen and (max-width:1440px) {
	.quick_menu_wrap {display: none;}
}