@charset "euc-kr";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
Suit 'paybooc - 1,2,3,4,5,6,7,8,9'
 */


body { background: #fff; }
.mobile { display: none !important; }
.pc { display: block !important; }
* { box-sizing: border-box; }
* a, a:hover, a:visited { color:inherit; text-decoration: none; cursor: pointer; }
* img { max-width:100%; height: auto; }
.link { cursor: pointer; }
.link:hover { text-decoration: underline !important; }
.main_color { color: #001a4d !important; }
.colorNavy { color: #0b2343 !important; }
.colorGreen { color: #8db42a !important; }
.colorTurque { color: #00aa94 !important; }
.colorSky { color: #20aac6 !important; }
.bdr { border-right: 1px solid #ddd; }
.bg_sky { background: #CCDBF6; }

.gnb{  }
.header_top {  }
.header_top .inner { justify-content:space-between; }
.inner{ width: 100%; max-width:1440px; padding: 0 20px; display:flex; align-items:stretch; margin:0 auto;}
.global{ display:flex; align-items:center; gap:10px; }
.global a { font-size: 15px; color: #666; }
.global a + a:before { content:''; display: inline-block; width: 1px; height: 10px; background: #ddd; margin-right: 10px; }

.header_top { background:#fff; padding: 15px 0;}
.gnb_wrap { background:#001a4d; position:relative; }
.depth1 {display:flex; max-width:1400px; padding: 0 20px; margin:0 auto; } 
.depth1 > li{ flex:1; position:relative; }
.depth1 > li > a{ display:flex; align-items:center; justify-content:center; height:70px; color:#fff; font-size:18px; font-weight:600; }
.depth1 > li + li > a{ position:relative; } 
.depth1 > li + li > a::before{ content:''; position:absolute; left:0; top:50%; width:1px; height:14px; background:rgba(255,255,255,.2);transform:translateY(-50%); }
.depth1 > li.on > a { color: #FFD54F; }

/* ¼­ºê¸Þ´º */
.depth2{ position:absolute; top:60px; left:0; width:100%; padding:20px 0; z-index:1000; display: none; }
.depth2 a{ display:block; text-align:center; color:#fff; font-size:16px; border-left:4px  solid transparent; padding: 5px 0; transition:0.2s; }
.depth2 a:hover{ font-weight:600; color:#FFD54F; border-left:4px  solid #FFD54F; background:rgba(255,255,255,.10);}

/* ¹è°æ */
.gnb_bg{ position:absolute; top:151px; left:0; width:100%; height:300px; background:rgba(0,26,77,0.8); box-shadow:0 10px 30px rgba(0,0,0,.08); z-index:100; display: none; }
.gnb_wrap:hover .depth2{ opacity:1; visibility:visible; }

/* visual */
.visual{ position:relative; width:100%; height:600px; overflow:hidden; }
.visuSwiper, .visuSwiper .swiper-slide{ width:100%; height:100%; }
.visual_01{ background:#fff url('/images/main/visu_01.png') no-repeat center center; background-size:cover;}
.visual_02{ background:#fff url('/images/main/visu_02.png') no-repeat center center; background-size:cover;}
.visual_03{ background:#fff url('/images/main/visu_03.png') no-repeat center center; background-size:cover; }
.visuTxt_wrap{ width: 100%; width: 100%; max-width:1440px; padding: 0 20px; position:absolute; margin: -100px auto 0 ; left: 0; right: 0; top:50%; transform:translateY(-50%); z-index:10; color:#fff; }

.visuTxt01{ font-size:46px; font-weight:600; line-height:1.15; color: #16171D; }
.visuTxt02 { font-size: 46px; font-weight:600; color: #001a4d;}
.visuTxt03{ font-size:18px; color:#666; font-weight: 400; margin-top: 20px; }

.visu-pagination{ position:absolute; left:0; right:0; bottom:50%; transform:translateY(-50%);  margin: 0 auto -100px; z-index:20; width:100%; max-width:1440px; padding:0 20px; }
.page-numbers{ display:flex; gap:30px; margin-bottom:10px; } 
.page-num{ background:none; border:0; padding:0; cursor:pointer; font-size:15px; font-weight:600; color:#8a8a8a; transition:.3s;  text-align: left; }
.page-num.active{ color:#000a73; }
.progress{ position:relative; width:135px; height:3px; background:#d9dfee; }
.progress-bar{  position:absolute; left:0; top:0; width:33.333%; height:100%; background:#000a73; transition:transform .4s ease; }


/* quick-menu_wrap */
.quick-menu-wrap { margin: 0 auto; max-width:1440px; padding: 0 20px; position: relative; z-index: 1000; }
.quick-menu { width: 100%;  display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between; align-items:stretch; padding: 30px 25px; margin: -75px auto 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); box-sizing: border-box; border-radius: 20px;  }
.quick-menu li { width: 20%; text-align: center; position: relative;}
.quick-menu li + li:before { content:''; width: 1px; height: 70px; background: #ddd; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
.quick-menu .quick-menu_img { width: 95px; height: 95px; background: #f4f5f9; border-radius: 200px; display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: center; align-items:center; transition:0.3s; margin: 0 auto; }
.quick-menu .quick-menu_img img { height: 50px; transition:0.3s; }
.quick-menu li:hover .quick-menu_img { transform:translateY(-10px); }
.quick-menu li:nth-child(2) img { margin-left: 10px; }
.quick-menu li:hover .quick-menu_title { color: #001a4d; }
.quick-menu .quick-menu_title { font-size: 20px; line-height: 140%; font-weight: 500; position: relative; margin-top: 15px; display: inline-block;}
.quick-menu .quick-menu_title:after { content:''; display: inline-block; width: 0; height: 3px; position: absolute; left: 0; right: 0; margin: auto; bottom: -5px;  transition:0.3s; background: #001a4d; }
.quick-menu li:hover .quick-menu_title:after { width: 100%; }

/*  */
.mContainer { padding: 25px 0 50px; }
.mContents { width: 100%; max-width:1440px; padding: 0 20px; margin: 0 auto;  }
.mTitle { color: #001a4d; font-size: 30px; font-weight: 600; }
.mTitle .plus { transition: .3s; }

.main_section { display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between; align-items:stretch; margin: 0 auto; }
.main_section > div { width: 49%; }

/* mBoard */
.mBoard_wrap { padding: 35px 40px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 20px; position: relative; }
.mBoardTab { border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: flex-start; align-items:center; gap:5px; }
.mBoardTab a { font-size: 20px; font-weight: 500; padding-bottom: 15px; position: relative; padding: 0 20px 20px; }
.mBoardTab a:after { content:''; width: 0; height: 3px; display: block; background: #0776c8; position: absolute; left: 0; right: 0; bottom: 0; transition:0.3s; margin: 0 auto;	}
.mBoardTab a.active, .mBoardTab a:hover { color:#0776c8; font-weight:700; }
.mBoardTab a.active:after, .mBoardTab a:hover:after { width: 100%;  }
.mBoard_btn { position: absolute; right: 40px; top: 50px;  }
.mBoard_btn a img { transition:0.3s; }
.mBoard_btn a:hover img { transform:rotate(180deg); }
.mBoard { display:none; }  
.mBoard.active { display:block; }
.mBoard { margin-top: 10px; }
.mBoard li { position: relative; padding-left: 17.5px; border-bottom: 1px solid #ddd; padding: 20px;}
.mBoard li:last-child { border-bottom: 0; padding-bottom: 10px;	}
.mBoard li:before { content:''; width: 5px; height: 5px; border-radius: 5px; background: #16171D; position: absolute; left: 0; top: 32.5px; display: block;}
.mBoard li a { display: flex; flex-wrap: no-wrap; flex-direction:row; justify-content: space-between; align-items:center; gap:45px; }
.mBoard li a:hover .mBoard_subject { color: #0776c8; }
.mBoard_subject { font-weight: 500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display: block; position: relative;  }
.mBoard_date { flex:none; }


/* ¸ÞÀÎ ¹è³Ê */
.main-banner { position: relative; width: 100%; border-radius: 20px; overflow: hidden; margin: 0 !important; } 
.main-banner .swiper-wrapper { align-items: stretch; }
.main-banner__item {  }
.main-banner__item a { display: block; height: 100%; position: relative; }
.main-banner__item img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.main-banner__prev,
.main-banner__next { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.main-banner__prev::after,
.main-banner__next::after { font-size: 16px; font-weight: 700; color: #01143c; }
.main-banner__prev { left: 15px; }
.main-banner__next { right: 15px; }
.main-banner__prev::after,
.main-banner__next::after { display: none; }
.main-banner__prev,
.main-banner__next { width: 45px !important; height: 45px !important; background-repeat: no-repeat; background-position: center; background-size: 14px; background-color: rgba(255,255,255,.9); border-radius: 50%; top: unset !important; bottom: 25px; margin-top: 0; transition:0.3s ease; }
.main-banner__next { background-image: url('/images/main/arrow-right.png'); right: 20px !important; }
.main-banner__prev { background-image: url('/images/main/arrow-right.png'); transform: rotate(180deg); left: unset !important; right: 75px !important; }

.main-banner__prev:hover, .main-banner__next:hover { background-color: #fff;}

/* mGallery */
.mGallery_wrap { padding: 50px 0; background: url('/images/main/mGallery_bg.png') center center no-repeat; background-size: cover; position: relative; }
.mGallery_wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.6); /* ¼ýÀÚ ³ôÀ»¼ö·Ï ´õ ¿¬ÇØÁü */
    z-index: 0;
}
.mGallery_inner { display: flex; justify-content: space-between; align-items: flex-start; }
.mGallery_left { width: 200px; flex-shrink: 0; position: relative; }
.mGallery_title a:hover .plus { transform: rotate(180deg); }
.mGallery_nav { margin-top: 25px; position: relative; height: 44px; z-index: 1000; }
.mGallery_prev { width: 45px !important; height: 45px; border-radius: 45px; left: 0 !important; background: rgba(255,255,255,0.6) url('/images/main/arrow-right.png') center no-repeat; transform: rotate(180deg); border: 1px solid #ddd;}
.mGallery_next { width: 45px !important; height: 45px; border-radius: 45px; left: 55px !important; right: unset; background: rgba(255,255,255,0.6) url('/images/main/arrow-right.png') center no-repeat; border: 1px solid #ddd;} 
.mGallery_prev:after, .mGallery_next:after { display: none; }
.mGallery_right { width: calc(100% - 240px); overflow: hidden; } 
.mGallery_swiper {  }
.mGallery_swiper .swiper-slide a { display: block; }
.mGallery_swiper .swiper-slide .mGallery_img { width: 100%; height: 165px; border-radius: 20px; box-shadow: 2px 2px 7px rgba(0,0,0,.35); overflow: hidden; position: relative;}
.mGallery_swiper .swiper-slide .mGallery_img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; object-fit: cover; transition: .3s; }
.mGallery_swiper .swiper-slide:hover .mGallery_img img { transform: scale(1.08); }
.mGallery_swiper .swiper-slide:hover mGallery_subject {  }
.mGallery_subject { font-size: 20px; font-weight: 600; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mGallery_date { margin-top: 5px; color: #666; font-size: 17px; font-weight: 400; }

/* sponsor */
.partner-section { padding: 25px 20px 30px; }
.partnerSwiper_wrap { position: relative; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; margin-top: 15px; overflow: hidden; padding: 0 80px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }

.partnerSwiper .swiper-slide { display: flex; align-items: center; justify-content: center; height: 90px; }
.partnerSwiper .swiper-slide img { max-width: 100%; max-height: 60px; object-fit: contain; transition: all .3s ease; }
.partnerSwiper .swiper-slide img:hover { transform: scale(1.05); }
.partnerSwiper_wrap .swiper-button-prev, 
.partnerSwiper_wrap .swiper-button-next { width: 40px; height: 40px; color: #0d2b6b; background: #fff; border-radius: 50%; border: 1px solid #ddd; }
.partnerSwiper_wrap .swiper-button-prev { left: 20px !important; }
.partnerSwiper_wrap .swiper-button-prev:after,
.partnerSwiper_wrap .swiper-button-next:after { font-size: 16px; font-weight: bold; }


/* Footer */
footer { width: 100%; background: #00153b; }
.footer_wrap { width:100%; max-width: 1440px; padding: 30px 20px; display: flex; flex-direction:row; justify-content: flex-start; align-items:center; gap:70px; margin: 0 auto; }
.footer_logo {  }
.footer_txt { font-size: 15px; font-weight: 300; color: #fff; }
.footer-info{ display:flex; flex-wrap:wrap; gap:10px; color:rgba(255,255,255,.7); font-size: 15px; }
.footer-info span:not(:last-child)::after{ content:"|"; margin-left:10px; color:rgba(255,255,255,.5); }
.footer-policy{ margin:5px 0; font-size: 15px; }
.footer-policy a{ color:rgba(255,255,255,.7); }
.copyright{ margin-top:10px; font-size: 14px; color:rgba(255,255,255,.7); }


#btnTop{ position:fixed; right:max(20px, calc((100vw - 1440px) / 2 + 20px)); bottom:30px; width:60px; height:60px; z-index:999; opacity:0; visibility:hidden; transform:translateY(20px); transition:all .3s ease; width: 50px; height: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;background: #2e3e5a; display:flex; justify-content: center; align-items:center; }
#btnTop img{ width: 20px; display:block; }
#btnTop.show{ opacity:1; visibility:visible; transform:translateY(0); }



/* sVisual */
.sVisual { width:100%; height: 300px; background-size:cover; position: relative; }
.sVisuTxt_wrap { max-width: 100%; margin: 0 auto; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction:column; justify-content: center; text-align: center; }
.sVisuTxt { text-shadow: 2px 2px 5px rgba(255,255,255,0.8);}
.sVisuTxt_1 { font-size: 45px; font-weight: 700; position: relative; z-index: 10; }
.sVisuTxt_1:after { content:''; width: 50px; height: 3px; display: block; background: #16171D; margin: 25px auto; }
.sVisuTxt_2 { font-size: 20px; font-weight: 500; position: relative; z-index: 10; }
.sVisuTxt_2 span { color: #1e4185; }
.sVisual_bg { position: absolute; top: 0; width: 100%; height: 100%; animation: sv_ani 1s ease-in-out; animation-fill-mode: forwards; }

.sVisual01 { background: url('/images/sub/sVisu_01.jpg') bottom center no-repeat; background-size:cover;  }
.sVisual02 { background: url('/images/sub/sVisu_02.jpg') bottom center no-repeat; background-size:cover;  }
.sVisual03 { background: url('/images/sub/sVisu_03.jpg') bottom center no-repeat; background-size:cover;  }
.sVisual04 { background: url('/images/sub/sVisu_04.jpg') bottom center no-repeat; background-size:cover;  }
.sVisual05 { background: url('/images/sub/sVisu_05.jpg') bottom center no-repeat; background-size:cover;  }

@keyframes sv_ani {
	0% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

@keyframes sv_ani {
	0% { transform: scale(1.2); }
	100% { transform: scale(1); }
}

/* sContainer */
.sContainer { width: 100%; height: 100%; margin: 0 auto 130px; overflow: hidden; }
.sContainer .title h2 { font-size:46px; color:#001a4d; font-weight:600; letter-spacing:-0.5px; line-height:100%; display:block; text-align:center; padding: 50px 0 ; }

.snb_box {width:100%; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.snb { max-width: 1485px; padding: 0 20px; display: flex; flex-direction:row; justify-content: center;  text-align: center; margin: 0 auto; overflow: hidden; text-align: center; gap:20px; }
.snb > li { position: relative; }
.snb > li > a { width: 100%; line-height: 65px; padding: 0 20px; text-align: center; display: block; font-weight: 500;}
.snb > li:before { content:''; width: 0; height: 2px; background: #0776c8; display: block; position: absolute; left: 0; right: 0; bottom: 0; transition:0.3s; margin: 0 auto; }
.snb > li.on:before, .snb > li:hover:before  { width: 100%; }
.snb > li.on > a, .snb > li > a:hover { color: #0776c8 ;}


/* sContents */
.sContents { max-width: 1440px; padding: 0 20px; margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all;}
.sContents h4 {  font-size:32px; font-weight:600; line-height:100%; margin: 50px 0 25px; color:#001a4d; position: relative; padding-left: 20px; } 
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h4:before{ content:''; display: block; position: absolute; left: 0; top: 3px; width:6px; height:30px; border-radius:20px; background:#001a4d; }
.sContents h5 { font-size: 24px; margin:30px 0 15px; font-weight: 500; color: #16171D; display: flex; flex-wrap: wrap; flex-direction: row;  align-items: center; position: relative;}
.sContents h5 .h5_num { width: 30px; height: 30px; line-height: 30px; border-radius: 30px; background: #001a4d; font-size: 18px; color: #fff; text-align: center; margin-right: 10px; }
/*.sContents h5:before { content:''; width: 4px; height: 21px; background: #16171D; position: absolute; left: 0; top: 7.5px; }*/

.sContents { padding: 40px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + h5 { margin-top: 20px; }
.sContents .imgBox { margin-bottom: 20px; }
.txtBox { text-align: justify; }
.contentsTable tr th { background: #0b2343; color: #fff; font-weight: 600; }
.lineBox { background: #F5F8FE; padding: 25px 40px; border: 1px solid #d8e6fb;}

/* purpose */
.purpose_wrap { display: flex; flex-direction:row; justify-content: space-between; align-items:stretch; margin-bottom: 20px; }
.purpose { width: 25%; padding: 20px; border: 1px solid #eff0f2; border-radius: 10px; display: flex; flex-direction:row; justify-content: space-between; align-items:stretch; }
.purpose_bisuiness { width: 47%; }
.purpose_img { width: 70px; }
.purpose_txt { width: calc(100% - 100px); }
.purpose_title { font-size: 24px; font-weight: 600; margin-bottom: 10px; letter-spacing: -1px; }


/* greeting */
.president_wrap { display: flex; flex-direction:row; justify-content: space-between; align-items:flex-start;  }
.president_left { width: 220px; border-radius: 15px; overflow: hidden; background: #F5F8FE;}
.president_left img { width: 100%; }
.president_name { padding: 30px 20px; }
.president_name span { font-size: 21px; font-weight: 500; }
.president_right  { width: calc(100% - 270px); }

.president_greeting { border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px;}
.president_greeting_emphasis { font-size: 30px; font-weight: 600;color: #01173b; }
.president_greeting_emphasis:after { content:''; display: block; width: 53px; height: 2px; background: #0776c8; margin: 20px 0;}
.greeting_president_date { text-align: right; }
.greeting_president_date span { font-weight: 600; font-size: 20px;  }

/* history */
.history_koes_title, .history_koes .history_year { color: #0776c8; }
.history_led_title, .history_led .history_year { color: #3A9262; }
.history_led_title { border-top: 1px solid #ddd; padding-top: 70px; margin-top: 70px;}
.history_koes .history_year:after { background-color: #0776c8; }
.history_led .history_year:after { background-color: #3A9262; }

.history {  }
.history > li {padding:20px 30px 25px 30px; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.history_year{width:120px;font-size: 30px;font-weight:600;color:#0c51a0;display:inline-block;padding:7px 0 0px 0px;margin:0 45px 0 0; vertical-align:top; word-break:keep-all; text-align: left;position: relative; line-height: 100%;}
.history_year:after { display: block; content:''; width: 1px; height: 28px; position: absolute; right: 0; top: 11px; }

.history > li:last-child { padding-bottom: 0; }
.history .history_content {display:inline-block;margin-top:5px; width: calc(100% - 180px);}
.history .history_content ul { margin-top: 5px; }
.history .history_content ul li { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.history .history_content ul li div { vertical-align: top; }
.history .history_content ul li div.history_date { width: 70px; color: #111; }
.history .history_content ul li div.history_txt { width: calc(100% - 70px); }
.history .history_content ul li + li { margin-top: 10px; }


/* committee */
.committee { display: inline; }
.committee01 { display: block; }

/* Á¶Á÷µµ */
.org_wrap { width: 100%; padding: 10px 0 20px; }
.org-row{ display:grid; gap:24px; justify-content:center; align-items:stretch; text-align: center; }
.president{ grid-template-columns:320px; }
.vice{ grid-template-columns:repeat(3,minmax(240px,320px)); }
.directors{ grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }
.divisions{ grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
.auditors{ grid-template-columns: repeat(auto-fit,minmax(240px,320px)); }

@media (max-width:1400px){
	.directors{ grid-template-columns:repeat(6,1fr); }
	.divisions{ grid-template-columns:repeat(3,1fr); }
}

@media (max-width:1100px){
	.vice{ grid-template-columns:repeat(2,1fr); }
	.directors{ grid-template-columns:repeat(4,1fr); }
	.divisions{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:768px){
	.org-row{gap:15px; }
	.vice, .directors, .divisions, .auditors{ grid-template-columns:repeat(3,1fr); }
	.president{ grid-template-columns:250px; }
}

@media (max-width:458px){
	.org-row{ gap:15px; }
	.vice, .directors, .divisions, .auditors{ grid-template-columns:repeat(2,1fr); }
	.president{ grid-template-columns:250px; }
}
.card{ position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center;  padding:24px 18px; min-height:150px; background:#fff; border:1px solid #e8edf3; border-radius:18px;  box-shadow: 0 8px 24px rgba(15,23,42,.06), 0 2px 6px rgba(15,23,42,.04);  transition: transform .25s ease, box-shadow .25s ease; }
.card:hover{  transform:translateY(-8px); border-color:#c9d4e8; }

.committee_position{ display:inline-flex; align-items:center; justify-content:center;  padding:6px 16px; border-radius:999px; font-size:14px; font-weight:700; color:#fff; line-height:1.4; }
.committee_divisions{ margin-top:8px; font-size:13px; color:#6c7df6; font-weight:600; }

.committee_name{ margin-top:18px; font-size:22px; font-weight:700; color:#1f2937; line-height:1.2; }
.committee_affiliation{ margin-top:10px; font-size:15px; color:#6b7280; line-height:1.5; text-align:center; }
.blue .committee_position { background:#538bfd; }
.green .committee_position { background:#52b788; }
.orange .committee_position { background:#f4a261; }
.purple .committee_position { background:#8b5cf6; }
.yellow .committee_position { background:#f6c453; color:#fff; }

@media (max-width:768px){
	.card{ min-height:130px; padding:20px 16px; }
	.committee_name{ font-size:20px; }
	.committee_affiliation{  font-size:14px; }
	.committee_position{ font-size:13px; padding:6px 14px; }
}

.org-level{ position:relative; padding-top:50px; }
.vice .card{ position:relative; }

.blue.card{border-top: 3px solid #538bfd;}
.green.card{border-top: 3px solid #52b788;}
.orange.card{border-top: 3px solid #f4a261;}
.purple.card{border-top: 3px solid #8b5cf6;}
.yellow.card{border-top: 3px solid #f6c453;}


/* ¿ª´ëȸÀå */
.formerPresident_group{ margin-bottom:70px; }
.formerPresident_head{ height:65px; display:flex; align-items:center; padding:0 40px; border-radius:18px 18px 0 0; background:#011946; background-position:right center; background-repeat:no-repeat; position: relative; overflow: hidden;}
.formerPresident_head::after{ content:""; position:absolute; top:0; right:0; width:45%; height:100%; background:url('/images/sub/formerPresident_bg.jpg') right bottom no-repeat; background-size: auto 230%; opacity:.7; pointer-events:none; }
.formerPresident_head h3{ font-size:32px; font-weight:700; color:#fff; position: relative; z-index: 10;}

.formerPresident_list{ display:grid; grid-template-columns:repeat(2,1fr); gap:30px; padding:35px; border:1px solid #e7edf5; border-top:0; border-radius:0 0 18px 18px; background:#fff; }
.formerPresident_card{ display:flex; gap:30px; padding:25px; border:1px solid #ececec; border-radius:15px; background:#fff; transition:.3s; }
.formerPresident_card:hover{ transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,.08); }
.formerPresident_card.full{ grid-column:1/3; }
.formerPresident_photo{  width:160px; flex:none; }
.formerPresident_photo img{ border-radius:10px; }

.formerPresident_info{ flex:1; }
.formerPresident_num{ display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 18px; border-radius:6px; background:#7fa3d8; color:#fff; font-size:15px; font-weight:600; }
.formerPresident_info h4{ margin-top:18px; margin-bottom: 0; font-size:30px; font-weight:700; }
.formerPresident_date { display:block; margin:10px 0 20px; color:#1556c5; font-size:20px; font-weight:700; }
.formerPresident_info ul{ display:flex; flex-direction:column; gap:3px; }
.formerPresident_info li{ position:relative; margin-bottom: 0; color:#666; }

.formerPresident_engineering .formerPresident_num {background:#4F7CC9;}
.formerPresident_engineering .formerPresident_date{color:#0A2E73;}
.formerPresident_led .formerPresident_num { background: #32B48D;}
.formerPresident_led .formerPresident_date { color:#0F8A6C;}
.formerPresident_lighting span { background:#D97706; }
.formerPresident_optical span {  background:#6D4DD8; }

.formerPresident_bottom{ display:grid; grid-template-columns:repeat(2,1fr); gap:35px; }
.formerPresident_box{ border:1px solid #e7edf5; border-radius:15px; overflow:hidden; background:#fff; box-shadow:0 12px 35px rgba(0,0,0,.05); }
.formerPresident_timeline{ padding:35px 40px; }
.formerPresident_timeline li{ display:flex; gap:25px; position:relative; padding-bottom:25px; }
.formerPresident_timeline li:last-child{ padding-bottom:0; }
.formerPresident_timeline li:before{ content:""; position:absolute; left:17px; top:32px; width:2px; height:calc(100% - 18px); background:#d5dff5; }
.formerPresident_timeline li:last-child:before{ display:none; }
.formerPresident_timeline span{ width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; font-weight:700; flex:none; position: relative; z-index: 10; }
.formerPresident_timeline strong{ display:block; font-size:22px; color:#222; }
.formerPresident_timeline p{ margin-top:5px; color:#777; }

.boardTable_subTh { background: #e7eef9; }

/* Committee Select */
.committeeSelect{ position:relative; width:420px; margin:0 auto 50px; z-index:50; }
.committeeSelect_btn{ position:relative; display:flex; align-items:center;  width:100%; height:64px; padding:0 60px 0 24px; border:1px solid #dbe3ef; border-radius:12px; background:#fff; cursor:pointer; transition:.25s; box-shadow:0 6px 18px rgba(0,0,0,.05); }
.committeeSelect_btn:hover{ border-color:#0b4db7; box-shadow:0 10px 25px rgba(0,0,0,.08); }
.committeeSelect_txt{ display:flex; align-items:center; gap:14px; }
.committeeSelect_txt strong{ font-size:20px; font-weight:700; color:#222; line-height:1; }
.committeeSelect_txt em{ position:relative; padding-left:14px;  font-size:15px; font-style:normal; font-weight:500; color:#8a8a8a; line-height:1; }
.committeeSelect_txt em:before{ content:""; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#d6dce6; }
.committeeSelect_btn i{ position:absolute; right:24px; top:50%; width:9px; height:9px; margin-top:-7px; border-right:2px solid #666; border-bottom:2px solid #666; transform:rotate(45deg); transition:.25s; }
.committeeSelect_btn.active i{ margin-top:-2px; transform:rotate(-135deg); }
.committeeSelect_list{ display:none; position:absolute; left:0; top:72px; width:100%; background:#fff; border:1px solid #dbe3ef; border-radius:12px; overflow:hidden; box-shadow:0 15px 35px rgba(0,0,0,.08); max-height:360px; overflow-y:auto; }
.committeeSelect_list.open{ display:block; }
.committeeSelect_list li{ display:flex; justify-content:space-between; align-items:center; padding:16px 22px; cursor:pointer; transition:.2s; }
.committeeSelect_list li+li{ border-top:1px solid #edf1f7; }
.committeeSelect_list li:hover{ background:#f6f9ff; }
.committeeSelect_list li.on{ background:#0b4db7; }
.committeeSelect_list li span{ font-size:17px; font-weight:600; color:#222; }
.committeeSelect_list li em{ font-size:14px; font-style:normal; color:#8d8d8d; }
.committeeSelect_list li.on span{ color:#fff; }
.committeeSelect_list li.on em{ color:rgba(255,255,255,.75); }
.committeeContent{ display:none; }
.committeeContent.on{ display:block; }


/* rule */
.rule b { display: inline-block; margin-bottom: 5px; }
.rule .numList li { margin-top: 5px; }
.tab-wrap{ display:flex; border-radius:12px; overflow:hidden; border:1px solid #dbe1e8; width: 50%; margin: 20px auto 30px; }
.tab{ flex:1; text-align:center; cursor:pointer; font-weight:600; background:#fff; transition:.3s; } 
.tab.active{ background:#0F6CBD; color:#fff; }
.tab:not(.active){ background:#f8fafc; color:#555; }
.tab:hover { background:#eef5fd; color:#004ea2; }
.tab a { display:flex; align-items:center; justify-content:center; width: 100%; height: 100%; padding:16px; }

.accordion-item{ margin-bottom:14px; }
.accordion-header{ width:100%; border:none; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:20px 24px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; font-size:20px; font-weight:600; transition:.25s; }
.accordion-header:hover{ background:#f8fbff; border-color:#0F6CBD; } 
.arrow{ width:14px; height:14px; border-right:3px solid #222; border-bottom:3px solid #222; transform:rotate(45deg); transition:.3s; }
.accordion-item.active .arrow{ transform:rotate(-135deg); }
.accordion-content{ max-height:0; overflow:hidden; transition:max-height .4s ease; }
.content-inner{ background:#fff; border:1px solid #e5e7eb; border-top:none; border-radius:0 0 12px 12px; padding:30px;  line-height:1.9; color:#333; border-left:5px solid #0F6CBD; box-shadow: 0 4px 10px rgba(0,0,0,.03); }
.content-inner h4{ margin-bottom:10px; color:#0F6CBD; font-size: 20px; }
.content-inner p{ margin-bottom:12px; }


/* award */
.tab-wrap-award { width: 100%; }
.award_line { width: 100%; height: 1px; background: #ddd; margin: 50px 0 30px; }
.award_inner { display: inline-block; box-shadow: 0 0 4px rgba(0,0,0,0.2); border-radius: 15px; padding: 30px 40px; }
.award_title { margin-bottom: 20px; font-size: 24px; font-weight: 600; color: #001a4d; text-align: center; }
.award_winner { display: flex; flex-wrap: nowrap; flex-direction:row; align-items: flex-start; justify-content: flex-start; gap:30px;  text-align: center; }
.winner_img { width: 150px; border-radius: 15px; overflow: hidden; }
.winner_img img { width: 100%; }
.winner_name { font-size: 20px; margin-top: 15px; font-weight: 600; }
.winner_affiliation { margin-top: 5px; font-size: 14px; line-height: 1.4; }
.winner_round{ display:inline-block; margin-top:8px; padding:5px 14px; border-radius:999px; background:#eef5ff; color:#0b4191; font-size:15px; font-weight:700; }
.awardSelect_btn { justify-content: center !important; }

/* newsletter */
.newsletter_wrap { display: inline; }
.newsletter_wrap01 { display: block; }

/* abstract */
.abstract_box { display: flex; flex-wrap: nowrap; flex-direction:row; align-items: center; justify-content: center; gap:30px;  }
.abstract_list { display: flex; flex-wrap: wrap; flex-direction:row; align-items: stretch; justify-content: flex-start;  gap:30px 2%; }
.abstract_list li { width: 23.5%; border-radius: 20px; box-shadow:0 0 5px rgba(0,0,0,0.2); overflow: hidden; transition:0.3s; }
.abstract_list li:hover { box-shadow:0 0 5px rgba(7,118,200,0.5); transform:translateY(-10px);}
.abstract_info { padding: 30px 50px 30px 20px; position: relative; }
.abstract_year { font-weight: 600; color: #0776c8; }
.abstract_name { font-size: 20px; font-weight: 500; }
.abstract_down { position: absolute; right: 20px; bottom: 30px; }

.tab-conference{ display:flex; flex-wrap:wrap; align-items:stretch; align-content:center; background:#f6f7f9; border-radius:10px; margin:50px 0 30px; }
.tab-conference .tab{ flex:1; }
.tab-conference .tab a{ position:relative; display:flex; flex-wrap:wrap; align-items:center; align-content:center; padding:18px 10px; text-align:center; font-size:16px; font-weight:500; color:#555; text-decoration:none; transition:all .25s ease; background:transparent; }
.tab-conference .tab:hover a{ background:#eef5fd; color:#004ea2; }
.tab-conference .tab:hover a::before{ content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:#8ec5ff; } 
.tab-conference .tab.active a{ background:#fff; color:#004ea2; font-weight:700; }

.tab-conference .tab.active a::before{ content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:#0b68d0; }
.tab-conference .tab.active a::after{ content:""; position:absolute; inset:0; border-radius:8px; box-shadow: -8px 0 10px -8px rgba(0,0,0,.15), 8px 0 10px -8px rgba(0,0,0,.15); pointer-events:none; }

@media (max-width:1200px){
	.tab-conference { margin-top: 30px; }
	.tab-conference .tab{ flex:0 0 25%; }
	.tab-conference .tab a{	padding:14px 8px; font-size:14px; }
}

@media (max-width:768px){
	.tab-conference .tab{ flex:0 0 33.333%;	}
	.tab-conference .tab a{	padding:14px 8px; font-size:14px; }
}

@media (max-width:480px){
	.tab-conference .tab{ flex:0 0 50%; }
}

/* °¡ÀÔ ¾È³» */
.benefit_list{ display:grid; grid-template-columns:repeat(5,1fr); gap:25px; }
.benefit_list li{ padding:40px 25px; background:#fff; border:1px solid #dfe8f5; border-radius:20px; text-align:center; transition:.3s; }
.benefit_list li:hover{ transform:translateY(-8px); box-shadow:0 18px 35px rgba(0,0,0,.08); }
.benefit_list .icon{ width:88px; height:88px; margin:0 auto 25px; border-radius:50%; background:#f5f9ff; display:flex; align-items:center; justify-content:center; }
.benefit_list .icon img{ width:44px; }
.benefit_list h5{ padding-left: 0 !important; font-size:20px; margin: 0 0 15px !important; color:#001a4d; justify-content:center }
.benefit_list p{ color:#666; line-height: 140%; }

.join_table{ width:100%; border-top:2px solid #001a4d; }
.join_table th{ background:#001a4d; color:#fff; font-weight:600; padding:18px; border:1px solid #d9e4f2; }
.join_table td{ padding:18px; border:1px solid #d9e4f2; text-align:center; }
.join_table tbody tr:nth-child(even){ background:#fbfcfe; }
.join_table img { width: 40px; margin-right: 10px; }
.join_notice{ margin-top:18px; color:#666; }

.table_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* ¸ð¹ÙÀÏ ½ºÅ©·Ñ ºÎµå·´°Ô */
}

.table_wrap .join_table {
    min-width: 500px;   /* ÇÊ¿ä¿¡ µû¶ó 700~900px Á¤µµ Á¶Àý */
}

@media(max-width:800px){

    .join_table img { display: block; margin: 0 auto 5px; }

}

.join_step{ display:flex; justify-content:space-between; position:relative; }
.join_step li{ position:relative; width:calc(25% - 70px); text-align:center; z-index:2; }
.num{ display:inline-flex; width:40px; height:40px; background:#001a4d; color:#fff; border-radius:50%; align-items:center; justify-content:center; font-size: 15px; font-weight:700; position: absolute; left: -15px; top: 0; box-shadow:0 0 0 3px #fff; }

.step_icon{ width:130px; height:130px; margin:0 auto 20px; border-radius:50%; background:#f5f8ff; border:1px solid #dbe6f5; display:flex; justify-content:center; align-items:center; transition:.3s; position: relative; }
.join_step li:hover .step_icon{ background:#001a4d; transform:translateY(-6px); }
.step_icon img{ width:60px; } 
.join_step strong{ display:block; font-size:20px; color:#001a4d; margin-bottom:10px; }
.join_step p{ color:#666; }
.join_step li:not(:last-child)::after{ content:""; position:absolute; top:64px; right:-70px; width:70px; height:16px; background:url('/images/sub/step_arrow.png') no-repeat center; background-size:contain; }

.join_payment{ display:flex; justify-content:space-between; gap:50px; align-items:flex-start; }
.payment_info{ width:40%; }
.payment_info ul{ margin-top:25px; }
.payment_info li{ position:relative; padding-left:22px; margin-bottom:18px; color:#555; }
.payment_info li:before{ content:""; width:8px; height:8px; border-radius:50%; background:#0b4ea2; position:absolute; left:0; top:10px; }
.payment_table{ width:60%; }
.payment_table th{ width:28%; padding:18px; background:#001a4d; color:#fff; } 
.payment_table td{ padding:18px; }

.join_btn{ display:flex; justify-content:center; gap:20px; margin-top:80px; }
.join_btn a{ min-width:200px; height:58px; border-radius:50px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:600; transition:.3s; }

@media(max-width:1024px){
	.benefit_list{ grid-template-columns:repeat(3,1fr); } 
	.step_icon { width: 100px; height: 100px; }
	.step_icon img{ width:45px; } 
	.join_step li:not(:last-child)::after{ content:""; position:absolute; top:50px; right:-70px; width:50px; height:16px; background:url('/images/sub/step_arrow.png') no-repeat center; background-size:contain; }
	.join_payment{ flex-direction:column; gap:10px; }
	.payment_info li { margin-bottom: 10px; padding-left: 15px; }
	.payment_info li:before{ content:""; width:6px; height:6px; border-radius:50%; background:#0b4ea2; position:absolute; left:0; top:7px; }
	.payment_info, .payment_table{ width:100%; }
	.join_btn{ display:flex; justify-content:center; gap:20px; margin-top:50px; }
}

@media(max-width:768px){
	.benefit_list{ grid-template-columns:repeat(2,1fr); }
	.benefit_list li { padding: 20px 15px; }
	.benefit_list .icon { width: 75px; height: 75px; margin-bottom: 10px;}
	.benefit_list h5 { margin-bottom: 5px !important; }
	.benefit_list .icon img { width: 40px; }
	.join_step { flex-wrap:wrap; gap:30px 0; }
	.join_step li { width: 50%; }
	.join_step li:not(:last-child)::after{ display: none;	 }
	.step_icon{ margin-bottom: 15px; }
	.join_btn{ flex-wrap:wrap; align-items:center; gap:10px; }
	.join_btn a{ min-width:150px; max-width:250px; }
}

@media(max-width:480px){
	.benefit_list{ grid-template-columns:1fr;  gap:15px; }
	.sub_title{ font-size:24px; }
}

/* btn_over */
.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; -webkit-transform-origin: right top; -ms-transform:translateX(-101%) skewX(-17.620001deg); transform: translateX(-101%) skewX(-17.620001deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1); }
.btn_over { display: inline-block; border: 2px solid #001a4d; background: #001a4d; position: relative; overflow: hidden; transition: color .55s; text-align: center; border-radius: 100px;}
.btn_over a { display: block; width: 100%; height: 100%; color: #fff; position: relative; z-index: 100; transition: color .55s; padding: 15px 40px; }
.btn_over:hover a { color: #001a4d; }
.btn_over:hover::before { background: #fff; -webkit-transform:translateX(0) skewX(-17.62deg); -ms-transform:translateX(0px) skewX(-17.620001deg); transform: translateX(0px) skewX(-17.620001deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.btn_green { border-color: #8db42a; background: #8db42a; /*border-radius: 30px;*/ }
.btn_green:hover { border-color: #8db42a !important; }
.btn_green::before { background: #fff; }
.btn_green:hover::before { background: #fff; }
.btn_green a { font-weight: 900; color: #fff; position: relative; }
.btn_green a:hover { color: #8db42a; }

.btn_navy { border-color: #0b2343; background: #0b2343; /*border-radius: 10px;*/ }
.btn_navy:hover { border-color: #0b2343 !important; }
.btn_navy::before { background: #fff; }
.btn_navy:hover::before { background: #fff; }
.btn_navy a { color: #fff; position: relative; }
.btn_navy a:hover { color: #0b2343; }


.down_btn.btn_over { border-color: #20aac6 !important; background: #20aac6 !important; }
.down_btn.btn_over a { font-weight: 500; display: block; height: 100%; padding: 10px 75px 10px 45px; color: #fff !important; background: url('/images/sub/down_wh.png') calc(100% - 40px) center no-repeat !important; line-height: 140%; }
.down_btn.btn_over:before { background: #fff !important; }
.down_btn.btn_over:hover a { background: transparent url('/images/sub/down_turque.png') calc(100% - 40px) center no-repeat !important; color: #20aac6 !important; position: relative; }

.down_navy_btn.btn_over { border-color: #0b2343 !important; background: #0b2343 !important; }
.down_navy_btn.btn_over a { font-weight: 500; display: block; height: 100%; padding: 10px 75px 10px 45px; color: #fff !important; background: url('/images/sub/down_wh.png') calc(100% - 40px) center no-repeat !important; line-height: 140%; }
.down_navy_btn.btn_over:before { background: #fff !important; }
.down_navy_btn.btn_over:hover a { background: transparent url('/images/sub/down_navy.png') calc(100% - 40px) center no-repeat !important; color: #0b2343 !important; position: relative; }

.top_btn.btn_over { border-color: #20aac6 !important; background: #20aac6 !important; margin:15px 10px 0px 0px;}
.top_btn.btn_over a { font-weight: 500; display: block; height: 100%; padding: 10px 15px 10px 15px; color: #fff !important;line-height: 140%; }
.top_btn.btn_over:before { background: #fff !important; }
.top_btn.btn_over:hover a { color: #20aac6 !important; position: relative; }


/* popup */
.pop_load { width: 100%; height: 1px; z-index:99999999; position: fixed; top: 0; left: 0; }
.popup_wrap {width:100%; height:100%; background: url('/images/common/popBg.png'); position:fixed; top:0; left:0; z-index:99999999999999; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 5px; display: none;	}
.popup {width:1200px;  max-height:745px; background:#fff; overflow-x:hidden; overflow-y:auto; position: relative; border: 5px solid #3962db; box-sizing: border-box;}
.popTitle { width: 1200px; height:60px; position: relative; background: #3962db;  }
.popTitle div { width: 1130px; line-height: 60px; font-weight: 500; color: #fff; font-weight: 500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:25px; font-weight:500; box-sizing: border-box; padding: 0 30px; }
.popTitle p.close_bt { position:absolute; top:9px; right: 40px; z-index:999999; cursor: pointer;}
.popVideo { width: 100%; margin-top: 0px; overflow: hidden;}
.popup_load { padding-bottom: 40px; }
.popup_load.popPhoto_load { padding-bottom: 0; }
.popVideo.popPhoto { text-align: center; height: auto; overflow: auto;}
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.popVideo iframe { width: calc(100% + 50px); height: 690px; margin-left: -20px; margin-top: -10px;}

/* boardTable */
.boardTable .board_notice .notice_word { background: #008CFF; color: #fff; padding: 5px 10px; border-radius: 20px; }
.boardTable .board_notice a { font-weight: 500;	 }


/* °Ô½ÃÆÇ */
.post_title { font-weight: 600; margin-bottom: 20px; }
.postContent { padding: 70px 50px; border-bottom: 1px solid #DDDDDD; }
.postContent #bContentArea + #pContentArea { margin-top: 40px; }
.postContent #bContentArea img { max-width: 100%; height: auto; }

.post-nav_list-btn-wrap { text-align: right; margin: 45px 0 15px; }
.post-nav_list-btn { line-height:40px; font-size: 16px; font-weight: 500; padding:0px 15px; border: 1px solid #091F5B; background:#091F5B; color: #fff !important; transition:0.3s; cursor: pointer;}
.post-nav_list-btn:hover { background: #fff; color: #091F5B !important; }

.post-nav { border-top: 2px solid #333; border-bottom: 1px solid #ddd; font-size: 16px; }
.post-nav_item { display: flex; align-items: center; padding: 15px 0; border-top: 1px solid #eee; }
.post-nav_item:first-child { border-top: none; }
.post-nav_label { width: 100px; font-weight: 600; color: #222; position: relative; padding-left: 20px; }
.post-nav_label::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: #ddd; }
.post-nav_title { flex: 1; padding: 0 20px; color: #555; text-decoration: none; transition: 0.2s; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.post-nav_title:hover { color: #000; text-decoration: underline; }





.online_btn{ display:flex; flex-wrap:wrap; gap:20px; }
.btn_link{ width:360px;  }
.btn_link a{ display:flex; align-items:center; justify-content:space-between; padding:20px 28px; font-size:22px; font-weight:700; letter-spacing:-0.03em; }
.btn_link .link_arrow{ position:relative; width:32px; height:32px; flex-shrink:0; }
.btn_link .link_arrow::before{ content:""; position:absolute; left:7px; top:50%; width:11px; height:11px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:translateY(-50%) rotate(45deg); transition:.35s ease; }
.btn_link:hover .link_arrow::before{ transform:translate(6px,-50%) rotate(45deg); }