@charset "utf-8"; /* 메인 css / 240401 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"); /**/
@font-face { font-family: 'PuradakGentleGothicR'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.1/PuradakGentleGothicR.woff2') format('woff2'); font-weight: normal; font-style: normal; } 
body { position: relative; min-height: 100%; font-family: 'Pretendard'; } 

.inner { position: relative; display: block; max-width: 1432px; margin: 0 auto; width: 100%; } 
.container.page .contents .inner { max-width: 100%; padding: 0; } 
.container.page .contents .sub .inner { max-width: 1432px; padding: 0 16px; } 
.container.page .contents .sub .inner.inner-mlg { max-width: 1046px; } 

/* header */
#header { position: relative; z-index: 9999; border-bottom: 2px solid #222; } 
.header { display: flex; justify-content: space-between; align-items: center; padding: 29px 0; } 
.header .logo { max-width: 150px; } 
.header .logo img { width: 100%; object-fit: contain; } 

.gnb { display: flex; justify-content: flex-end; align-items: center; height: 35px; } 
.gnb>ul { position: relative; display: flex; justify-content: space-between; align-items: flex-start; } 
.gnb ul li { position: relative; margin-left: 56px; } 
.gnb ul li>a { position: relative; display: flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; padding: 8px 16px; text-align: center; border-radius: 4px; font-family: 'Pretendard'; } 
.gnb ul li>a.on { background-color: #ECEFF3; color: var(--theme-color); } 
.gnb ul li>a>i { display: none; background: url(/images/common/ico_arrow_bottm_2x.png) no-repeat center / contain; width: 14px; height: 14px; } 
.gnb ul li:hover .main_menu { background-color: #ECEFF3; color: var(--theme-color); } 
.gnb ul li .sub_menu { position: absolute; display: none; left: 50%; transform: translateX(-50%); width: 100%; padding-top: 16px; min-width: 116px; } 
.gnb ul li .sub_menu>li { opacity: 0; height: 100%; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 10px 10px rgba(66, 66, 66, 0.06); margin-left: 0; overflow: hidden; transition: all 0.3s ease-in-out; } 
.gnb ul li .sub_menu>li.opacity_eff { opacity: 1; } 
.gnb ul li .sub_menu>li>a { font-family: 'Noto Sans KR'; display: flex; justify-content: center; align-items: center; margin-left: 0; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, 0.58); white-space: nowrap; padding: 8px 0; border-radius: 0; background-color: #fff; } 
.gnb ul li .sub_menu>li>a.on { background: #66BDEF; color: #fff; } 
.gnb ul li .sub_menu>li>a:hover { background: #66BDEF; color: #fff; } 
.gnb ul li:first-child>a { margin-left: 0; } 

.lang { position: relative; display: flex; margin-left: 24px; justify-content: flex-start; align-items: center; } 
.lang span { font-size: 16px; font-weight: 400; line-height: 1.2; padding: 8px 16px; } 

.side { position: fixed; top: 50%; transform: translateY(-50%); margin-right: -756px; z-index: 9999; right: 50%; } 
.side_list { display: flex; flex-direction: column; align-items: center; } 
.side_list>li { background-color: #ddd; border-radius: 130px; padding: 1px; overflow: hidden; margin-bottom: 16px; } 
.side_list>li.bar { width: 16px; height: 1px; } 
.side_list>li:not(.bar):hover { background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 0px, transparent 29px) 0% 0% / 30px 30px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 0px, transparent 29px) 100% 0% / 30px 30px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 0px, transparent 29px) 0% 100% / 30px 30px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 0px, transparent 0px) 100% 100% / 30px 30px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 2px) calc(100% - 100px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 60px) calc(100% - 16px) no-repeat, linear-gradient(0deg, #9da1f9 0%, #40e38f 100%); border-radius: 130px; box-sizing: border-box; } 
.side_list>li:last-child a { padding: 16px 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; } 
.side_list>li:last-child a i { margin-bottom: 6px; } 
.side_list>li>a { position: relative; display: block; width: 100%; height: 100%; background-color: #fff; border-radius: 130px; padding: 40px 20px; } 
.side_list>li>a img { position: relative; display: block; margin: 0 auto; width: 28px; height: 28px; object-fit: contain; margin-bottom: 10px; } 
.side_list>li>a span { position: relative; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; } 
.side_list>li>a div.anima_circle { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); background: linear-gradient(90deg, #00D2CE 0%, #28E087 100%); width: 48px; height: 48px; border-radius: 50%; transition: all 0.2s ease-in-out; } 
.side_list>li:hover div.anima_circle { top: 37%; transition: all 500ms cubic-bezier(0.260, 1.645, 0.490, 0.800); transition-timing-function: cubic-bezier(0.260, 1.645, 0.490, 0.800); } 

.mobile_toggle_btn { display: none; } 
/* header end */

/* main */
.main { position: relative; display: flex; padding: 104px 0 32px; margin-bottom: 160px; } 
.main::after { content: ''; position: absolute; bottom: 0; display: block; width: 60%; height: 1px; background-color: #EEEEEE; } 
.main .inner { display: flex; justify-content: flex-start; } 
.main .main_box { position: relative; display: block; width: 50%; } 
.main .main_box .main_swiper { z-index: 99; width: 540px; height: 750px; position: absolute; top: -77px; right: 116px; transition: all 0.3s ease-in-out; } 
.main .main_box .main_swiper:hover { scale: 1.01; } 
.main .main_box h3 { font-family: 'Pretendard'; font-size: 64px; font-weight: 800; line-height: 1.1; letter-spacing: -1px; text-align: left; margin-bottom: 24px; } 
.main .main_box>span { position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.58); margin-bottom: 48px; } 
.main .main_box span b { position: relative; display: inline-block; margin-right: 8px; font-weight: 700; color: rgba(0, 0, 0, 0.78); } 

.main_btn_ico { position: relative; z-index: 9; width: 32px; height: 32px; background-repeat: no-repeat !important; background-size: contain !important; } 
.main_btn_ico.mbi_01 { background: url('/images/skin/imjca/mbi_01.png'); } 
.main_btn_ico.mbi_02 { background: url('/images/skin/imjca/mbi_02.png'); } 
.main_btn_ico.mbi_03 { background: url('/images/skin/imjca/mbi_03.png'); } 

.main_btn { display: flex; justify-content: flex-start; align-items: center; } 
.main_btn li { position: relative; } 
.main_btn a { position: relative; display: flex; justify-content: space-between; align-items: center; border: 2px solid #2D3C5A; padding: 12px 4px 12px 16px; border-radius: 12px 4px 12px 12px; margin-right: 16px; min-width: 180px; overflow: hidden; } 
.main_btn li:first-child a { margin-right: 32px; } 
.main_btn li:first-child::after { content: ''; position: absolute; top: 20px; right: 16px; width: 1px; height: 16px; background-color: rgba(0, 0, 0, 0.30); } 
.main_btn li:last-child a { margin-right: 0; } 
.main_btn a::after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid var(--theme-color); border-left: 10px solid transparent; border-right: 10px solid var(--theme-color); transition: all 0.1s ease-in-out; } 
.main_btn a span { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; color: #2D3C5A; } 

.main_btn li.prevent a { background-color: rgba(0, 0, 0, 0.08); border: 2px solid #BBBBBB; } 
.main_btn li.prevent a span { color: rgba(0, 0, 0, 0.30); } 
.main_btn li.prevent a::after { border-bottom: 10px solid transparent; border-top: 10px solid rgba(0, 0, 0, 0.30); border-left: 10px solid transparent; border-right: 10px solid rgba(0, 0, 0, 0.30); } 
.main_btn li.prevent .main_btn_ico.mbi_01 { background: url('/images/skin/imjca/mbi_01_prevent.png'); } 
.main_btn_hover:hover::after { border-bottom: 20px solid transparent !important; border-top: 20px solid #66BDEF !important; border-left: 20px solid transparent !important; border-right: 20px solid #66BDEF !important; } 
.main_btn li.prevent .main_btn_hover:hover::after { border-bottom: 10px solid transparent !important; border-top: 10px solid rgba(0, 0, 0, 0.30) !important; border-left: 10px solid transparent !important; border-right: 10px solid rgba(0, 0, 0, 0.30) !important; } 

.main .go_award_btn { position: absolute; bottom: -130px; display: flex; justify-content: flex-start; background-color: #2D3C5A; padding: 18px 26px; border: none; min-width: 216px; } 
.main .go_award_btn span { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; color: #fff; } 
.main .go_award_btn i { background: url('/images/skin/imjca/go_award_winning.png') no-repeat center / contain; width: 34px; height: 28px; margin-right: 10px; } 
.main .go_award_btn::after { border-top: 10px solid #66BDEF; border-right: 10px solid #66BDEF; } 

.main_swiper { position: relative; display: block; overflow: hidden; border: 1px solid #ddd; border-radius: 4px; background-color: #fff; box-shadow: 4px 8px 16px 4px rgba(0, 0, 0, 0.08); } 

.main_swiper .swiper-slide .cover { position: absolute; display: flex; justify-content: center; align-items: center; top: 16px; left: 16px; width: calc(100% - 34px); height: calc(100% - 33px); z-index: -9; background-color: rgba(0, 0, 0, 0.30); } 
.main_swiper .swiper-slide .cover span { display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; color: #fff; cursor: pointer; } 
.main_swiper .swiper-slide .cover i { width: 32px; height: 32px; background: url('/images/skin/imjca/ico_zoom_in_2x.png') no-repeat center / contain; } 
.main_swiper .swiper-slide:hover .cover { z-index: 99; } 
.main_swiper .swiper-slide a { height: 100%; } 
.main_swiper .swiper-slide img { position: relative; width: 100%; height: 100%; object-fit: cover; display: block !important; } 
.fancybox-active .main_swiper .swiper-slide img.fake_img { padding-top: 0; } 
.compensate-for-scrollbar { margin-right: 0 !important; } 
.main_swiper .swiper-slide { padding: 16px; } 
.swiper_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; align-items: center; width: calc(100% - 32px); height: 0; z-index: 99999; } 
.swiper_btn a { pointer-events: all !important; transition: all 0.3s ease-in-out; background-image: none; width: 50px; height: 64px; background-color: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center; opacity: 1 !important; } 
.swiper_btn a.swiper-button-prev { left: 0; } 
.swiper_btn a.swiper-button-next { right: 1px; } 
.swiper_btn a img { width: 100%; width: 9px; height: 16px; margin-bottom: 0; } 
.swiper_btn a:first-child { border-radius: 0 4px 4px 0; } 
.swiper_btn a:last-child { border-radius: 4px 0 0 4px; } 

.main_swiper .swiper_paging { position: absolute; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #000; color: #fff; opacity: 0; transition: all 0.3s ease-in-out; } 
.main_swiper .swiper_paging.swiper_paging_prev { left: 30px; } 
.main_swiper .swiper_paging.swiper_paging_next { left: -30px; } 
.main_swiper .swiper_paging .swiper-pagination-fraction { bottom: inherit; color: #000; } 
.main_swiper .swiper_paging .swiper-pagination .swiper-pagination-current, .main_swiper .swiper_paging .swiper-pagination .swiper-pagination-total { color: #fff; font-size: 12px; font-weight: 400; } 
.main_swiper .swiper_paging .swiper-pagination .swiper-pagination-current { top: -7px; left: 21%; position: absolute; } 
.main_swiper .swiper_paging .swiper-pagination .swiper-pagination-total { top: 9px; left: 65%; position: absolute; } 
.main_swiper .swiper_paging .swiper-pagination-fraction::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 1px; height: 0; background-color: #fff; transition: all 0.5s ease-in-out; opacity: 0; } 

.main_swiper .swiper-button-prev .swiper_paging_prev { border-radius: 0 4px 4px 0; } 
.main_swiper .swiper-button-prev:hover { border-radius: 0; background-color: #000; } 
.main_swiper .swiper-button-prev:hover .swiper_paging_prev { left: 97%; opacity: 1; } 
.main_swiper .swiper-button-prev:hover .swiper-pagination-fraction::after { height: 30px; opacity: 1; } 

.main_swiper .swiper-button-next .swiper_paging_next { border-radius: 4px 0 0 4px; } 
.main_swiper .swiper-button-next:hover { border-radius: 0; background-color: #000; } 
.main_swiper .swiper-button-next:hover .swiper_paging_next { left: -97%; opacity: 1; } 
.main_swiper .swiper-button-next:hover .swiper-pagination-fraction::after { height: 30px; opacity: 1; } 


.web_br { display: block; } 

.fancybox-toolbar { display: flex; } 
.fancybox-show-caption .fancybox-caption { display: none; } 
.fancybox-slide--html { padding: 0 !important; } 
.fancybox-slide--html .fancybox-close-small { display: none; } 
.fancybox-button { background: transparent !important; display: block !important; } 
.fancybox-content { padding: 0 !important; background: transparent !important; text-align: center; } 


/* 서브 페이지 */
.location { position: relative; display: block; border-bottom: 0; } 
.location::before { content: ''; position: absolute; top: calc(100% - 1px); width: 100%; height: 1px; background-color: #DDDDDD; } 
.location .inner { display: flex; justify-content: flex-start; } 
.location .loc-home { background: initial; } 
.location a.loc-home { background-size: initial; width: 56px; height: 56px; background-color: var(--theme-color); display: flex; justify-content: center; align-items: center; } 
.location a.loc-home::after { content: ''; background: url('/images/skin/imjca/sub/location_home.png') no-repeat center / contain; width: 28px; height: 28px; } 
.location select { min-width: 210px; padding: 0 32px; border-right: 1px solid #eee; background: url('/images/skin/imjca/sub/loc_select_arrow.png') no-repeat center right 32px / 24px 24px; font-family: 'Pretendard'; font-size: 15px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; } 

.location .loc_menu { position: relative; display: flex; justify-content: space-between; align-items: center; } 
.location .loc_menu>a { padding: 0px 32px; min-width: 210px; position: relative; display: flex; justify-content: space-between; align-items: center; border-right: 1px solid #eee; } 
.location .loc_menu>a>span { font-size: 15px; font-weight: 700; letter-spacing: -1px; text-align: left; } 
.location .loc_menu>a>i { width: 24px; height: 24px; background: url('/images/skin/imjca/sub/loc_select_arrow.png') no-repeat center / contain; } 
.location .loc_menu>a>i.on { transform: rotate(180deg); } 
.location .loc_menu .menu_toggle_list { position: absolute; display: none; top: 100%; left: 0; width: 100%; background-color: #fff; border: 1px solid #eee; border-top: 0; padding: 16px 32px 8px; background-color: #fff; z-index: 9; } 
.location .loc_menu .menu_toggle_list a { position: relative; margin-bottom: 8px; font-size: 15px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
.location .loc_menu .menu_toggle_list a:hover { color: var(--theme-color); } 
.location .loc_menu .menu_toggle_list a.on { color: var(--theme-color); } 
.location .loc_menu .menu_toggle_list.active { display: block; } 





.sub_visual { background: url('/images/skin/imjca/sub/bg_pattern.png') no-repeat center / cover; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 84px 0 109px; } 
.sub_visual span { color: #66bdef; font-weight: 700; font-size: 24px; line-height: 1.2; } 
.sub_visual p { font-family: 'Pretendard'; font-size: 52px; font-weight: 700; line-height: 1.2; text-align: center; color: #fff; } 

.sub .bg { background-color: #ECEFF3; } 
.sub .bg2 { background-color: #2D3C5A; padding: 96px 0 32px; } 
.sub .title h6 { font-size: 40px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; padding-bottom: 16px; } 
.sub .title.v2 h6 { color: #fff; padding-bottom: 32px; } 
.sub .title.v2.pb_64 { padding-bottom: 32px; } 
.sub .title.bb_2 { border-bottom: 2px solid #222; margin-bottom: 16px; } 

.notice .notice_list { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } 
.notice .notice_list li { width: 976px; padding-bottom: 64px; } 
.notice .notice_list li:nth-child(2n) { width: 360px; margin-left: 64px; } 
.notice .notice_list li span { position: relative; display: block; font-family: 'Pretendard'; font-size: 24px; font-weight: 700; line-height: 28.8px; text-align: left; color: #fff; padding-bottom: 16px; } 
.notice .notice_list li .text_box p { position: relative; display: block; font-family: 'Pretendard'; font-size: 20px; font-weight: 400; line-height: 1.2; text-align: left; color: #fff; padding-left: 17px; padding-bottom: 16px; } 
.notice .notice_list li .text_box p:last-child { padding-bottom: 0; } 
.notice .notice_list li .text_box p::after { content: ''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background-color: #66BDEF; } 
.notice.box .notice_list .text_box { border: 1px solid rgba(255, 255, 255, 0.48); padding:32px; } 
.notice.box .notice_list li { width: 100%; } 

.notice_table { margin-bottom: 64px; } 
.notice_table>span { position: relative; display: block; font-size: 24px; font-weight: 700; line-height: 1.2; text-align: left; color: #fff; padding-bottom: 16px; } 
.notice_table .table { border-top: 2px solid #fff; border-left: 1px solid #fff; } 
.notice_table .table .thead { display: flex; justify-content: space-between; align-items: center; } 
.notice_table .table .thead span { background-color: rgba(255, 255, 255, 0.24); border-right: 1px solid #fff; padding: 24px 0; display: flex; justify-content: center; align-items: center; font-size: 19px; font-weight: 700; line-height: 1.2; width: 100%; color: #fff; } 
.notice_table .table .thead>* { border-bottom: 1px solid rgba(255, 255, 255, 0.48); } 
.notice_table .table .thead>*:last-child { max-width: 120px; min-width: 120px; } 
.notice_table .table .tbody .tr { display: flex; justify-content: space-between; align-items: center; } 
.notice_table .table .tbody .tr>* { display: flex; justify-content: center; align-items: center; border-right: 1px solid #fff; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.48); font-size: 19px; font-weight: 400; line-height: 1.2; width: 100%; color: rgba(255, 255, 255, 0.78); padding: 24px 0; text-align: center; } 
.notice_table .table .tbody .tr>*:last-child { max-width: 120px; min-width: 120px; color: #66BDEF; } 
.notice_table .table .tbody .tr:last-child>* { border-bottom: 1px solid #fff; } 

.notice_text_pos { position: relative; display: block; text-align: center; } 
.notice_text { position: relative; display: inline-flex; justify-content: flex-start; align-items: normal; border: 1px solid #DDD; background-color: #eceff3; padding: 28px; margin: 0 auto; color: rgba(0, 0, 0, 0.58); text-align: left; } 
.notice_text::before { content: ''; margin-right: 8px; margin-top: 5px; position: relative; display: inline-block; width: 5px; height: 4px; background-color: #66BDEF; } 
.notice_text span { } 

/* CONTEST */
.sub .contest { padding: 80px 0 80px; } 
.sub .contest.pattern { background: url('/images/skin/imjca/sub/pattern_bg.png') no-repeat center / cover; } 
.contest .contest_box { display: flex; justify-content: space-between; align-items: flex-start; } 
.contest .contest_box>div.deco_img { position: relative; display: block; width: 676px; } 
.contest .contest_box>div.deco_img::before { content: ''; position: absolute; top: 20px; left: 24px; background: url('/images/skin/imjca/sub/content_deco_bg.png') no-repeat center / contain; width: 100%; height: 100%; } 
.contest .contest_box>div.deco_img>img { z-index: 9; position: relative; display: block; } 
.contest .contest_box>div.text_box { width: 640px; margin-left: 48px; } 

.contest .contest_box>div.text_box>div { display: flex; justify-content: flex-start; align-items: flex-start; } 
.contest .contest_box>div.text_box>div img { margin-right: 24px; } 
.contest .contest_box>div.text_box>div span { font-family: 'Pretendard'; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: #2D3C5A; margin-bottom: 24px; margin-top: 8px; } 
.contest .contest_box>div.text_box p { position: relative; display: block; font-family: 'Pretendard'; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: justify; color: rgba(0, 0, 0, 0.58); padding-top: 24px; border-top: 1px solid #ddd; } 

.contest_purpose { display: flex; justify-content: space-between; align-items: center; } 
.contest_purpose li { width: calc(33.33% - 22px); } 
.contest_purpose li div.img { display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%; width: 80px; height: 80px; margin: 0 auto; margin-bottom: 16px; } 
.contest_purpose li div.img img { width: calc(100% - 6px); height: calc(100% - 6px); } 
.contest_purpose li div.text { display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.contest_purpose li div.text span { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; color: #fff; } 
.contest_purpose li div.text strong { font-size: 16px; font-weight: 400; line-height: 25.6px; letter-spacing: -1px; text-align: center; margin-bottom: 16px; color: #fff; } 
.contest_purpose li div.text p { font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: center; color: #fff; } 

.contest_schedule { display: flex; justify-content: space-between; padding-top: 48px; padding-bottom: 64px; } 
.contest_schedule li { transition: all 0.3s ease-in-out; max-width: 290px; display: flex; align-items: baseline; flex-direction: column; align-items: center; padding: 48px 16px; border: 1px solid #ddd; width: 100%; } 
.contest_schedule li span { position: relative; display: block; font-size: 24px; font-weight: 700; line-height: 1.2; text-align: left; margin-bottom: 16px; } 
.contest_schedule li p { position: relative; display: block; text-align: right; font-size: 19px; font-weight: 400; line-height: 1.4; text-align: center; } 
.contest_schedule li:last-child { margin-right: 0; } 
.contest_schedule li .cs_img { position: relative; width: 112px; height: 112px; border-radius: 50%; background-color: #ECEFF3; display: flex; justify-content: center; align-items: center; margin-bottom: 16px; } 

.contest_schedule_btn { position: relative; min-width: 180px; display: inline-flex; justify-content: space-between; align-items: center; padding: 12px 4px 12px 16px; border: 2px solid #2D3C5A; border-radius: 12px 4px 12px 12px; margin: 0 auto; } 
.contest_schedule_btn span { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
.contest_schedule_btn i { position: relative; z-index: 99; width: 32px; height: 32px; background: url('/images/skin/imjca/sub/contest_schedule_btn.png') no-repeat center / contain; } 
.contest_schedule_btn::after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-bottom: 10px solid transparent; border-top: 10px solid var(--theme-color); border-left: 10px solid transparent; border-right: 10px solid var(--theme-color); transition: all 0.1s ease-in-out; } 
.contest_schedule_btn:hover::after { border-bottom: 20px solid transparent !important; border-top: 20px solid #66BDEF !important; border-left: 20px solid transparent !important; border-right: 20px solid #66BDEF !important; } 

.contest_attitude { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 auto; margin-bottom: 48px; } 
.contest_attitude li { position: relative; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 100px; border: 2px solid #fff; width: 148px; height: 144px; } 
.contest_attitude li:nth-child(2) { background-color: #5FAC3D; } 
.contest_attitude li:nth-child(4) { background-color: #E4AA2C; } 
.contest_attitude li:nth-child(6) { background-color: #D06F2B; } 
.contest_attitude li:nth-child(8) { background-color: #4A9BC5; } 
.contest_attitude li:nth-child(10) { background-color: #00A0E8; } 
.contest_attitude li span { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; padding: 40px 0; color: #fff; font-family: 'PuradakGentleGothicR'; font-size: 18px; font-weight: 400; line-height: 1.2; text-align: center; } 
.contest_attitude b { background: url('/images/skin/imjca/sub/contest_eff_02.png') no-repeat center / contain; width: 40px; height: 136px; } 
.contest_attitude b:nth-child(1) { background: url('/images/skin/imjca/sub/contest_eff_01.png') no-repeat center / contain; } 
.contest_attitude b:last-child { background: url('/images/skin/imjca/sub/contest_eff_03.png') no-repeat center / contain; } 

/* history 대회연혁 */

.history { padding: 80px 0; } 
.history .title { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 32px; } 
.history .title h6 { position: relative; display: block; text-align: center; } 
.history .title h6.bar::before { content: ''; position: relative; display: block; width: 1px; height: 64px; background-color: var(--theme-color); margin: 0 auto; margin-bottom: 32px; } 
.history .title img { object-fit: contain; width: 50px; height: 50px; margin-bottom: 20px; } 

.history .text_box h5 { display: flex; justify-content: center; align-items: center; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; } 
.history .text_box h5 img { margin-right: 16px; } 

.history .text_box p { position: relative; display: block; margin-top: 24px; padding: 24px 0; border-top: 1px solid #ddd; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; color: rgba(0, 0, 0, 0.58); } 
.history.bg2 { background-color:#2D3C5A; padding: 80px 0; } 
.history.bg2 .title h6 { color: #fff; } 
.history.bg2 .text_box p { color: #fff; } 

.history .table { padding: 16px 0 48px; } 
.history .table>span { position: relative; display: block; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; padding-bottom: 16px; border-bottom: 2px solid #222; } 
.history .table .table_list { min-width: 900px; } 
.history .table .table_pos { overflow: auto; width: 100%; } 
.history .table .table_list li { display: flex; justify-content: flex-start; align-items: center; } 
.history .table .table_list li>span:first-child { min-width: 384px; justify-content: left; } 
.history .table .table_list li>span { display: flex; justify-content: center; align-items: center; margin-right: 8px; flex: 1; padding: 24px 16px; border-bottom: 1px solid #ddd; font-size: 19px; } 
.history .table .table_list li>span:last-child { margin-right: 0; font-weight: 700; } 
.history .table .table_list .thead>span:first-child { justify-content: center; } 
.history .table .table_list li.total { background-color: #f5f5f5; font-weight: 700; } 
.history .table .table_list .thead>span { font-weight: 700; } 

.history .timeline_pos { position: relative; display: block; width: 100%; } 
.history .timeline { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 100px 0; width: 90%; } 

.history .timeline::before { content: ''; position: absolute; top: 52%; left: 0; width: 100%; transform: translateY(-50%); height: 1px; border: 3px solid transparent; background: linear-gradient(to right, black 2px, transparent 2px) repeat-x, linear-gradient(to bottom, black 2px, transparent 1px) repeat-y; background-size: 10px 10px; } 
.history .timeline::after { content: ''; position: absolute; top: 52%; left: 0; width: 1%; transform: translateY(-50%); height: 3%; background: #ECEFF3; } 
.history .timeline li { position: relative; z-index: 9; } 
.history .timeline li::before { content: ''; position: relative; display: block; width: 20px; height: 20px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } 
.history .timeline li:nth-child(1)::before { background: url('/images/skin/imjca/sub/history_timeline_01.png'); } 
.history .timeline li:nth-child(2)::before { background: url('/images/skin/imjca/sub/history_timeline_02.png'); } 
.history .timeline li:nth-child(3)::before { background: url('/images/skin/imjca/sub/history_timeline_03.png'); } 
.history .timeline li:nth-child(4)::before { background: url('/images/skin/imjca/sub/history_timeline_04.png'); } 
.history .timeline li:nth-child(5)::before { background: url('/images/skin/imjca/sub/history_timeline_05.png'); } 
.history .timeline li:nth-child(6)::before { background: url('/images/skin/imjca/sub/history_timeline_06.png'); } 
.history .timeline li:nth-child(7)::before { background: url('/images/skin/imjca/sub/history_timeline_07.png'); } 
.history .timeline li:nth-child(8)::before { background: url('/images/skin/imjca/sub/history_timeline_08.png'); } 

.history .timeline li:nth-child(2n-1)::after { content: ''; position: absolute; width: 2px; height: 90px; bottom: 8px; left: 9px; } 
.history .timeline li:nth-child(2n)::after { content: ''; position: absolute; width: 2px; height: 90px; top: 8px; left: 9px; } 

.history .timeline li:nth-child(1)::after { background-color: #F86469; } 
.history .timeline li:nth-child(2)::after { background-color: #F8955D; } 
.history .timeline li:nth-child(3)::after { background-color: #F5BE30; } 
.history .timeline li:nth-child(4)::after { background-color: #5CC4B4; } 
.history .timeline li:nth-child(5)::after { background-color: #70C8E0; } 
.history .timeline li:nth-child(6)::after { background-color: #5088FF; } 
.history .timeline li:nth-child(7)::after { background-color: #DE77FF; } 
.history .timeline li:nth-child(8)::after { background-color: #6631D2; } 

.history .timeline li .text_box { position: absolute; left: 24px; min-width: 80px; } 
.history .timeline li .text_box span { display: block; font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 8px; } 
.history .timeline li .text_box strong { display: inline; font-size: 12px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; color: #fff; background-color: #66BDEF; padding: 2px 8px 3px; border-radius: 100px; } 
.history .timeline li:nth-child(2n-1) { margin-bottom: -10px; } 
.history .timeline li:nth-child(2n) { margin-bottom: -14px; } 
.history .timeline li:nth-child(2n-1) .text_box { top: -81px; } 
.history .timeline li:nth-child(2n) .text_box { top: 38px; } 

/* awards 수상내역 */
.awards { padding: 80px 0; } 
.awards_list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } 
.awards_list li { width: calc(33.33333% - 42.666666px); margin-bottom: 48px; } 
.awards_list li div.img_box { margin-bottom: 16px; padding: 24px 0; border: 2px solid #ddd; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.awards_list li div.img_box img { width: 96px; height: 96px; } 
.awards_list li div.img_box span { font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: center; color: rgba(0, 0, 0, 0.78); } 
.awards_list li div.text { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; } 
.awards_list li div.text .box>span { font-size: 18px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left !important; color: rgba(0, 0, 0, 0.78); } 
.awards_list li div.text .box>p { font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left !important; color: rgba(0, 0, 0, 0.58); } 
.awards_list li div.text>strong { color: rgba(0, 0, 0, 0.38); } 
.awards_list li div:last-child { margin-bottom: 0; } 



/* apply 참가신청 */
.apply { padding: 80px 0; } 
.apply .title { margin-bottom: 80px; } 
.apply .title.v2 { margin-bottom: 0; } 
.apply .notice_text { border: none; background-color: transparent; } 
.apply .notice_text_pos { padding-bottom: 62px; } 

.apply_list { display: flex; justify-content: space-between; align-items: center; } 
.apply_list>li { border: 1px solid #DDDDDD; width: calc(25% - 6px); padding: 45px 60px; box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.08); } 
.apply_list>li:hover { background-color: #ECEFF3; } 
.apply_list>li .apply_list_box { display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.apply_list>li .apply_list_box img { position: relative; display: block; margin-bottom: 16px; width: 64px; height: 64px; object-fit: contain; } 
.apply_list>li .apply_list_box>span { position: relative; display: block; margin-bottom: 64px; font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; } 
.apply_list .main_btn { width: 100%; } 
.apply_list .main_btn a { width: 100%; margin-right: 0; } 

.apply_process { display: flex; justify-content: center; align-items: center; padding-top: 64px; padding-bottom: 20px; } 
.apply_process li { mix-blend-mode: multiply; padding-top: 98px; color: #fff; min-width: 448px; height: 420px; display: flex; justify-content: flex-start; align-items: center; flex-direction: column; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } 
.apply_process li span { padding-bottom: 24px; font-family: 'Pretendard'; font-size: 21.23px; font-weight: 700; line-height: 1.2; text-align: center; } 
.apply_process li img { position: relative; display: block; margin-bottom: 16px; width: 70px; height: 70px; } 
.apply_process li strong { padding-bottom: 16px; font-family: 'Pretendard'; font-size: 28px; font-weight: 700; line-height: 1.2; text-align: center; } 
.apply_process li p { font-family: 'Pretendard'; font-size: 18px; font-weight: 400; line-height: 1.2; text-align: center; } 
.apply_process li:nth-child(1) { margin-right: -140px; background: url(/images/skin/imjca/sub/apply_list_polygon_01.png); } 
.apply_process li:nth-child(2) { background: url(/images/skin/imjca/sub/apply_list_polygon_02.png); } 
.apply_process li:nth-child(3) { margin-left: -140px; background: url(/images/skin/imjca/sub/apply_list_polygon_03.png); } 


/* board */
.board { padding: 80px 0; } 
.board.board_detail { padding: 32px 0; } 
.htable-wrap .tbody > ul { display: block; height: auto; padding: 40px; } 
.htable-wrap .tbody > ul:hover { background-color: #f5f5f5; } 
.htable-wrap .tbody > ul.bo-notice::before { background-color: #ECEFF3; opacity: 1; } 
.htable-wrap .tbody > ul > li { width: initial !important; text-align: left !important; } 
.htable-wrap .tbody > ul > li.cell-no .flag.notice { border: 1px solid var(--theme-color); border-radius: 0px; padding: 2px 7px; background-color: #fff; margin-bottom: 10px; } 
.htable-wrap .tbody > ul > li.cell-subject { width: 86% !important; align-items: flex-end; } 
.htable-wrap .tbody > ul > li.cell-subject a { font-family: Noto Sans; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; margin-bottom: 8px; padding-left: 0; } 
.htable-wrap .tbody > ul > li.cell-subject .flag.new { width: 22px; height: 22px; border-radius: 0; margin-top: -6px; margin-left: 6px; } 
.htable-wrap .tbody > ul > li.cell-date { display: block; } 
.htable-wrap .tbody > ul > li.cell-date span { font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; } 

.board .detail { position: absolute; top: 50%; transform: translateY(-50%); right: 48px; display: flex; justify-content: flex-end; align-items: center; } 
.board .detail span { font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; margin-right: 16px; color: rgba(0, 0, 0, 0.38); } 
.board .detail .icon_detail { width: 32px; height: 32px; background: url('/images/skin/imjca/sub/board_list_icon_default.png') no-repeat center / contain; } 
.htable-wrap .tbody > ul:hover i.icon_detail { background: url('/images/skin/imjca/sub/board_list_icon_hover.png') no-repeat center / contain; } 
.htable-wrap .tbody > ul:hover .detail>span { color: rgba(0, 0, 0, 0.78); } 

.board-search { width: 100%; margin-bottom: 16px; } 
.board-search select { width: 160px; height: 40px; border: none; border-radius: 0; background-color: #F5F5F5; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; } 
.board-search .input-searchBox { flex-grow: 1; height: 40px; border: none; background-color: #f5f5f5; border-radius: 0; } 
.input-searchBox input { background-color: #f5f5f5; height: 100%; padding-left: 16px; } 
.input-searchBox button { border: none; background-color: transparent; width: 24px; height: 24px; top: 50%; transform: translateY(-50%); right: 8px; } 
.input-searchBox button i { background: url("/images/common/ico_search_darkgrey_2x.png") no-repeat center / contain; width: 100%; height: 100%; } 

.paging button { height: 46px; } 
.pagination-wrap { margin-top: 16px; border-top: 1px solid #222; } 
.pagination-wrap .paging { padding-top: 24px; } 
.paging .first-btn { background: url('/images/skin/imjca/sub/ico_arrow_left_large_grey_2x.png') no-repeat center / contain; } 
.paging .prev-btn { background: url('/images/skin/imjca/sub/ico_arrow_left_grey_2x.png') no-repeat center / contain; } 
.paging .next-btn { background: url('/images/skin/imjca/sub/ico_arrow_right_grey_2x.png') no-repeat center / contain; } 
.paging .last-btn { background: url('/images/skin/imjca/sub/ico_arrow_right_large_grey_2x.png') no-repeat center / contain; } 

.board-view-wrap .board-header { padding: 40px 24px; } 
.board-header .board-title { display: flex; justify-content: flex-start; align-items: flex-start; } 
.board-title .notice { margin-top: 12px; white-space: nowrap; border: 1px solid var(--theme-color); padding: 2px 7px; font-size: 12px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; margin-right: 16px; } 
.board-title .notice::before { content: ""; } 
.board-title .notice::after { content: ""; } 
.board-title .subject { flex-grow: 1; display: flex; align-items: flex-start; margin-right: 8px; } 
.board-title .subject .new { min-width: 22px; height: 22px; border-radius: 0; margin-top: 2px; margin-left: 5px; } 
.board-title .subject strong { font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; margin-right: 8px; } 
.board-cont .view-file { margin-bottom: 0; padding-bottom: 16px; border-bottom: 1px solid #EEEEEE; } 
.board-cont { padding-top: 14px; } 
.board-cont .view-cont img { float: none !important; } 
.board-title .date { margin-top: 12px; font-size: 16px; } 

.board-prev-next { display: flex; justify-content: space-between; align-items: center; width: 100%; } 
.board-prev-next .btn.default { border: 2px solid #222; border-radius: 0; padding: 16px 48px; height: 56px; color: rgba(0, 0, 0, 0.78); } 
.board-prev-next .prevBtn + .nextBtn::before { left: -11px; } 
.board-btns .page-btns { min-height: 56px; } 
.board-btns .page-btns button::after { top: 19px; right: -13px; } 
.btn i.ico { margin-right: 10px; } 
.btn i.ico.next { margin-left: 10px; } 
.board-user-btn .btn_board_list { background-color: transparent; border: 2px solid #222; color: rgba(0, 0, 0, 0.78); padding: 16px 48px; height: 56px; border-radius: 0; } 

.board.board_detail .board-view-wrap { margin-top: 8px; } 
.board_detail .view-title { display: flex; justify-content: center; align-items: center; padding: 106px 0; margin: 0; border-top: 2px solid #222; } 
.board_detail .view-title .subject strong { display: flex; justify-content: center; align-items: center; margin-left: 24px; font-size: 56px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
.board_detail.price .view-cont { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 32px; } 
.board_detail.price .view-cont .main_swiper .swiper-slide .cover { top: 0; left: 0; width: 100%; height: 100%; } 
.board_detail.price .view-cont .swiper_btn a.swiper-button-next { right: 16px; } 
.board_detail.price .view-cont .swiper_btn a.swiper-button-prev { left: 16px; } 
.board_detail.price .view-cont .main_swiper .swiper-slide { padding: 0; } 
.board_detail.price .view-cont>div { flex: 1; max-width: 684px; } 
.board_detail.price .view-cont>div.swiper { padding: 16px; border: 1px solid #ddd; box-shadow: 0px 10.627219200134277px 10.627219200134277px 0px rgba(0, 0, 0, 0.08); } 
.board_detail.price .view-cont>div.swiper .swiper_btn { width: 100%; } 
.board_detail.price .view-cont .swiper-slide img { width: 100%; margin-bottom: 0; } 
.board_detail.price .view-cont>div.price_info { margin-left: 32px; } 

.price_info_table>span { position: relative; display: block; font-size: 32px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.78); padding-bottom: 16px; } 
.price_info_table>span>b { color: rgba(0, 0, 0, 0.38); margin-left: 8px; } 
.price_info_table .table { border-top: 2px solid #222; padding-bottom: 16px; } 
.price_info_table .table li { display: flex; justify-content: flex-start; align-items: normal; } 
.price_info_table .table li span { max-width: 160px; min-width: 160px; margin-right: 8px; display: flex; justify-content: flex-start; align-items: flex-start; font-size: 16px; font-weight: 700; line-height: 1.2; text-align: left; padding: 24px 16px; } 
.price_info_table .table li p { flex-grow: 1; display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 400; line-height: 1.2; text-align: left; padding: 24px 16px; } 
.price_info_table .table li * { border-bottom: 1px solid #DDDDDD; } 

.price_info_table .box { border-top: 2px solid #222; } 
.price_info_table .box li { padding: 24px 0; border-bottom: 1px solid #ddd; } 
.price_info_table .box li:last-child { border-bottom: 0; } 
.price_info_table .box span { position: relative; display: block; font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.78); padding-bottom: 16px; } 
.price_info_table .box p { font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; text-align: left; white-space: pre-line; } 

.board_detail video { width: 100%; } 
.board_detail .board-btns { border-top: 0; } 

.gallery { padding: 80px 0; } 
.gallery .board-search { position: relative; display: block; background-color: #f5f5f5; border-top: 2px solid #222; } 
.gallery .board-search span { position: relative; display: block; text-align: center; padding: 32px 0 0; font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: center; } 
.gallery .board-search span b { position: relative; display: inline-block; } 
.gallery .board-search span b::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 18px; background: rgba(102, 189, 239, 50%); z-index: -9; } 
.gallery .board-search .input-searchBox { overflow: hidden; border: 2px solid #2D3C5A; border-radius: 100px; width: 100%; position: relative; display: flex; max-width: 800px; height: 64px; background-color: #fff; justify-content: center; align-items: center; margin: 0 auto; margin-bottom: 40px; margin-top: 40px; } 
.gallery .board-search .input-searchBox input { border-radius: 100px; width: 100%; padding-left: 24px; flex-grow: 1; background-color: #fff; height: 64px; font-size: 20px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
.gallery .board-search .input-searchBox input::placeholder { font-size: 20px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
.gallery .board-search .input-searchBox .input-searchBox button { } 
.gallery .input-searchBox input { border: none; } 
.gallery .input-searchBox button { top: inherit; right: 0; width: 64px; height: 64px; transform: none; } 
.gallery .input-searchBox button i { background: url('/images/skin/imjca/sub/search_btn_gallery.png') no-repeat center / contain; } 

.gallery .keyword { display: flex; justify-content: center; align-items: center; padding-bottom: 40px; } 
.gallery .keyword a { position: relative; display: block; font-size: 18px; font-weight: 400; line-height: 1.2; letter-spacing: -1px; text-align: left; margin: 0 32px; } 
.gallery .keyword a.on { font-weight: 700; color: #2D3C5A; } 
.gallery .keyword a.on::after { content: ''; position: absolute; bottom: -4px; width: 100%; height: 2px; background-color: #2D3C5A; left: 0; } 

.gallery .board-gallery-type1 .gall-cont { display: flex; justify-content: flex-start; flex-wrap: wrap; } 
.gallery .board-gallery-type1 .gall-cont .subject { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #ddd; display: flex; justify-content: flex-start; align-items: center; height: inherit; width: 100%; } 
.gallery .board-gallery-type1 .gall-cont .subject span { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: right; } 

.gallery .board-gallery-type1 .gall-cont .info { display: flex; justify-content: flex-start; align-items: center; } 
.gallery .board-gallery-type1 .gall-cont .info b { display: flex; justify-content: flex-start; align-items: center; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: right; color: var(--theme-color); } 
.gallery .board-gallery-type1 .gall-cont .info b::after { content: ''; position: relative; top: -1px; width: 3px; height: 3px; background-color: rgba(0, 0, 0, 0.58); margin: 0 8px; } 
.gallery .board-gallery-type1 .gall-cont .info p.cate { font-size: 14px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: right; } 


.gallery .board-gallery-type1 .board-box { height: 100%; } 
.gallery .board-gallery-type1 .board-box > a { height: 100%; padding: 32px 32px 16px; border: 1px solid #d8d8d8; transition: all 0.3s ease-in-out; } 
.gallery .board-gallery-type1 .board-box > a:hover { box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.04); } 
.gallery .board-gallery-type1 .board-box > a:hover .price { background-color: #66BDEF; } 
.gallery .board-gallery-type1 .board-box > a:hover i { background: url(/images/skin/imjca/sub/ico_price_active_2x.png) no-repeat center / contain !important; } 
.gallery .board-gallery-type1 .board-box > a:hover i.special { background: url(/images/skin/imjca/sub/ico_price_v2_active_2x.png) no-repeat center / contain !important; } 
.gallery .board-gallery-type1 .gall-thumb { position: relative; height: 364px; padding-bottom: 0; border-radius: 0; border: 0; border: 1px solid #d8d8d8; } 
.gallery .board-gallery-type1 .gall-thumb span { padding-bottom: 0; color: #fff; white-space: nowrap; } 
.gallery .board-gallery-type1 .gall-thumb .price { transition: all 0.3s ease-in-out; position: absolute; top: 83%; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; background-color: #2D3C5A; border-radius: 100px; padding: 9px 10px; padding-right: 18px; } 
.gallery .board-gallery-type1 .gall-thumb .price i { min-width: 32px; height: 32px; background: url('/images/skin/imjca/sub/ico_price_2x.png') no-repeat center / contain; } 
.gallery .board-gallery-type1 .gall-thumb .price i.special { width: 32px; height: 32px; background: url('/images/skin/imjca/sub/ico_price_v2_2x.png') no-repeat center / contain; } 
.gallery .board-gallery-type1 .gall-cont { margin-bottom: 0; } 

.gallery .data-none { display: flex; justify-content: center; align-items: center; flex-direction: column; margin: 0 auto; } 
.gallery .data-none img { width: 80px; height: 80px; object-fit: contain; margin-bottom : 12px; } 
.gallery .data-none span { font-size: 15px; font-weight: 700; line-height: 1.2; color: rgba(0, 0, 0, 0.78); } 

.gallery .btn_more_pos { position: relative; display: block; text-align: center; padding-top: 32px; border-top: 1px solid #ddd; } 
.gallery .btn_more { position: relative; display: inline-block; border: 2px solid #222; padding : 24px 80px; font-size: 18px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 

.gallery .board-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; } 
.gallery .board-header .box { display: flex; justify-content: flex-start; align-items: center; } 
.gallery .board-header .box p { margin-right: 4px; font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; } 
.gallery .board-header .box b { font-size: 24px; font-weight: 700; line-height: 1.2; letter-spacing: -1px; text-align: left; color: var(--theme-color); } 

.gallery .board-gallery-type1 .gall-thumb .price { display: flex; justify-content: center; align-items: center; } 
.gallery .board-type { margin-bottom: 0; } 
.gallery .board-type select { border: none; background-color: #f5f5f5; border-radius: 0; color: #000; font-weight: 500; padding: 12px 9px; height: initial; min-width: 90px; } 

.gallery .sch_res { padding-top: 0 !important; padding-bottom: 40px !important; font-weight: 400 !important; } 
.gallery.res .board-search { background-color: #f5f5f5; border-bottom: 1px solid #DDDDDD; margin-bottom: 48px; } 
.gallery.res .board-search .input-searchBox { background-color: #f5f5f5; width:calc(100vw - 96px); } 
.gallery.res .board-search .input-searchBox input { background-color: #fff; width: 100%; } 

.gallery.res .img-no-post { width: 80px; height: 80px; } 
.gallery.res .fail-masage-box { width: 100%; padding: 24px 0 32px; border-bottom: 0; } 
.gallery.res .fail-masage-box p { margin-top: 0; font-size: 16px; font-weight: 700; line-height: 1.6; color: rgba(0, 0, 0, 0.78); } 
.gallery.res .fail-masage-box p span { color: var(--theme-color); } 
.gallery.res .btn_more.btn_list { padding: 16px 48px; } 

/* footer */
#footer { background-color: #f5f5f5; padding: 48px 0 99px; border-top: 1px solid #ddd; } 
.footer_list { position: relative; display: block; margin-bottom: 40px; } 
.footer_list>li { display: flex; justify-content: flex-start; align-items: center; } 
.footer_list>li>span { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 700; line-height: 25.6px; letter-spacing: -1px; text-align: left; color: rgba(0, 0, 0, 0.38); } 
.footer_list>li>span::after { content: ''; position: relative; display: block; width: 1px; height: 16px; background-color: rgba(0, 0, 0, 0.30); margin-left: 16px; margin-right: 16px; } 
.footer_list>li { margin-bottom: 16px; } 
.footer_list>li .img_box { display: flex; justify-content: flex-start; align-items: center; } 
.footer_list>li .img_box img { height: 26px; margin-right: 24px; } 
.footer_list>li:last-child .img_box img { max-height: 20px; } 
.footer_c { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; text-align: left; } 
.footer_c img { width: 24px; height: 24px; object-fit: contain; margin-right: 4px; } 


.util_header { border-bottom: 0 !important; padding: 0; } 
.header-cont { width: 100%; } 
.util_header .header-wrap { height: initial; padding: 36px 0; } 


/* 로그인 페이지 */

.math_login { padding-bottom: 80px; } 
.math_login .inner-xs { max-width: 600px; padding: 0 24px; } 
.math_login .deco { margin-bottom: 57px; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
.math_login .deco img { max-width: 136px; margin-bottom: 24px; } 
.math_login .deco span { font-size: 20px; font-weight: 700; line-height: 1.36; text-align: center; color: var(--theme-color); } 
.math_login .text { position: relative; display: block; font-size: 16px; font-weight: 400; line-height: 1.36; text-align: center; color: rgba(0, 0, 0, 0.58); margin-bottom: 20px; } 
.math_login .input_box { position: relative; display: block; border: 2px solid #ddd; border-radius: 8px; background-color: #fff; padding: 14px 18px 12px; margin-bottom: 12px; } 
.math_login .input_box span { position: relative; display: flex; justify-content: flex-start; align-items: center; font-size: 13px; font-weight: 700; line-height: 1.36; text-align: left; color: rgba(0, 0, 0, 0.78); margin-bottom: 6px; } 
.math_login .input_box span i.effect { background: url('/images/skin/imjca/effect.png') no-repeat center / contain; width: 10px; height: 14px; margin-top: -3px; margin-left: 12px; } 
.math_login .input_box input { background-color: transparent; border: none; padding: 0; } 
.math_login .input_box input::placeholder { font-size: 16px; font-weight: 700; line-height: 1.36; text-align: left; color: rgba(0, 0, 0, 0.30); } 

.math_login .login_btn { margin-top: 36px; } 
.math_login .login_btn>a { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 12px; background-color: var(--theme-color); color: #fff; padding: 21px 0; border-radius: 8px; font-size: 18px; font-weight: 800; } 
.math_login .login_btn>a.max { max-width: 276px; margin: 36px auto 0; } 
.math_login .link { display: flex; justify-content: center; align-items: center; color: #115EB9; } 
.math_login .login_btn .checkboxA { height: 32px; margin-bottom: 6px; } 
.math_login .login_btn .checkboxA label { display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 400; line-height: 1.36; text-align: left; padding-left: 48px; } 
.math_login .checkboxA input + label::before { width: 32px; height: 32px; background-size: 32px 32px; } 
.math_login .checkboxA input:checked + label::before { background-size: 24px 17px; } 
.math_login .checkboxA { display: flex; } 
.math_login .login_btn .checkboxA label span { margin-left: 0; } 
.math_login .checkboxA a { margin-top: 6px; margin-left: 4px; font-size: 16px; font-weight: 700; line-height: 1.36; text-align: left; color: #66BDEF; text-decoration: underline; } 

.math_login .input_box.cover { background-color: #eee; } 
.math_login .input_box.cover::after { content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } 
.math_login .input_box.cover span, .math_login .input_box.cover input::placeholder { color: rgba(0, 0, 0, 0.30); } 
.math_login strong.empha { font-size: 24px; font-weight: 700; line-height: 1.36; text-align: center; padding-bottom: 12px; border-bottom: 2px solid #ddd; margin-bottom: 21px; color: #164D82; } 
.math_login strong.empha.mb { margin-bottom: 40px; } 
.math_login input[type="file"] { display: none; } 
.math_login .input_box .file li { display: flex; justify-content: space-between; align-items: center; margin-bottom:8px; } 
.math_login .input_box .file label { border: 2px solid #66BDEF; border-radius: 8px; color: #66BDEF; font-size: 14px; font-weight: 700; line-height: 1.36; text-align: center; padding: 5px 20px; white-space: nowrap; margin-left: 4px; cursor: pointer; } 
.math_login .input_box .file p { flex-grow: 1; font-size: 16px; font-weight: 400; line-height: 1.36; text-align: left; color: rgba(0, 0, 0, 0.30); max-width: calc(100% - 200px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.math_login .input_box .file li div { display: flex; justify-content: flex-start; align-items: center; } 
.math_login .input_box .file li.exist p { color: rgba(0, 0, 0, 0.78); } 

.math_login .complete.text { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 700; line-height: 1.36; text-align: center; } 
.math_login .complete.text strong { color: var(--theme-color); } 
.math_login .complete.box { border-radius: 12px; background-color: #fff; border: 1px solid #ddd; padding: 20px 0; display: flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 60px; } 
.math_login .complete.box span { display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 700; line-height: 1.36; text-align: center; } 
.math_login .complete.box span strong { margin-left: 4px; } 

.math_login .section_text { position: relative; display: block; font-size: 20px; font-weight: 700; line-height: 1.36; text-align: left; margin-bottom: 12px; padding-top: 20px; } 
.math_login .zip_code { display: flex; justify-content: flex-start; } 
.math_login .zip_code .input_box { flex-grow: 1; } 
.math_login .zip_code button { border-radius: 8px; border: 2px solid #66BDEF; color: #66BDEF; padding: 25px 27px; margin-bottom: 12px; margin-left: 10px; font-size: 18px; font-weight: 700; line-height: 1.36; text-align: center; background-color: #fff; } 
.math_login .content>div .privacy p { white-space: pre-line; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: -1px; } 

.ani-item,.ani-item-notice { opacity: 0; transform: translateY(80px); } 
.ani-fade { opacity: 0; } 

.board-gallery-type1 > li:hover .subject strong { text-decoration: none; } 
.board-gallery-type1 > li .subject strong { font-size: 16px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: #115EB9; } 

.video_iframe { position: relative; display: block; width: 100%; height: 74vh; background: #000; } 
.video_iframe iframe { width: 100%; height: 100%; position: relative; display: block; margin: 0 auto; } 

.board-write-wrap {margin-bottom: 64px;}